Team:UCL/static/memories.css
From 2013.igem.org
(40 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
#header, | #header, | ||
- | #header #middle #top #social_links | + | #header #middle #right #top #social_links |
{ | { | ||
background:#A87D52; | 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-color:black; | background-color:black; | ||
} | } | ||
Line 24: | Line 30: | ||
{ | { | ||
opacity:0; | 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 58: | Line 83: | ||
{ | { | ||
width:976px; | width:976px; | ||
- | height: | + | height:950px; |
float:left; | float:left; | ||
overflow:hidden; | overflow:hidden; | ||
Line 74: | Line 99: | ||
} | } | ||
- | #all_content #container #row_initial #intro #box1 | + | |
- | + | #all_content #container #row_initial #intro #box1 | |
- | + | ||
{ | { | ||
width:638px; | width:638px; | ||
Line 82: | Line 106: | ||
float:left; | float:left; | ||
position:absolute; | position:absolute; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
width:638px; | width:638px; | ||
height:210px; | height:210px; | ||
Line 96: | Line 115: | ||
opacity:0.65; | opacity:0.65; | ||
margin:0px; | margin:0px; | ||
+ | cursor:pointer; | ||
} | } | ||
- | #all_content #container #row_initial #intro #box1 | + | #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; | opacity:0.85; | ||
cursor:pointer; | cursor:pointer; | ||
+ | margin:0px; | ||
+ | display:none; | ||
} | } | ||
- | |||
#all_content #container #row_initial #intro #box3 | #all_content #container #row_initial #intro #box3 | ||
{ | { | ||
+ | width:638px; | ||
+ | height:210px; | ||
+ | float:left; | ||
+ | position:absolute; | ||
display:none; | display:none; | ||
} | } | ||
Line 142: | Line 182: | ||
height:318px; | height:318px; | ||
float:left; | float:left; | ||
- | background: | + | background:black; |
opacity:1; | opacity:1; | ||
margin-right:11px; | margin-right:11px; | ||
overflow:hidden; | 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 180: | Line 246: | ||
background: #4A2D1D; | background: #4A2D1D; | ||
color: #A87D52; | 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; }