"

From 2010.igem.org

/************

  GENERAL

• • • • • • • • • • • • /

1. content {

font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.14em;
background-color:#fffadf;

}

1. bodyContent {

margin:0 auto;
width:64em;
background-color:#fffbe2;

}

1. headwrapper {

border:0;
margin:0 auto;
padding:0;
width:64em;

}

h1.firstHeading {

 display:none; 

}

h1 {

color: #77A541;
text-align:center;
background-color:#FFEBD8;
border-bottom: 1px solid #77A541;

}

h2, h3, h4, h5, h6 {

color:#6c9041;

}

h2 {

background: #FFF0E2;
border:0;
border-top: 1px solid #B0BEA1;

}

table, div.tright ,div.tleft, div.thumb, table.gallery, .gallerytext, table.gallery td {

background-color:#fffbe2;
border-color:#fffbe2;

}

table.gallery{

margin:auto;

}

table.gallery td{

 border-color:#fff9d2;

}

1. toc, .toc{

background-color:#fff4aa;

}

.panel img {

width: 200px;

} /*width of the boxes at the bottom */

/********* Header

• • • • • • • • • /

1. header_image{

border:0;
padding:0;
margin:0;
position: relative;
width: 64em;
height: 10em;
background: url('https://static.igem.org/mediawiki/2010/2/27/BCCS_Wheat2.JPG');
clear: both;

}

1. header_blend{

position: absolute;
bottom: 0;
z-index: 2;
width: 64em;
height: 4em;
background: #fff8ca;
opacity:0.5;
filter:alpha(opacity=50);
border-top: 0.2em solid #ffee8d;>

}

1. header_text{

position: absolute;
bottom: 0.5em;
right: 2em;
color: black;
z-index: 3;
font-size: 1.5em;

}

/********* Navigation

• • • • • • • • • /

ul#nav, ul#nav ul {

 padding:0; 
 margin:0;
 list-style-type: none;
 list-style-image: none 

}

ul#nav {

left: 0.5em; 
z-index:500; 

}

ul#nav ul {

 display: none;

}

ul#nav li {

 float:left;
 margin:0 auto;
 position:relative; 

}

ul#nav a {

 display:block;
 width:11.5em;
 font-size:1em;
 height:2em; 
 line-height:2em;  /* ul#nav a height */
 text-decoration:none; 
 text-indent:0.5em; 

}

ul#nav .subList a {

 width:11.5em;
 padding-left:1em;
 font-size:0.8em;
 font-style:italic;

}

ul#nav li:hover > ul {

 display:block; 
 position:absolute; 
 left:11.5em; /* ul#nav a width */
 top:0;

}

ul#nav > li:hover > ul {

 left:0;
 top:2.6em; /* ul#nav a height + 2*(ul#nav > li > ul border-width)  */

}

ul#nav > li {

 border: 0.5em solid #fff8ca;  
 background: #003366; 

}

ul#nav > li:first-child {

 -moz-border-radius-topleft: 0.0em;

}

ul#nav > li:last-child {

 -moz-border-radius-topright: 0.0em;

}

ul#nav li > ul {

 border: 0.1em solid #000; 
 -moz-border-radius: 0.1em;

}

ul#nav li > a {

background: #F8FEF1;
color: black; 

}

ul#nav li:hover > a {

color: #F1FEE1;
background: #77A541;

} /*menu text mouseover */

ul#nav > li > a {

 color:#000;
 background: #f1fee1;
 border: 0.1em solid #585858;
 font-weight:bold; 

} /*menu text properties*/

ul#nav > li:hover > a { }

1. navwrapper {

border:0;
margin:0;
padding:0;
width:64em;
height:3.2em;
background-color:#fff8ca;

}