Template:Valencia09iGEM65
From 2009.igem.org
(Difference between revisions)
Line 48: | Line 48: | ||
font-size: 1.3em; | font-size: 1.3em; | ||
float: left; | float: left; | ||
- | background: | + | background: none; |
text-align: center; | text-align: center; | ||
width: 142px; | width: 142px; | ||
Line 57: | Line 57: | ||
font: arial, helvetica, sans-serif; | font: arial, helvetica, sans-serif; | ||
display: block; | display: block; | ||
- | background: | + | background: none; |
- | height: | + | height: 23px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ |
color: #000000; | color: #000000; | ||
- | padding-top: | + | padding-top: 5px; |
- | padding-bottom: | + | padding-bottom: 6px; |
padding-left: 1em; /* Sets the left space between top-level items. */ | padding-left: 1em; /* Sets the left space between top-level items. */ | ||
padding-right: 1em; /* Sets the right space between top-level items. */ | padding-right: 1em; /* Sets the right space between top-level items. */ | ||
Line 169: | Line 169: | ||
div.MenuBar { | div.MenuBar { | ||
background-color: Menu; | background-color: Menu; | ||
- | border-bottom: | + | border-bottom: 0px ButtonShadow; |
} | } | ||
div.MenuBar a { | div.MenuBar a { | ||
- | background-color: | + | background-color: none; /* Top-level unselected items. */ |
color: red; | color: red; | ||
} | } | ||
Line 178: | Line 178: | ||
div.MenuBar ul li a:hover { | div.MenuBar ul li a:hover { | ||
color:red; | color:red; | ||
- | background-color: | + | background-color: none; /* Top-level selected item. */ |
color: red; | color: red; | ||
} | } | ||
Line 184: | Line 184: | ||
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 { | ||
- | background-color: | + | background-color: none; /* Sets the drop-down menu "effective border" color. */ |
} | } | ||
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 { | ||
- | background-color: | + | background-color: none; Drop-down menu unselected items. |
Sets the drop-down menu "effective background" color. */ | Sets the drop-down menu "effective background" color. */ | ||
- | color: | + | color: none; |
} | } | ||
div.MenuBar ul li:hover ul.DropDownMenu li:hover a, | div.MenuBar ul li:hover ul.DropDownMenu li:hover a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover { | ||
- | background-color: | + | background-color: none; /* Drop-down menu selected item. */ |
- | color: | + | color: none; |
} | } | ||
/*...............................................................................................*/ | /*...............................................................................................*/ | ||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu { | ||
- | background-color: | + | background-color: none; /* Sets the side menu "effective border" color. */ |
} | } | ||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a { | ||
- | background-color: | + | background-color: none; /* Side menu unselected items. |
Sets the side menu "effective background" color. */ | Sets the side menu "effective background" color. */ | ||
- | color: | + | color: none; |
} | } | ||
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, | div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover, | ||
Line 234: | Line 234: | ||
/*--------------------------------------------------------------------------------------- Colors */ | /*--------------------------------------------------------------------------------------- Colors */ | ||
div.MenuBar { | div.MenuBar { | ||
- | background-color: | + | background-color: none; /* Selected item. */ |
- | color: | + | color: none; |
border-bottom: 1px solid ButtonShadow; | border-bottom: 1px solid ButtonShadow; | ||
} | } |