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: 705px; |
/*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: white; |
text-align: center; | text-align: center; | ||
- | width: | + | width: 136px; |
+ | /*width: 107px;*/ | ||
position: relative; /* Sets the positioning context for each drop-down menu. */ | position: relative; /* Sets the positioning context for each drop-down menu. */ | ||
} | } | ||
Line 98: | Line 99: | ||
background: #000000; | background: #000000; | ||
height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ | height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */ | ||
- | color: | + | color: none; |
padding-top: 4px; | padding-top: 4px; | ||
padding-bottom: 4px; | padding-bottom: 4px; | ||
Line 110: | Line 111: | ||
div.MenuBar ul li a:hover ul.DropDownMenu { | div.MenuBar ul li a:hover ul.DropDownMenu { | ||
display: block; | display: block; | ||
- | width: | + | width: 129px; /* 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: white; /* Selected item. */ |
- | color: | + | color: none; |
} | } | ||
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: 129px; /* Keep it sync with the drop-down menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
height: 1em; | height: 1em; | ||
Line 130: | Line 131: | ||
padding-right: 0; | padding-right: 0; | ||
background-color: #2b3238; /* Selected item. */ | background-color: #2b3238; /* Selected item. */ | ||
- | color: | + | color: none; |
} | } | ||
ul.DropDownMenu li a span { | ul.DropDownMenu li a span { | ||
Line 142: | Line 143: | ||
font: 12px arial, helvetica, sans-serif; /* Required for IE55. */ | font: 12px arial, helvetica, sans-serif; /* Required for IE55. */ | ||
height: 20px; | height: 20px; | ||
- | color: | + | color: none; |
} | } | ||
/*----------------------------------------------------------------------------------- Side Menus */ | /*----------------------------------------------------------------------------------- Side Menus */ | ||
Line 151: | Line 152: | ||
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
height: 1.25em; | height: 1.25em; | ||
- | padding: | + | padding: 0; /* Sets the side menu "effective border" width. */ |
position: absolute; | position: absolute; | ||
top: -7.5px; /* Aligns the side menu to its drop-down menu item. | top: -7.5px; /* 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: 10.2em; /* 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 273: | Line 274: | ||
/*--------------------------------------------------------------------------------------- Colors */ | /*--------------------------------------------------------------------------------------- Colors */ | ||
div.MenuBar { | div.MenuBar { | ||
- | background-color: # | + | background-color: #ffffff; /* Selected item. */ |
color: #000000; | color: #000000; | ||
border-bottom: 1px solid ButtonShadow; | border-bottom: 1px solid ButtonShadow; | ||
Line 298: | Line 299: | ||
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 drop-down and side menus "effective border" color. */ |
} | } | ||
/*--------------------------------------------------------------------------------------- Widths */ | /*--------------------------------------------------------------------------------------- Widths */ | ||
Line 311: | Line 312: | ||
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a, | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a, | ||
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a { | div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a { | ||
- | width: | + | width: 12em; /* Drop-down menu width. */ |
} | } | ||
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5, | div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5, | ||
Line 328: | Line 329: | ||
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1, | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1, | ||
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 { | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 { | ||
- | left: | + | left: 13.5em !important; /* 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. */ | ||
} | } | ||
Line 345: | Line 346: | ||
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2, | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2, | ||
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 { | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 { | ||
- | left: | + | left: 13.5em !important; /* 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. */ | ||
} | } | ||
Line 362: | Line 363: | ||
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3, | div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3, | ||
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 { | div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 { | ||
- | left: | + | left: 13.5em !important; /* 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. */ | ||
} | } | ||
Line 456: | Line 457: | ||
<!--[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> | ||
<li style="width: 160px"> | <li style="width: 160px"> |
Revision as of 17:02, 2 October 2009