"
Template:Template HD2
From 2009.igem.org
(Difference between revisions)
Naoiwamoto (Talk | contribs) |
Naoiwamoto (Talk | contribs) |
||
| Line 119: | Line 119: | ||
background: transparent; | background: transparent; | ||
text-align: center; | text-align: center; | ||
| - | width: | + | width: relative; /* sets width of menu bar element (relative or fix) */ |
position: relative; /* Sets the positioning context for each drop-down menu. */ | position: relative; /* Sets the positioning context for each drop-down menu. */ | ||
} | } | ||
| - | div.MenuBar ul li a { | + | div.MenuBar ul li a { /* Einstellungen des DropDowns */ |
font: Calibri, Verdana, helvetica, sans-serif; | font: Calibri, Verdana, helvetica, sans-serif; | ||
display: block; | display: block; | ||
background: transparent; | background: transparent; | ||
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: #FFFFFF; |
padding-top: 4px; | padding-top: 4px; | ||
padding-bottom: 4px; | padding-bottom: 4px; | ||
| Line 138: | Line 138: | ||
/*------------------------------------------------------------------------------ Drop-Down Menus */ | /*------------------------------------------------------------------------------ Drop-Down Menus */ | ||
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 { /*der graue Kasten unterm Menu*/ |
display: block; | display: block; | ||
| - | width: | + | width: 4.5em; /*Drop-down menu width. Use MenuTailor.css to customize. */ |
| - | height: | + | height: 0em; |
| - | padding: | + | padding: 1ex; /* Sets the drop-down menu "effective border" width. */ |
| - | position: absolute; | + | position: absolute; /*absolute*/ |
| - | top: | + | top: 22px; /* Places the drop-down menu under the menu bar. Keep it sync with the menu bar height. */ |
| - | left: | + | left: 0px; /* Aligns the drop-down menu to its top-level item. */ |
| - | background-color: | + | background-color: transparent; /* Selected item. */ |
| - | color: | + | color: transparent; |
} | } | ||
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: 8em; /* Keep it sync with the drop-down menu width. |
Use MenuTailor.css to customize. */ | Use MenuTailor.css to customize. */ | ||
height: 1em; | height: 1em; | ||
padding-left: 0; | padding-left: 0; | ||
padding-right: 0; | padding-right: 0; | ||
| - | background-color: | + | background-color: transparent; /* Selected item. */ |
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
| Line 175: | Line 175: | ||
} | } | ||
/*----------------------------------------------------------------------------------- Side Menus */ | /*----------------------------------------------------------------------------------- Side Menus */ | ||
| + | /*---------------in unserem Falle unbenutzt -----------------------------------------------------*/ | ||
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 { | ||
| Line 232: | Line 233: | ||
div.MenuBar { | div.MenuBar { | ||
background-color: Menu; | background-color: Menu; | ||
| - | border-bottom: | + | /* border-bottom: 0px solid ButtonShadow; */ |
} | } | ||
div.MenuBar a { | div.MenuBar a { | ||
background-color: Menu; /* Top-level unselected items. */ | background-color: Menu; /* Top-level unselected items. */ | ||
| - | color: | + | color: Menu; |
} | } | ||
div.MenuBar ul li:hover a, | div.MenuBar ul li:hover a, | ||
| Line 251: | Line 252: | ||
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: Menu; Drop-down menu unselected items. | + | background-color: Menu; /*Drop-down menu unselected items. |
Sets the drop-down menu "effective background" color. */ | Sets the drop-down menu "effective background" color. */ | ||
color: MenuText; | color: MenuText; | ||
| Line 289: | Line 290: | ||
| - | div.MenuBar { | + | <!-- div.MenuBar { font: 0.85em Calibri, Verdana, helvetica, sans-serif; <!-- Schriftgröße MenuBar --> } --> |
| - | + | div.MenuBar ul { font: 1.1em Calibri, Verdana, helvetica, sans-serif; /* Required for IE55. */ <!-- Schriftgröße MenuBar --> | |
| - | } | + | |
| - | div.MenuBar ul { | + | |
| - | + | ||
} | } | ||
/*--------------------------------------------------------------------------------------- Colors */ | /*--------------------------------------------------------------------------------------- Colors */ | ||
div.MenuBar { | div.MenuBar { | ||
| - | background-color: | + | background-color: #FFFFFF; /* Selected item. */ |
color: #FFFFFF; | color: #FFFFFF; | ||
| - | border-bottom: 1px solid ButtonShadow; | + | /*border-bottom: 1px solid ButtonShadow;*/ |
} | } | ||
div.MenuBar a, | div.MenuBar a, | ||
| Line 306: | Line 304: | ||
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: #000000; /* DropDown Selected item. Hintergrund*/ |
| - | color: #FFFFFF; | + | color: #FFFFFF; /* DropDown TextFarbe */ |
} | } | ||
div.MenuBar ul li:hover a, | div.MenuBar ul li:hover a, | ||
| Line 315: | Line 313: | ||
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, | ||
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { | div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover { | ||
| - | background-color: | + | background-color: #7BD714; /* Selected item. */ |
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
Revision as of 14:54, 6 October 2009
