Template:Team:Monash Australia/NavCss

From 2010.igem.org

body { 

 background-color: #EEEEEE;
 margin: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 color: #000;

}

.table_container { 

 border: 1px solid black;
 background-color: #fff;

}

.header { 

 background-color: #36393D;
 color: #fff;

}

.header-text { 

 color:fff;

}

.ads-container { 

 border-left: 1px solid #F0F0F0;

}

.content { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #4B4D40;
 font-weight: normal;

}

.ads-header { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 color: #4B4D40;
 font-weight: normal;
 background-color: #f2f1dd;
 height: 20px;
 text-align: center;
 border-bottom: 1px solid #F0F0F0;

}

.login-box { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 border: 1px solid #F0F0F0;

}

.login-box th { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 font-weight: bold;
 background-color: #f2f1dd;
 color: #4b4d40;
 border-bottom: 1px solid #F0F0F0;

}

.ads { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 color: #4B4D40;
 font-weight: normal;
 text-align: center;

}

.navigation { 

 border-top: 1px solid black;
 border-bottom: 1px solid black;
 background-color: #932a2b;

}

.user-top { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 color: #FFFFFF;
 font-weight: normal;
 text-align: center;

}

.user-top a:link { 

 color: #FDFDFD;
 text-decoration: underline;
 font-weight: normal;
 font-size: 8pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;

}

.user-top a:active { 

 color: #FDFDFD;
 text-decoration: underline;
 font-weight: normal;
 font-size: 8pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;

}

.user-top a:visited { 

 color: #FDFDFD;
 text-decoration: underline;
 font-weight: normal;
 font-size: 8pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;

}

.user-top a:hover { 

 color: #F0F0F0;
 text-decoration: none;
 font-weight: normal;
 font-size: 8pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;

}

.text_large { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 15pt;
 color: #4B4D40;
 font-weight: normal;

}

.text_small { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 color: #4B4D40;
 font-weight: normal;

}

.td_nav { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #4B4D40;
 background-color: #EEEEEE;
 border-right: #000000 1px dotted;
 border-left: #000000 1px solid;
 border-bottom: #000000 1px solid;
 border-top: #000000 1px solid;

}

.text_copyright { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 color: #000000;
 font-weight: normal;

}

.div_content { 

 margin: 0px;
 height: 150px;
 overflow: auto;				
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #4B4D40;
 width: 100%;

}

.cp_content { 

 margin: 0px;
 height: 60%;
 overflow: auto;				
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 color: #4B4D40;
 width: 100%;
 border-top: #000000 1px solid;
 border-right: #000000 1px solid;
 border-bottom: #000000 1px solid;

}

a:link, a:visited, a:active { color: #000000; text-decoration: underline; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; }

a:hover { color: #000000; text-decoration: none; font-weight: normal; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; }

input, textarea, select { font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #4B4D40; border: #000000 1px solid; background-color: #EEEEEE; }

input:hover, textarea:hover, select:hover { color: #4b4D40; background-color: #e0d5d6; border: solid 1px #f53f41; }

input:focus, textarea:focus, select:focus { color: #4b4D40; background-color: #F8F8F8; border: solid 1px #bf2527; }

.slices-number { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14pt;
 font-weight: bold;

}

.slices-text { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 7pt;
 font-weight: normal;

}

.content-title a { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14pt;
 font-weight: bold;
 color: #932a2b;
 text-decoration: none;

}

.content-title a:link { 

 border-bottom: 1px dashed #932a2b;

}

.content-title a:active { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14pt;
 font-weight: bold;
 color: #932a2b;
 border-bottom: 1px dashed #932a2b;
 text-decoration: none;

}

.content-title a:visited { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14pt;
 font-weight: bold;
 color: #932a2b;
 border-bottom: 1px dashed #932a2b;
 text-decoration: none;

}

.content-title a:hover { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14pt;
 font-weight: bold;
 color: #36393D;
 border: none;
 text-decoration: underline;

}

.content-summary { 

 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 8pt;
 font-weight: normal;

}

.td_login { border: #000000 1px dotted; background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #4B4D40; }


/* Root = Horizontal, Secondary = Vertical */ ul#navmenu-h { 

 margin: 0;
 border: 0 none;
 padding-left: 5px;
 width: 100%; /*For KHTML*/
 list-style: none;
 height: 22px;

}

ul#navmenu-h li { 

 margin: 0;
 border: 0 none;
 padding-left: 5px;
 float: left; /*For Gecko*/
 display: inline;
 list-style: none;
 position: relative;
 height: 22px;

}

ul#navmenu-h ul { 

 margin: 0;
 border: 0 none;
 padding: 0;
 width: 160px;
 list-style: none;
 display: none;
 position: absolute;
 left: 0;

}

ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{ 

 clear: both;
 display: block;
 font: 1px/0px serif;
 content: ".";
 height: 0;
 visibility: hidden;

}

ul#navmenu-h ul li { 

 width: 160px;
 float: left; /*For IE 7 lack of compliance*/
 display: block !important;
 display: inline; /*For IE*/

}

/* Root Menu */ ul#navmenu-h a { 

 border: 1px solid #932a2b;
 padding: 0 6px;
 float: none !important; /*For Opera*/
 float: left; /*For IE*/
 display: block;
 color: #FFF;
 font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
 text-decoration: none;
 height: auto !important;
 height: 1%; /*For IE*/
 top:22px;
 text-align: center;
 width: 85px;

}

/* Root Menu Hover Persistence */ ul#navmenu-h a:hover, ul#navmenu-h li:hover a, ul#navmenu-h li.iehover a { 

 background: #9e4041;
 border: 1px dashed #621e1f;
 color: #FFF;

}

ul#navmenu-h a:active, ul#navmenu-h li:active a, ul#navmenu-h li.ieactive a { 

 background: #9e4041;
 border: 1px dashed #621e1f;
 color: #FFF;

}

/* 2nd Menu */ ul#navmenu-h li:hover li a, ul#navmenu-h li.iehover li a { 

 float: none;
 background: #EEE;
 color: #666;

}

/* 2nd Menu Hover Persistence */ ul#navmenu-h li:hover li a:hover, ul#navmenu-h li:hover li:hover a, ul#navmenu-h li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover a { 

 background: #CCC;
 color: #FFF;

}

/* 3rd Menu */ ul#navmenu-h li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li a { 

 background: #EEE;
 color: #666;

}

/* 3rd Menu Hover Persistence */ ul#navmenu-h li:hover li:hover li a:hover, ul#navmenu-h li:hover li:hover li:hover a, ul#navmenu-h li.iehover li.iehover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover a { 

 background: #CCC;
 color: #FFF;

}

/* 4th Menu */ ul#navmenu-h li:hover li:hover li:hover li a, ul#navmenu-h li.iehover li.iehover li.iehover li a { 

 background: #EEE;
 color: #666;

}

/* 4th Menu Hover */ ul#navmenu-h li:hover li:hover li:hover li a:hover, ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { 

 background: #CCC;
 color: #FFF;

}

ul#navmenu-h ul ul, ul#navmenu-h ul ul ul { 

 display: none;
 position: absolute;
 top: 0;
 left: 160px;

}

/* Do Not Move - Must Come Before display:block for Gecko */ ul#navmenu-h li:hover ul ul, ul#navmenu-h li:hover ul ul ul, ul#navmenu-h li.iehover ul ul, ul#navmenu-h li.iehover ul ul ul { 

 display: none;

}

ul#navmenu-h li:hover ul, ul#navmenu-h ul li:hover ul, ul#navmenu-h ul ul li:hover ul, ul#navmenu-h li.iehover ul, ul#navmenu-h ul li.iehover ul, ul#navmenu-h ul ul li.iehover ul ul#navmenu-h li:active ul, ul#navmenu-h ul li:active ul, ul#navmenu-h ul ul li:active ul, ul#navmenu-h li.ieactive ul, ul#navmenu-h ul li.ieactive ul, ul#navmenu-h ul ul li.ieactive ul { 

 display: block;

}

Retrieved from "http://2010.igem.org/Template:Team:Monash_Australia/NavCss"