Team:UCL/static/memories.css
From 2013.igem.org
Line 186: | Line 186: | ||
margin-right:11px; | margin-right:11px; | ||
overflow:hidden; | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | #all_content #container .row_memory .square .comments | ||
+ | { | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | float:left; | ||
+ | overflow:hidden; | ||
+ | opacity:0; | ||
+ | background:red; | ||
+ | } | ||
+ | |||
+ | #all_content #container .row_memory .square .comments:hover | ||
+ | { | ||
+ | opacity:1; | ||
} | } | ||
Revision as of 11:34, 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:#FAE8D4; opacity:1; margin-right:11px; overflow:hidden; }
- all_content #container .row_memory .square .comments
{ width:100%; height:100%; float:left; overflow:hidden; opacity:0; background:red; }
- all_content #container .row_memory .square .comments:hover
{ opacity:1; }
/******************/ /*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;
}