"

From 2011.igem.org

/* Wiki Hacks - START */ /* Author: Pieter van Boheemen */ /* Team: TU Delft */

1. globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
2. content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
3. bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
4. top-section { height: 15px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;

padding:0; border: none; font-size: 10px;}

1. p-logo { height:1px; overflow:hidden; display: none;}
2. search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}

.left-menu { width: 500px !important; display:block; margin-top:-80px; border: none; text-align: right;} .left-menu ul { border: none; }

1. menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}

.right-menu ul { border: none; width: 300px;}

1. footer-box { width: 100%; margin: -10px auto 0 auto; padding: 20px 0;}

.visualClear { display: none; }

1. footer { border: none; width: 965px; margin: 0 auto; padding: 0;}

.firstHeading { display: none;}

1. f-list a { color: #333; font-size: 10px;}
2. f-list a:hover { color: #666;}

.printfooter { display: none; }

1. footer ul { margin: 0; padding: 0;}
2. footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
3. search-controls { display:none; }

h3#siteSub { display: none;}

1. contentSub {display: none;}

p:first-child { display: none;} /* Wiki Hacks - END */

/*Horizontal menu - START */

1. menu{

       width: 100%;
       margin: 0;
       padding: 10px 0 0 0;
       list-style: none;
       background: #FFffff;

}

1. menu li{

       float: left;
       padding: 0 0 10px 0;
       position: relative;

}

1. menu a

{

       float: left;
       height: 25px;
       padding: 0 25px;
       color: #269434;
       font: bold 12px/25px Arial, Helvetica;
       text-decoration: none;

}

1. menu li:hover > a

{

       color: #A60901;

}

• html #menu li a:hover /* IE6 */

{

       color: #A60901;

}

1. menu li:hover > ul

{

       display: block;

}

/* Sub-menu */

1. menu ul

{

   list-style: none;
   margin: 0;
   padding: 0;
   display: none;
   position: absolute;
   top: 35px;
   left: 0;
   z-index: 99999;
   background: white;

}

1. menu ul li

{

   float: none;
   margin: 0;
   padding: 0;
   display: block;
   -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
   -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
   box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;

}

1. menu ul li:last-child

{

   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;

}

1. menu ul a

{

   padding: 10px;
       height: auto;
   line-height: 1;
   display: block;
   white-space: nowrap;
   float: none;
       text-transform: none;

}

• html #menu ul a /* IE6 */

{

       height: 10px;
       width: 150px;

}

• first-child+html #menu ul a /* IE7 */

{

       height: 10px;
       width: 150px;

}

1. menu ul a:hover

{

   background: white;

}

1. menu ul li:first-child a

{

   -moz-border-radius: 5px 5px 0 0;
   border-radius: 5px 5px 0 0;

}

1. menu ul li:first-child a:after

{

   content: ;
   position: absolute;
   left: 30px;
   top: -8px;
   width: 0;
   height: 0;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   border-bottom: 8px solid #444;

}

1. menu ul li:first-child a:hover:after

{

   border-bottom-color: #04acec;

}

1. menu ul li:last-child a

{

   -moz-border-radius: 0 0 5px 5px;
   border-radius: 0 0 5px 5px;

}

/* Clear floated elements */

1. menu:after

{

       visibility: hidden;
       display: block;
       font-size: 0;
       content: " ";
       clear: both;
       height: 0;

}

• html #menu { zoom: 1; } /* IE6 */

  first-child+html #menu { zoom: 1; } /* IE7 */

/*Horizontal menu - END */