"

From 2012.igem.org

/* //html,body { height:100%; }

1. globalWrapper {

   padding: 0;

}

• /

html, body, #globalWrapper{ padding: 0; margin: 0; height: 100% }

1. contentSub {

margin-bottom: 1em; }

1. content{

min-height: 100%; border-left: 1px solid #919396; border-right: 1px solid #919396; box-shadow: 0 0 5px #000000, 0 0 120px 10px #000000; background: -moz-linear-gradient(left, rgba(255,255,255,0.75) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 75%, rgba(255,255,255,0.75) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.75)), color-stop(25%,rgba(255,255,255,1)), color-stop(75%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.75))); background: -webkit-linear-gradient(left, rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0.75) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0.75) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0.75) 100%); background: linear-gradient(to right, rgba(255,255,255,0.75) 0%,rgba(255,255,255,1) 25%,rgba(255,255,255,1) 75%,rgba(255,255,255,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfffffff', endColorstr='#bfffffff',GradientType=1 ); }

1. footer-box, #catlinks, #bodyContent > p, #p-logo{ /* Hide couple of default elements */

display: none; }

1. top-section {

height: 0px; margin: 0px; margin-left: auto; margin-right: auto; background-color:black; margin-bottom: 0 !important; }

1. menubar.left-menu {

background-color:black; width:975px; float:left; border: none; }

1. menubar.right-menu li a{

background-color:black; }

1. menubar.left-menu a {

color:white; }

1. menubar.right-menu a {

color:white; }

1. search-controls {

display:none; }

1. contentgrid {

padding-left:25px; padding-right:25px; width:900px; border: 1px solid #529bc7 background-color: black; margin-left:-6px; margin-bottom:-5px; }

.firstHeading{ width: 0px; height: 0px; margin-bottom: 0px; display: none; position: relative; top:0; left:0; margin:0; }

body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; //font-family: Gill Sans, Gill Sans MT, sans-serif; //font-size: 13px; background: #004083 url() repeat; }

/*Defining the columns */

1. total {

background-color: white; width: 100%; margin-right: 0em; margin-left: 0em; margin-top: 0em; text-align: left; z-index: 0; }

1. menu {

float: left; width: 100%; text-align: center; //background-color: black; background-color: #004083; padding: 10px 0; }

1. main {

overflow: hidden; border-style:solid; border-width:2px 1px; border-radius: 30px; color: #333333; box-shadow: 0 0 3px 1px #000000; }

1. main-bg {

float: left; //background: rgba(255, 255, 255, 0.5); background: -moz-linear-gradient(top, rgba(0,64,131,1) 0%, rgba(0,64,131,0) 35%, rgba(0,64,131,0) 65%, rgba(0,64,131,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,64,131,1)), color-stop(35%,rgba(0,64,131,0)), color-stop(65%,rgba(0,64,131,0)), color-stop(100%,rgba(0,64,131,1))); background: -webkit-linear-gradient(top, rgba(0,64,131,1) 0%,rgba(0,64,131,0) 35%,rgba(0,64,131,0) 65%,rgba(0,64,131,1) 100%); background: -o-linear-gradient(top, rgba(0,64,131,1) 0%,rgba(0,64,131,0) 35%,rgba(0,64,131,0) 65%,rgba(0,64,131,1) 100%); background: -ms-linear-gradient(top, rgba(0,64,131,1) 0%,rgba(0,64,131,0) 35%,rgba(0,64,131,0) 65%,rgba(0,64,131,1) 100%); background: linear-gradient(to bottom, rgba(0,64,131,1) 0%,rgba(0,64,131,0) 35%,rgba(0,64,131,0) 65%,rgba(0,64,131,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004083', endColorstr='#004083',GradientType=0 );

}

1. main-content{

display: block; float: left; width: 667px; background-color: white; background-color: rgba(255, 255, 255, 0.90); border-style:solid; border-width:1px; margin: 4px; margin-right: 2px; padding: 15px; text-align:justify; box-shadow: inset 0 0 1px 0.4px }

1. main-sidebar-right{

display: block; float: right; width: 240px; align: center; background-color: white; background-color: rgba(255, 255, 255, 0.90); border-style:solid; border-width:1px; margin: 4px; margin-left: 2px; padding: 15px 5px; box-shadow: inset 0 0 1px 0.4px }

1. footer {

font-size: 10px; width:100%; clear:both; //background-color: black; background-color: #004083; padding: 5px 0; }

/* Text styles */ p { padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 7px; margin-left: 0px; }

h3 { font-size: 36px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

h4 { font-size:20px; }

m1 { font-size: 36px; font-weight: bold; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

/* Menu */

1. nav, #nav ul{

    display:inline-block;
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-image:none;
    list-style-position:outside;
    position:relative;
    line-height:2em;
}
#nav a:link, #nav a:active, #nav a:visited{
   display:block;
   padding:0em 0.5em;
   color:white;
   text-decoration:none;
   background-color:black;
}

1. nav a:hover{

   background-color:black;
   color:white;

}

1. nav li{

   float:left;
   position:relative;
   width: 8em;
   margin-bottom: 0;

}

1. nav ul {

   position:absolute;
   width:8em;
   display:none;

}

1. nav li ul a{

   width:100%;
   border:1px solid black;
   float:left;

}

1. nav ul ul{

   top:auto;

}

1. nav li ul ul {

   top: 0.5em;
   left:8em;
   margin:0em 0 0 1em;
   }

1. nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{

   display:none;
   }

1. nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{

   display:block;
   }