"

From 2012.igem.org

/* -------------------

Title: display.css Team: Shenzhen Author: BGI_K2 Twitter: @BGI_K2 Email: im.ss.kk@gmail.com

Please contact me if you would like to use this script

---

*/

body{

   background:#D9D9D9 ;

color: #D9D9D9; font-family: 'Terminal Dosis', Arial, sans-serif !important; font-size: 13px; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; border-bottom: 0px; }

1. content {

width: 1040px; background: #D9D9D9; border:0px; }

.container{ position:relative; } a{ color: #fff; text-decoration: none;

outline: none !important; hide-focus: expression(this.hideFocus=true); } .clr{ clear: both; } .content{ position:relative; } h1{ margin:0px; padding:20px; font-size:32px; color:#000;

   text-shadow:1px 1px 1px rgba(255,255,255,0.9);

text-align:center; font-weight:400; } h1 span{

   display:block;

font-size:14px; color:#666;

   font-style:italic;
   font-family:Georgia, serif;

padding-top:5px; } h2 { font-size:18px !important; font-family:'Terminal Dosis', Arial, sans-serif !important; font-weight:bold !important; color: #000; } /* Header Style */ .header{ font-family:'Arial Narrow', Arial, sans-serif; line-height: 24px; font-size: 11px; background: #000; opacity: 0.9; text-transform: uppercase; z-index: 9999; position: relative; -moz-box-shadow: 1px 0px 2px #000; -webkit-box-shadow: 1px 0px 2px #000; box-shadow: 1px 0px 2px #000; } .header a{ padding: 0px 10px; letter-spacing: 1px; color: #ddd; display: block; float: left; } .header a:hover{ color: #fff; } .header span.right{ float: right; } .header span.right a{ float: none; display: inline; } .more{ position:relative; clear:both;

   font-size: 11px;
   padding: 20px 0px;
   text-transform:uppercase;
   width: 390px;
   height:55px;
   margin: 0 auto;

} .more ul{ display:block; text-align:center; } .more ul li{ display: block;

   padding: 4px 2px;
   float:left;

} .more ul li.selected a, .more ul li.selected a:hover{ background:#0099c5; color:#fff; text-shadow:none;

   font-weight:bold;

} .more ul li a{ color:#555;

   float:left;

background:#fff;

   width:64px;

padding: 2px 5px; -moz-box-shadow:1px 1px 2px #aaa; -webkit-box-shadow:1px 1px 2px #aaa; box-shadow:1px 1px 2px #aaa; } .more ul li a:hover{ background:#000; color:#fff; } ul li { list-style:none; }

a, p{ font-size:15px !important; line-height:20px !important; font-family:'Terminal Dosis', Arial, sans-serif !important; color: #D9D9D9 !important; }

1. bodymain {

position:relative; width: 865px; top:-15px; MARGIN-RIGHT: 3px; MARGIN-LEFT: auto; }

1. bodymain div{

opacity:0.85; }

1. bodymain div:hover{

opacity:1; }

1. media {

top:0px; padding:4px; width: 420px; height: 300px; background-color:#999; float:left; display:inline; }

1. intro {

float:right; display:inline; top:0px; padding:4px; width: 420px; height: 300px; background-color:#666; }

.context { float:left; display:inline; MARGIN-top: 5px; MARGIN-bottom: 0px; padding: 4px #666; width: 865px; height: auto; background-color:#999; }

h5 { background-color:#666; font-size:15px; color:#ccc; line-height: 24px; height: 24px auto; padding-left:5px; padding-right:5px; } .context p,.context li{ list-style:none; padding-left:5px; padding-right:5px; }