Team:UCL-London/static/menubarstyles.css
From 2013.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
/*****************************/ | /*****************************/ | ||
/*Leave this section constant*/ | /*Leave this section constant*/ | ||
+ | |||
+ | #nav_container | ||
+ | { | ||
+ | width:100%; | ||
+ | height:30px; | ||
+ | background:#C0C0C0; | ||
+ | font-family:Ubuntu, sans-serif; | ||
+ | } | ||
#navbar | #navbar |
Latest revision as of 14:28, 10 August 2013
/*****************************/ /* Starter CSS for Menu ******/ /*****************************/ /*Leave this section constant*/
- nav_container
{
width:100%; height:30px; background:#C0C0C0; font-family:Ubuntu, sans-serif;
}
- navbar
{
height:100%; margin-left: auto; margin-right: auto; width:975px;
}
- cssmenu {
padding: 0; border: 0; margin: 0; width: 975px;
}
- cssmenu ul,
- cssmenu li {
list-style: none; margin: 0; padding: 0;
}
- cssmenu ul {
position: relative; z-index: 597;
}
- cssmenu ul li {
float: left; min-height: 1px; vertical-align: middle;
}
- cssmenu ul li.hover,
- cssmenu ul li:hover {
position: relative; z-index: 599; cursor: default;
}
- cssmenu ul ul {
visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;
}
- cssmenu ul ul li {
float: none;
}
- cssmenu ul ul ul {
top: 0; left: 190px; width: 190px;
}
- cssmenu ul li:hover > ul {
visibility: visible;
}
- cssmenu ul ul {
bottom: 0; left: 0;
}
- cssmenu ul ul {
margin-top: 0;
}
- cssmenu ul ul li {
font-weight: normal;
}
- cssmenu a {
display: block; line-height: 1em; text-decoration: none;
}
/*********************/ /* Custom CSS Styles */ /*********************/
- 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; }
- cssmenu > ul {
*display: inline-block;
}
- cssmenu:after,
- cssmenu ul:after {
content: ; display: block; clear: both;
}
- cssmenu ul {
text-transform: uppercase;
}
- cssmenu ul ul {
text-transform: none; min-width: 190px;
}
- cssmenu ul ul a {
/*SUB MENU COLOURS*/ background: #404040; color: white; border-top: 0 none; line-height: 30px; font-size: 12px; text-transform: uppercase;
}
- cssmenu ul ul ul {
border-top: 0 none;
}
- cssmenu ul ul li {
position: relative;
}
- cssmenu ul ul li:hover > a {
/*SUB MENU HOVER COLOURS*/
background: #404040; color: #F68B1F;
}
- cssmenu ul ul li.has-sub > a:after {
content: '+'; position: absolute; top: 50%; right: 15px; margin-top: -8px;
}
- cssmenu ul li:hover > a,
- cssmenu ul li.active > a {
/*MAIN BAR HOVER COLOURS*/
background: #C14645; color: white;
}
- cssmenu ul li.has-sub > a:after {
content: '+'; margin-left: 5px;
}
- cssmenu ul li.last ul {
left: auto; right: 0;
}
- cssmenu ul li.last ul ul {
left: auto; right: 99.5%;
}
- cssmenu a {
/*MAIN BAR BUTTONS*/
background: #C0C0C0; color: #404040; padding: 0 12px;
}
- cssmenu > ul > li > a {
/*MENU HEIGHT CONTROL*/
line-height: 30px; font-size: 12px;
}