"

From 2013.igem.org

/*****************************/ /* Starter CSS for Menu ******/ /*****************************/ /*Leave this section constant*/

1. nav_container

{

 width:100%;
 height:30px;
 background:#C0C0C0;
 font-family:Ubuntu, sans-serif;

}

1. navbar

{

 height:100%;
 margin-left: auto;
 margin-right: auto;
 width:975px;

}

1. cssmenu {

 padding: 0;
 border: 0;
 margin: 0;
 width: 975px;

}

1. cssmenu ul,
2. cssmenu li {

 list-style: none;
 margin: 0;
 padding: 0;

}

1. cssmenu ul {

 position: relative;
 z-index: 597;

}

1. cssmenu ul li {

 float: left;
 min-height: 1px;
 vertical-align: middle;

}

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

 position: relative;
 z-index: 599;
 cursor: default;

}

1. cssmenu ul ul {

 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;

}

1. cssmenu ul ul li {

 float: none;

}

1. cssmenu ul ul ul {

 top: 0;
 left: 190px;
 width: 190px;

}

1. cssmenu ul li:hover > ul {

 visibility: visible;

}

1. cssmenu ul ul {

 bottom: 0;
 left: 0;

}

1. cssmenu ul ul {

 margin-top: 0;

}

1. cssmenu ul ul li {

 font-weight: normal;

}

1. cssmenu a {

 display: block;
 line-height: 1em;
 text-decoration: none;

}

/*********************/ /* Custom CSS Styles */ /*********************/

1. cssmenu {

/*MAIN BAR COLOUR*/

 background: #C0C0C0;
 font-family:Ubuntu, sans-serif;
 font-weight : bold;
 font-style : normal;

font-size : 1em; text-decoration : none; font-variant : normal; line-height : 2.3; text-align : center; color : #404040; text-indent : 0px; margin : 0px; }

1. cssmenu > ul {

 *display: inline-block;

}

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

 content: ;
 display: block;
 clear: both;

}

1. cssmenu ul {

 text-transform: uppercase;

}

1. cssmenu ul ul {

 text-transform: none;
 min-width: 190px;

}

1. cssmenu ul ul a {

 /*SUB MENU COLOURS*/
 background: #404040;
 color: white;
 border-top: 0 none;
 line-height: 30px;
 font-size: 12px;
 text-transform: uppercase;

}

1. cssmenu ul ul ul {

 border-top: 0 none;

}

1. cssmenu ul ul li {

 position: relative;

}

1. cssmenu ul ul li:hover > a {

/*SUB MENU HOVER COLOURS*/

 background: #404040;
 color: #F68B1F;

}

1. cssmenu ul ul li.has-sub > a:after {

 content: '+';
 position: absolute;
 top: 50%;
 right: 15px;
 margin-top: -8px;

}

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

/*MAIN BAR HOVER COLOURS*/

 background: #C14645;
 color: white;

}

1. cssmenu ul li.has-sub > a:after {

 content: '+';
 margin-left: 5px;

}

1. cssmenu ul li.last ul {

 left: auto;
 right: 0;

}

1. cssmenu ul li.last ul ul {

 left: auto;
 right: 99.5%;

}

1. cssmenu a {

/*MAIN BAR BUTTONS*/

 background: #C0C0C0;
 color: #404040;
 padding: 0 12px;

}

1. cssmenu > ul > li > a {

/*MENU HEIGHT CONTROL*/

 line-height: 30px;
 font-size: 12px;

}