"
Template:Valencia09iGEM65
From 2009.igem.org
(Difference between revisions)
| (28 intermediate revisions not shown) | |||
| Line 22: | Line 22: | ||
div.MenuBar { | div.MenuBar { | ||
font: arial, verdana, sans-serif; | font: arial, verdana, sans-serif; | ||
| - | height: | + | height: 31px; |
| - | width: | + | width: 728px; |
/*width: 100%;*/ | /*width: 100%;*/ | ||
margin: 0; | margin: 0; | ||
| Line 30: | Line 30: | ||
border-left: 0; | border-left: 0; | ||
padding: 0; | padding: 0; | ||
| - | + | background: red; | |
} | } | ||
| Line 38: | Line 38: | ||
list-style-type: none; | list-style-type: none; | ||
margin: 0em auto; | margin: 0em auto; | ||
| - | |||
padding: 0; | padding: 0; | ||
| - | background: | + | background: red; |
} | } | ||
div.MenuBar ul li { | div.MenuBar ul li { | ||
| Line 49: | Line 48: | ||
font-size: 1.3em; | font-size: 1.3em; | ||
float: left; | float: left; | ||
| - | background: | + | background: none; |
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 58: | 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: 5px; |
| - | padding-left: | + | padding-left: 0.5em; /* Sets the left space between top-level items. */ |
| - | padding-right: | + | padding-right: 0.5em; /* Sets the right space between top-level items. */ |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| Line 170: | 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 179: | 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 185: | 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 235: | Line 234: | ||
/*--------------------------------------------------------------------------------------- Colors */ | /*--------------------------------------------------------------------------------------- Colors */ | ||
div.MenuBar { | div.MenuBar { | ||
| - | background-color: # | + | background-color: #b0b0b0; /* Selected item. */ |
| - | color: | + | color: none; |
border-bottom: 1px solid ButtonShadow; | border-bottom: 1px solid ButtonShadow; | ||
} | } | ||
| Line 260: | Line 259: | ||
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: red; /* Sets the drop-down and side menus "effective border" color. */ |
} | } | ||
/*--------------------------------------------------------------------------------------- Widths */ | /*--------------------------------------------------------------------------------------- Widths */ | ||
| Line 343: | Line 342: | ||
<ul> | <ul> | ||
<li> | <li> | ||
| - | <a href="https://2009.igem.org/Team:Valencia" style="font-weight: bold; background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif)">Home | + | <a href="https://2009.igem.org/Team:Valencia/home" style="font-weight: bold; background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif)">Home |
<!--[if gt IE 6]><!--></a><!--<![endif]--> | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
| Line 360: | Line 359: | ||
</li> | </li> | ||
| - | <li> | + | <li style="width: 160px"> |
| + | <a href="https://2009.igem.org/Team:Valencia/Human" style="font-weight: bold; background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif)">Human Practices<!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
| + | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
| + | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
| + | </li> | ||
| + | <li> | ||
| - | <a href="https://2009.igem.org/Team:Valencia/ | + | <a href="https://2009.igem.org/Team:Valencia/Project/Results" style="font-weight: bold; background: url(https://static.igem.org/mediawiki/2009/0/09/Bg2.gif)">Achievements |
<!--[if gt IE 6]><!--></a><!--<![endif]--> | <!--[if gt IE 6]><!--></a><!--<![endif]--> | ||
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | <!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]--> | ||
<!--[if lte IE 6]></td></tr></table></a><![endif]--> | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
</li> | </li> | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
