Template:UNIPV-Pavia/StyleCss
From 2009.igem.org
(Difference between revisions)
Line 70: | Line 70: | ||
padding: 0; | padding: 0; | ||
list-style-type: none; | list-style-type: none; | ||
+ | font-size: 100%; | ||
cursor: default; | cursor: default; | ||
list-style-image: none; | list-style-image: none; | ||
Line 88: | Line 89: | ||
position: relative; | position: relative; | ||
text-align: left; | text-align: left; | ||
+ | font-size: 100%; | ||
cursor: pointer; | cursor: pointer; | ||
list-style-image: none; | list-style-image: none; | ||
Line 95: | Line 97: | ||
ul.MenuBarVertical ul | ul.MenuBarVertical ul | ||
{ | { | ||
- | margin: | + | margin: -5% 0 0 95%; |
padding: 0; | padding: 0; | ||
list-style-type: none; | list-style-type: none; | ||
+ | font-size: 100%; | ||
position: absolute; | position: absolute; | ||
z-index: 1020; | z-index: 1020; | ||
Line 109: | Line 112: | ||
ul.MenuBarVertical ul.MenuBarSubmenuVisible | ul.MenuBarVertical ul.MenuBarSubmenuVisible | ||
{ | { | ||
- | left: | + | left: 5px; |
} | } | ||
/* Menu item containers are same fixed width as parent */ | /* Menu item containers are same fixed width as parent */ | ||
ul.MenuBarVertical ul li | ul.MenuBarVertical ul li | ||
{ | { | ||
- | width: | + | width: 15em; |
} | } | ||
Line 126: | Line 129: | ||
ul.MenuBarVertical | ul.MenuBarVertical | ||
{ | { | ||
- | border: | + | border: 1px solid #FFF; |
} | } | ||
/* Submenu containers have borders on all sides */ | /* Submenu containers have borders on all sides */ | ||
ul.MenuBarVertical ul | ul.MenuBarVertical ul | ||
{ | { | ||
- | border: | + | border: 1px solid #FFF; |
} | } | ||
/* Menu items are a light gray block with padding and no text decoration */ | /* Menu items are a light gray block with padding and no text decoration */ | ||
- | ul.MenuBarVertical | + | ul.MenuBarVertical a |
{ | { | ||
display: block; | display: block; | ||
cursor: pointer; | cursor: pointer; | ||
- | background- | + | background-color: cornflowerblue; |
- | + | ||
padding: 0.5em 0.75em; | padding: 0.5em 0.75em; | ||
+ | color: #F0FFFF; | ||
text-decoration: none; | text-decoration: none; | ||
list-style-image: none; | list-style-image: none; | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
/* Menu items that have mouse over or focus have a blue background and white text */ | /* Menu items that have mouse over or focus have a blue background and white text */ | ||
- | ul.MenuBarVertical | + | ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus |
{ | { | ||
- | background- | + | background-color: royalblue; |
- | + | ||
color: snow; | color: snow; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ | /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ | ||
- | ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical | + | ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible |
{ | { | ||
- | background-color: | + | background-color: royalblue; |
- | color: | + | color: salmon; |
} | } | ||
Revision as of 08:34, 21 June 2009