"

From 2013.igem.org

/* STYLING TRICKS CREDIT: */ /* https://2011.igem.org/Team:DTU-Denmark/How_to_customize_an_iGEM_wiki */

/* Removing wiki-like stuff */ /****************************/

1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {

   display:none;}

/* Redesigning the topmenu */ /***************************/ body {

   margin: 10px 0 0 0;
   padding: 0;}

1. top-section {

   width: 965px;
   height: 0;
   margin: 0 auto;
   padding: 0;
   border: none;}

1. menubar {

   font-size: 65%;
   top: -14px;}

.left-menu:hover {

   background-color: transparent;}

1. menubar li a {

   background-color: transparent;}

1. menubar:hover {

   color: white;}

1. menubar li a {

   color: transparent;}

1. menubar:hover li a {

   color: white;}

1. menubar > ul > li:last-child {

   display:none;}

/* Redesigning Table Of Content */ /********************************/ table.toc, #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {

   text-align: left;}

1. toctitle {

   margin: 5px 0;}

.toc, #toc {

   background-color: #F6F6F6;
   border: 1px solid #CCCCCC;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
   float: left;
   width: 228px;
   display: block;
   overflow: hidden;
   padding: 0;}

1. toc ul, .toc ul {

   margin: 0 5px 5px 5px;}

.toc ul li {

   padding-left: 12px;
   text-indent: -12px;
   /*width: 200px;*/}

.toc ul li ul li {

   padding-left: 30px;
   text-indent: -24px;
   /*width: 170px;*/}

1. toc ul ul, .toc ul ul {

   margin: 0;}

.toc {

   margin-left: -250px;
   margin-top: 20px;}

.stickBelowNavigation {

   position: fixed;
      top: 35px;
      left: 50%;
   margin-left: -462px;}

.tochidden {

   position: static;
   margin-left: -250px;}

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

1. content{

color: #c8c8c8; background-color: #272b30; border-left: 1px solid #272b30; border-right: 1px solid #272b30; }

1. globalWrapper {

font-size: 115%; }

a:visited { color: #c8c8c8; }

/* Menu CSS */

1. cssmenu,
2. cssmenu ul,
3. cssmenu ul li,
4. cssmenu ul li a {

 padding: 0;
 margin: 0;
 line-height: 1;

}

1. cssmenu:before,
2. cssmenu:after,
3. cssmenu > ul:before,
4. cssmenu > ul:after {

 content: ;
 display: table;

}

1. cssmenu:after,
2. cssmenu > ul:after {

 clear: both;

}

1. cssmenu {

 width: auto;
 zoom: 1;
 height: 69px;
 background: url('https://www.dropbox.com/s/3rbsfyne72eemsd/bottom-bg.png') repeat-x center bottom;
 border-radius: 2px;

}

1. cssmenu ul {

 background: url('https://www.dropbox.com/s/0b9lh3fa9ebzmc7/nav-bg.png') repeat-x 0px 4px;
 height: 69px;

}

1. cssmenu ul li {

 float: left;
 list-style: none;

}

1. cssmenu ul li a {

 display: block;
 height: 37px;
 padding: 22px 30px 0;
 margin: 4px 2px 0;
 border-radius: 2px 2px 0 0;
 text-decoration: none;
 font-size: 15px;
 color: white;
 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
 font-weight: 400;
 opacity: .9;

}

1. cssmenu ul li:first-child a {

 margin: 4px 2px 0 0;

}

1. cssmenu ul li a:hover,
2. cssmenu ul li.active a {

 background: url('https://www.dropbox.com/s/219kaq566aluhuk/color.png') center bottom;
 display: block;
 height: 37px;
 margin-top: 0px;
 padding-top: 26px;
 color: #4e6d04;
 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
 opacity: 1;

}