Template:LCG top Netscape
From 2009.igem.org
(Difference between revisions)
Line 109: | Line 109: | ||
div.MenuBar { | div.MenuBar { | ||
font: 13px Arial, Helvetica, sans-serif; | font: 13px Arial, Helvetica, sans-serif; | ||
- | height: | + | height: 25px; /* Total height 27px. */ |
width: 900px; | width: 900px; | ||
} | } | ||
Line 122: | Line 122: | ||
display: block; | display: block; | ||
height: 17px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ | height: 17px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ | ||
- | padding-top: | + | padding-top: 4px; |
- | padding-bottom: | + | padding-bottom: 4px; |
- | padding-left: | + | padding-left: 5em; /* Sets the left space between top-level items. */ |
- | padding-right: | + | padding-right: 5em; /* Sets the right space between top-level items. */ |
text-decoration: none !important; | text-decoration: none !important; | ||
} | } | ||
Line 132: | Line 132: | ||
div.MenuBar ul li a:hover ul.DropDownMenu { | div.MenuBar ul li a:hover ul.DropDownMenu { | ||
display: block; | display: block; | ||
- | width: | + | width: 13em; /* Drop-down menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
padding: 1px; /* Sets the drop-down menu "effective border" width. */ | padding: 1px; /* Sets the drop-down menu "effective border" width. */ | ||
Line 142: | Line 142: | ||
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: 13em; /* Keep it sync with the drop-down menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
padding-left: 0; | padding-left: 0; | ||
Line 160: | Line 160: | ||
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 { | ||
display: block; | display: block; | ||
- | width: | + | width: 11em; /* Side menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
padding: 1px; /* Sets the side menu "effective border" width. */ | padding: 1px; /* Sets the side menu "effective border" width. */ | ||
Line 166: | Line 166: | ||
top: -1px; /* Aligns the side menu to its drop-down menu item. | top: -1px; /* Aligns the side menu to its drop-down menu item. | ||
Keep it sync with the side menu "effective border" width. */ | Keep it sync with the side menu "effective border" width. */ | ||
- | left: | + | left: 13em; /* Places the side menu to the right of the drop-down menu. |
Keep it sync with the drop-down menu width. | Keep it sync with the drop-down menu width. | ||
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
Line 172: | Line 172: | ||
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 { | ||
- | width: | + | width: 11em; /* Keep it sync with the side menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
} | } | ||
Line 344: | Line 344: | ||
</li> | </li> | ||
<!--Modelling --> | <!--Modelling --> | ||
- | + | ||
- | <a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Modelling">Modelling</a> | + | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Modelling">Modelling</a> |
<ul class="DropDownMenu" id="Ddm2"> | <ul class="DropDownMenu" id="Ddm2"> | ||
- | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Modelling"><span><span>Modelling</span></span></a> | + | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/Modelling"><span><span>Modelling</span></span></a></li> |
<li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/IMM"><span><span>IMM</span>>></span></a> | <li><a href="https://2009.igem.org/Team:LCG-UNAM-Mexico/IMM"><span><span>IMM</span>>></span></a> | ||
Line 360: | Line 360: | ||
<!--[if lte IE 6]></td></tr></table></a><![endif]--> | <!--[if lte IE 6]></td></tr></table></a><![endif]--> | ||
</li> | </li> | ||
- | + | ||
</ul> | </ul> | ||
</li> | </li> |
Revision as of 16:55, 20 October 2009