Template:UNIPV-Pavia/StyleCss
From 2009.igem.org
(Difference between revisions)
Line 13: | Line 13: | ||
- | /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 | + | /* SpryMenuBarVertical.css - version 0.6 - Spry Pre-Release 1.6.1 */ |
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ | /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ | ||
Line 24: | Line 24: | ||
/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */ | /* The outermost container of the Menu Bar, a fixed width box with no margin or padding */ | ||
+ | |||
+ | BODY { | ||
+ | font-family: eras demi itc; | ||
+ | font-size: 16px; | ||
+ | color: royalblue; | ||
+ | background: snow; | ||
+ | } | ||
+ | |||
ul.MenuBarVertical | ul.MenuBarVertical | ||
{ | { | ||
Line 31: | Line 39: | ||
font-size: 100%; | font-size: 100%; | ||
cursor: default; | cursor: default; | ||
- | width: | + | width: 12em; |
list-style-image: none; | list-style-image: none; | ||
} | } | ||
Line 49: | Line 57: | ||
text-align: left; | text-align: left; | ||
cursor: pointer; | cursor: pointer; | ||
- | width: | + | width: 12em; |
list-style-image: none; | list-style-image: none; | ||
- | |||
} | } | ||
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ | /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ | ||
Line 71: | Line 78: | ||
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 88: | Line 95: | ||
ul.MenuBarVertical | ul.MenuBarVertical | ||
{ | { | ||
- | border: 1px solid # | + | 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: 1px solid # | + | 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 */ | ||
Line 100: | Line 107: | ||
display: block; | display: block; | ||
cursor: pointer; | cursor: pointer; | ||
- | background-color: | + | background-color: cornflowerblue; |
padding: 0.5em 0.75em; | padding: 0.5em 0.75em; | ||
- | color: # | + | color: #F0FFFF; |
text-decoration: none; | text-decoration: none; | ||
list-style-image: none; | list-style-image: none; | ||
Line 109: | Line 116: | ||
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus | ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus | ||
{ | { | ||
- | background-color: | + | background-color: royalblue; |
- | color: | + | 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 a.MenuBarSubmenuVisible | ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible | ||
{ | { | ||
- | background-color: | + | background-color: royalblue; |
- | color: | + | color: salmon; |
} | } | ||
Line 128: | Line 135: | ||
ul.MenuBarVertical a.MenuBarItemSubmenu | ul.MenuBarVertical a.MenuBarItemSubmenu | ||
{ | { | ||
- | background-image: url( | + | background-image: url(http://cid-3466f40f0d3884e0.skydrive.live.com/self.aspx/iGEM%202009%20unipv-PAVIA/SpryMenuBarRight.gif); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: 95% 50%; | background-position: 95% 50%; | ||
Line 136: | Line 143: | ||
ul.MenuBarVertical a.MenuBarItemSubmenuHover | ul.MenuBarVertical a.MenuBarItemSubmenuHover | ||
{ | { | ||
- | background-image: url( | + | background-image: url(http://cid-3466f40f0d3884e0.skydrive.live.com/self.aspx/iGEM%202009%20unipv-PAVIA/SpryMenuBarRightHover.gif); |
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: 95% 50%; | background-position: 95% 50%; | ||
Line 161: | Line 168: | ||
display: inline; | display: inline; | ||
f\loat: left; | f\loat: left; | ||
- | background: | + | background: snow; |
} | } | ||
} | } | ||
- | |||
</style> | </style> | ||
</html> | </html> |
Revision as of 14:51, 17 June 2009