Team:UCL/static/memories.css
From 2013.igem.org
(124 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
#header, | #header, | ||
- | #header #middle #top #social_links | + | #header #middle #right #top #social_links |
{ | { | ||
- | background:# | + | background:#A87D52; |
+ | } | ||
+ | |||
+ | #all_content | ||
+ | { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2013/e/e1/6a00d834205e5753ef00e54f4303e88833-640wi.jpg'); | ||
+ | background-size:100% 1500px; | ||
+ | background-repeat:no-repeat; | ||
+ | background-color:black; | ||
+ | |||
} | } | ||
- | |||
- | |||
- | |||
.mediawiki, | .mediawiki, | ||
#content, | #content, | ||
- | |||
#footer-box | #footer-box | ||
{ | { | ||
- | background:black; | + | background-color:black; |
+ | } | ||
+ | |||
+ | div.row_small, | ||
+ | div.row_large, | ||
+ | div.h_gap | ||
+ | { | ||
+ | opacity:0; | ||
+ | } | ||
+ | |||
+ | /***************/ | ||
+ | /*HEADER IMAGES*/ | ||
+ | /***************/ | ||
+ | |||
+ | #header #middle #left | ||
+ | { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2013/0/0b/Eslogo.png'); | ||
+ | } | ||
+ | |||
+ | #header #middle #top #social_links img1 | ||
+ | { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2013/0/02/Facebook_logo_b.png'); | ||
+ | } | ||
+ | |||
+ | #header #middle #top #social_links img2 | ||
+ | { | ||
+ | background-image:url('https://static.igem.org/mediawiki/2013/8/87/Twitter_logo_b.png'); | ||
} | } | ||
Line 23: | Line 54: | ||
/*PAGE STYLES*/ | /*PAGE STYLES*/ | ||
/*************/ | /*************/ | ||
+ | |||
+ | #menu, | ||
+ | #menu #dropdown, | ||
+ | #cssmenu | ||
+ | { | ||
+ | background:#4A2D1D; | ||
+ | } | ||
#footer-box a | #footer-box a | ||
{ | { | ||
- | + | background:#FAE8D4; | |
} | } | ||
+ | /* | ||
#content | #content | ||
{ | { | ||
Line 38: | Line 77: | ||
visibility:hidden; | visibility:hidden; | ||
} | } | ||
+ | */ | ||
Line 43: | Line 83: | ||
{ | { | ||
width:976px; | width:976px; | ||
- | height: | + | height:950px; |
float:left; | float:left; | ||
- | + | overflow:hidden; | |
} | } | ||
- | #all_content #container # | + | #all_content #container #row_initial #intro |
{ | { | ||
- | width: | + | width:638px; |
- | height: | + | height:210px; |
float:left; | float:left; | ||
- | + | margin-left:159px; | |
+ | margin-top:66px; | ||
+ | position:relative; | ||
+ | overflow:hidden; | ||
} | } | ||
- | #all_content #container #row_initial # | + | #all_content #container #row_initial #intro #box1 |
{ | { | ||
- | width: | + | width:638px; |
- | height: | + | height:210px; |
float:left; | float:left; | ||
+ | position:absolute; | ||
+ | width:638px; | ||
+ | height:210px; | ||
+ | position:relative; | ||
+ | top:0px; | ||
+ | left:0px; | ||
overflow:hidden; | overflow:hidden; | ||
- | background: | + | background:silver; |
+ | opacity:0.65; | ||
+ | margin:0px; | ||
+ | cursor:pointer; | ||
} | } | ||
- | #all_content #container #row_initial | + | #all_content #container #row_initial #intro #box1:hover |
{ | { | ||
- | width: | + | opacity:0.85; |
- | height: | + | } |
+ | |||
+ | #all_content #container #row_initial #intro #box2 | ||
+ | { | ||
+ | width:638px; | ||
+ | height:210px; | ||
float:left; | float:left; | ||
+ | position:absolute; | ||
+ | width:638px; | ||
+ | height:210px; | ||
+ | position:relative; | ||
+ | top:0px; | ||
+ | left:0px; | ||
overflow:hidden; | overflow:hidden; | ||
- | background: | + | background:silver; |
+ | opacity:0.85; | ||
+ | cursor:pointer; | ||
+ | margin:0px; | ||
+ | display:none; | ||
} | } | ||
- | # | + | #all_content #container #row_initial #intro #box3 |
- | # | + | |
{ | { | ||
- | height: | + | width:638px; |
- | width: | + | height:210px; |
- | + | float:left; | |
+ | position:absolute; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #all_content #container #row_initial #intro #box3 #upload | ||
+ | { | ||
+ | width:638px; | ||
+ | height:210px; | ||
+ | float:left; | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | margin:0px; | ||
} | } | ||
#all_content #container .gap | #all_content #container .gap | ||
{ | { | ||
- | background: | + | background:#FAE8D4; |
height:11px; | height:11px; | ||
+ | opacity:0; | ||
} | } | ||
- | #all_content #container . | + | #all_content #container .row_memory |
{ | { | ||
- | width: | + | width:976px; |
height:318px; | height:318px; | ||
float:left; | float:left; | ||
- | |||
} | } | ||
- | #all_content #container .square | + | |
+ | #all_content #container .row_memory .square | ||
{ | { | ||
width:318px; | width:318px; | ||
height:318px; | height:318px; | ||
float:left; | float:left; | ||
- | background: | + | background:black; |
+ | opacity:1; | ||
+ | margin-right:11px; | ||
+ | overflow:hidden; | ||
+ | |||
+ | background-size:318px 318px; | ||
+ | /*background-image:url('http://www.lunapic.com/editor/premade/sepia.gif');*/ | ||
+ | } | ||
+ | |||
+ | #all_content #container .row_memory .square .comments | ||
+ | { | ||
+ | width:278px; | ||
+ | height:278px; | ||
+ | float:left; | ||
+ | overflow:hidden; | ||
+ | opacity:0; | ||
+ | background:black; | ||
+ | |||
+ | font-family : "Myriad Pro", sans-serif; | ||
+ | font-weight : normal; | ||
+ | font-size : 1.6em; | ||
+ | line-height : 1.2; | ||
+ | color:silver; | ||
+ | padding:20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | #all_content #container .row_memory .square .comments:hover | ||
+ | { | ||
+ | opacity:0.9; | ||
} | } | ||
Line 113: | Line 222: | ||
#cssmenu a | #cssmenu a | ||
{ | { | ||
- | background: # | + | background: #4A2D1D; |
- | color: # | + | color: #FAE8D4; |
} | } | ||
Line 121: | Line 230: | ||
#cssmenu ul li.active > a | #cssmenu ul li.active > a | ||
{ | { | ||
- | background: # | + | background: #A87D52; |
- | color: | + | color: #FAE8D4; |
} | } | ||
Line 128: | Line 237: | ||
#cssmenu ul ul a | #cssmenu ul ul a | ||
{ | { | ||
- | background: # | + | background: #4A2D1D; |
- | color: | + | color: #FAE8D4; |
} | } | ||
Line 135: | Line 244: | ||
#cssmenu ul ul li:hover > a | #cssmenu ul ul li:hover > a | ||
{ | { | ||
- | background: # | + | background: #4A2D1D; |
- | color: # | + | color: #A87D52; |
+ | } | ||
+ | |||
+ | #header #middle #right #bottom #igem_logo | ||
+ | { | ||
+ | display:none; | ||
} | } |
Latest revision as of 03:48, 5 October 2013
/********************/ /*BACKGROUND COLOURS*/ /********************/
- header,
- header #middle #right #top #social_links
{ background:#A87D52; }
- all_content
{ background-image:url('https://static.igem.org/mediawiki/2013/e/e1/6a00d834205e5753ef00e54f4303e88833-640wi.jpg'); background-size:100% 1500px; background-repeat:no-repeat; background-color:black;
}
.mediawiki,
- content,
- footer-box
{ background-color:black; }
div.row_small, div.row_large, div.h_gap { opacity:0; }
/***************/ /*HEADER IMAGES*/ /***************/
- header #middle #left
{ background-image:url('https://static.igem.org/mediawiki/2013/0/0b/Eslogo.png'); }
- header #middle #top #social_links img1
{ background-image:url('https://static.igem.org/mediawiki/2013/0/02/Facebook_logo_b.png'); }
- header #middle #top #social_links img2
{ background-image:url('https://static.igem.org/mediawiki/2013/8/87/Twitter_logo_b.png'); }
/*************/ /*PAGE STYLES*/ /*************/
- menu,
- menu #dropdown,
- cssmenu
{ background:#4A2D1D; }
- footer-box a
{ background:#FAE8D4; }
/*
- content
{ top:-15px; }
- menubar, #menubar:hover
{ visibility:hidden; }
- /
- all_content #container #row_initial
{ width:976px; height:950px; float:left; overflow:hidden; }
- all_content #container #row_initial #intro
{ width:638px; height:210px; float:left; margin-left:159px; margin-top:66px; position:relative; overflow:hidden; }
- all_content #container #row_initial #intro #box1
{ width:638px; height:210px; float:left; position:absolute; width:638px; height:210px; position:relative; top:0px; left:0px; overflow:hidden; background:silver; opacity:0.65; margin:0px; cursor:pointer; }
- all_content #container #row_initial #intro #box1:hover
{ opacity:0.85; }
- all_content #container #row_initial #intro #box2
{ width:638px; height:210px; float:left; position:absolute; width:638px; height:210px; position:relative; top:0px; left:0px; overflow:hidden; background:silver; opacity:0.85; cursor:pointer; margin:0px; display:none; }
- all_content #container #row_initial #intro #box3
{ width:638px; height:210px; float:left; position:absolute; display:none; }
- all_content #container #row_initial #intro #box3 #upload
{ width:638px; height:210px; float:left; position:absolute; top:0px; left:0px; margin:0px; }
- all_content #container .gap
{ background:#FAE8D4; height:11px; opacity:0; }
- all_content #container .row_memory
{ width:976px; height:318px; float:left; }
- all_content #container .row_memory .square
{ width:318px; height:318px; float:left; background:black; opacity:1; margin-right:11px; overflow:hidden;
background-size:318px 318px; /*background-image:url('http://www.lunapic.com/editor/premade/sepia.gif');*/ }
- all_content #container .row_memory .square .comments
{ width:278px; height:278px; float:left; overflow:hidden; opacity:0; background:black;
font-family : "Myriad Pro", sans-serif; font-weight : normal; font-size : 1.6em; line-height : 1.2; color:silver; padding:20px; }
- all_content #container .row_memory .square .comments:hover
{ opacity:0.9; }
/******************/ /*DROPDOWN COLOURS*/ /******************/
/*main buttons*/
- cssmenu a
{
background: #4A2D1D; color: #FAE8D4;
}
/*main buttons, hover*/
- cssmenu ul li:hover > a,
- cssmenu ul li.active > a
{
background: #A87D52; color: #FAE8D4;
}
/*sub menu*/
- cssmenu ul ul a
{
background: #4A2D1D; color: #FAE8D4;
}
/*sub menu, hover*/
- cssmenu ul ul li:hover > a
{
background: #4A2D1D; color: #A87D52;
}
- header #middle #right #bottom #igem_logo
{ display:none; }