Team:UCL/static/memories.css
From 2013.igem.org
m |
|||
Line 191: | Line 191: | ||
#all_content #container .row_memory .square .comments | #all_content #container .row_memory .square .comments | ||
{ | { | ||
- | width: | + | width:278px; |
- | height: | + | height:278px; |
float:left; | float:left; | ||
overflow:hidden; | overflow:hidden; |
Revision as of 12:19, 4 September 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-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.4; 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;
}