Template:Valencia09iGEM2
From 2009.igem.org
(Difference between revisions)
Line 60: | Line 60: | ||
font: arial, verdana, sans-serif; | font: arial, verdana, sans-serif; | ||
height: 30px; | height: 30px; | ||
- | width: | + | width: 728px; |
/*width: 100%;*/ | /*width: 100%;*/ | ||
margin: 0; | margin: 0; | ||
Line 87: | Line 87: | ||
font-size: 1.3em; | font-size: 1.3em; | ||
float: left; | float: left; | ||
- | background: | + | background: black; |
text-align: center; | text-align: center; | ||
- | width: | + | width: 142px; |
position: relative; /* Sets the positioning context for each drop-down menu. */ | position: relative; /* Sets the positioning context for each drop-down menu. */ | ||
} | } | ||
Line 109: | Line 109: | ||
div.MenuBar ul li:hover ul.DropDownMenu, | div.MenuBar ul li:hover ul.DropDownMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu { | div.MenuBar ul li a:hover ul.DropDownMenu { | ||
- | display: | + | display: inline; |
- | width: | + | width: 10em; /* Drop-down menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
height: 1em; | height: 1em; | ||
- | padding: | + | padding: 0; /* Sets the drop-down menu "effective border" width. */ |
position: absolute; | position: absolute; | ||
top: 23px; /* Places the drop-down menu under the menu bar. | top: 23px; /* Places the drop-down menu under the menu bar. | ||
Keep it sync with the menu bar height. */ | Keep it sync with the menu bar height. */ | ||
left: 0; /* Aligns the drop-down menu to its top-level item. */ | left: 0; /* Aligns the drop-down menu to its top-level item. */ | ||
- | background-color: | + | background-color: none; /* Selected item. */ |
color: #000000; | color: #000000; | ||
Line 124: | Line 124: | ||
div.MenuBar ul li:hover ul.DropDownMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a { | ||
- | width: | + | width: 10em; /* Keep it sync with the drop-down menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
height: 1em; | height: 1em; | ||
Line 292: | Line 292: | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { | ||
background-color: #229BF7; /* Selected item. */ | background-color: #229BF7; /* Selected item. */ | ||
- | color: # | + | color: #24006B; |
} | } | ||
div.MenuBar ul li:hover ul.DropDownMenu, | div.MenuBar ul li:hover ul.DropDownMenu, |
Revision as of 15:31, 2 October 2009