"

From 2013.igem.org

1. header-image {

   float: top;
   width: auto;
   height: auto;

}

/* ul.sidenav { list-style:none; padding: 0; margin:0px, 0px, 0px, 20px; width: 160px; float: right; } ul.sidenav li { position: relative; } ul.sidenav li a{ display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; margin: .75%; font: 1.9em 'Myriad Pro'; width: 150px; } ul.sidenav li a:link, ul.sidenav li a:visited{ background-size: 20px; /*background-color: #006291;*/ /*background of tabs (default state)*/ } ul.sidenav li a:visited{ color: white; }

ul.sidenav li a:hover{ background-color: #333333; }

ul.topnav { list-style: none; padding: 0px 0px; margin: 0;

       width:1000px;

float: left; } ul.topnav li { font-family: 'Georgia', Times, serif; font-weight: 150; font-size: 1.65em; float: left; margin:0px 0px 0px 0px; opacity:.8; padding: 2px 6px 10px 12px; position: 0px 0px; /*--Declare X and Y axis base for sub navigation--*/ } ul.topnav li a{ padding: 18px 8px 10px 10px; color: white; display: block; text-decoration: none; float: left; } ul.topnav li a:hover{ background-color:black; padding: 18px 8px 10px 10px; font-color: white; } ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 25px; float: left; background-color: gray; } ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; /*--Hover effect for trigger--*/ } ul.topnav li ul.subnav { list-style: none; position: absolute; left: 3px; top: 55px;/*--Important - Keeps subnav from affecting main navigation flow--*/ background: #333; margin: 0; padding: 3px; display: none; float: left; width: 160px; opacity: .6; border: 1px solid #111; } ul.topnav li ul.subnav li{ margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; height:45px; width: 155px; font-size: .5em; font-family: 'Georgia', Times, serif; font-weight: 150; } html ul.topnav li ul.subnav li a { float: left;

       height:50px;

width: 145px; background-color: white; padding-left: 3px; } html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background-color: none; }

1. slideshow {

   margin: 50px auto; 
   position: relative; 
   width: 240px; 
   height: 240px; 
   padding: 10px; 
   box-shadow: 0 0 20px rgba(0,0,0,0.4); 

}

1. slideshow > div {

   position: absolute; 
   top: 10px; 
   left: 10px; 
   right: 10px; 
   bottom: 10px; 

}

1. content1{

font-family:Georgia ,Helvetica,sans-serif; height: 300px;

 }

1. content2{

font-family:Georgia ,Helvetica,sans-serif; height: 50px;

 }

body{ background: url(); }

1. globalWrapper {width: 100%;}
2. content{

padding: 0px; width: 1000px; background: #BABABA; font-family:Georgia ,Helvetica,sans-serif; border: none; text-decoration: none; }

1. footer, f-poweredbyico, f-copyrightico, f-list {

background: #BABABA; margin:0px; padding:0px;}

1. footer-box {

background: #BABABA; border:none; } .main_item h1{ text-decoration:none; }

1. p-logo{display:none;}
2. top-section2{

width: 100%; background: url(http://www.eecs.berkeley.edu/~jvmiller/images/imagetestberkeley.gif); height: 65px; }

1. top-section3{

width: 100%; height:0px; }

1. team{

border: 1px solid black; padding: 2px; height:380px;}

1. search-controls{

display:none; }

1. spacer {height: 15px;}
2. spacer2 {height: 9em;}
3. spacer3 {height: .4em;}
4. spacer4 {height: .8em;}
5. top-section{

width: 100%; background: url(); height: 5px; border:none; } .firstHeading {display:none;}

• /