Template:LCG top Netscape
From 2009.igem.org
(Difference between revisions)
Line 124: | Line 124: | ||
padding-top: 4px; | padding-top: 4px; | ||
padding-bottom: 4px; | padding-bottom: 4px; | ||
- | padding-left: | + | padding-left: 3em; /* Sets the left space between top-level items. */ |
- | padding-right: | + | padding-right: 3em; /* 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: 12em; /* 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: 12em; /* 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: 12em; /* 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: 12em; /* 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: 12em; /* Keep it sync with the side menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
} | } |
Revision as of 16:57, 20 October 2009