"

From 2014.igem.org

• { margin: 0; padding: 0; outline:0; }

body {

   font-size: 12px;
   line-height: 20px;
   font-family: Georgia, Arial, Helvetica, Sans-Serif;
   color: #333;
   background-color: rgb(117,109,109); background-repeat:no-repeat;

}

a { color: #ff0000; text-decoration: none; cursor:pointer; } a:hover { text-decoration: none; }

a img { border: 0; }

/*input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size:12px; } textarea { overflow:auto; }

• /

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.shell { width: 980px; margin: 15px auto 0; background-color: rgb(198,198,227);} .border { position: relative; } .shadow-l { width: 25px; position: absolute; top:0;left:-20px; } .shadow-r { width: 25px; position: absolute; top:0;right:-25px; } .shadow-b { width: 980px; height: 30px; position: absolute; bottom:-30px;left:0; }

1. header {overflow: hidden; width: 100%; height: 150px;}
2. igem_logo {float:left; margin-top:60px;}
3. title ul { float:left; height: 150px; margin-left: 180px; line-height: 150px; font-size: 96px; font-weight: bold; text-align:center; }
4. xmu_logo {float:right;}
5. navigation { margin:10px,auto; text-align: center; clear: both;}
6. navigation ul { list-style: none;}
7. navigation ul li { padding: 10px; margin:5px; float: left; border: 1px solid #000; background-color: #000; font-size: 18px; line-height: 40px; font-weight: bold; }
8. navigation ul li a { float: left; height: 43px; color: #fff; padding: 0 33px; }
9. navigation ul li a:hover,
10. navigation ul li a.active { color: #ff0000; text-decoration: none; }

.calendar { position: absolute; width: 600px; border: 1px solid #000; left: 100px;background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;/*FF*/ filter:Alpha(opacity=40); background:#000000;/*IE*/} .calendar ul { color: #fff; line-height: 48px; font-size: 24px; font-weight: bold; text-align: center; background-image:url("");} .calendar h3 {margin-top: 10px; margin-left: 20px;margin-right: 20px;}

.basic_root_page { width: 800px; height:600px; border: 1px solid #000; left: 80px; } .basic_popup_page { width: 800px; height:600px; border: 1px solid #000; left: 0px; } .basic_root_page ul { color: #fff; line-height: 48px; font-size: 24px; font-weight: bold; position: absolute; left: 48%} .basic_popup_page ul { color: #fff; line-height: 48px; font-size: 24px; font-weight: bold; position: absolute; left: 48%; }

1. top-left-column { width: 212px;height: 308px; top:47px; left: 2px;}
2. right-column { width: 580px; height: 506px; top:47px; left: 216px;}
3. bottom-left-column { width: 212px; height: 196px; top:358px; left: 2px; }

1. sponsor{ margin-top: 20px; height: 100px; line-height: 90px; font-size: 64px; font-weight: bold; text-align: center;}
2. icon {height:100px;}

.footer { background-color: #000; height: 200px;}