Template:Imperial/09/TopNavigationCSS
From 2009.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html> | <html> | ||
<style> | <style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | # | + | #accordion { |
- | + | border: 1px solid #1F669B; | |
- | + | width: 600px; | |
- | } | + | height: 310px; |
+ | font-family: Trebuchet MS, Arial, Helvetica, sans-serif; | ||
+ | font-size: 11px; | ||
+ | position:relative !important; | ||
+ | display:block; | ||
+ | overflow:hidden; | ||
+ | background-image:url(http://charlesfracchia.com/igemWiki/SlideUp/images/aston.jpg); | ||
+ | background-repeat:no-repeat; | ||
+ | background-position:top left; | ||
+ | } | ||
- | + | h3 { | |
- | + | font-size: 12px; | |
- | + | padding: 6px 6px 4px 35px; | |
- | + | margin: 0; | |
- | + | color:#fff; | |
- | + | border-bottom:1px solid #333333; | |
- | } | + | cursor:pointer; |
+ | display:block; | ||
+ | background-image:url(http://charlesfracchia.com/igemWiki/SlideUp/images/tab-left.gif); | ||
+ | background-position:top left; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
- | .panel_body | + | #visible { |
- | padding:3px 5px; | + | background-image:url(http://charlesfracchia.com/igemWiki/SlideUp/images/tab-left-active.gif); |
- | } | + | border-bottom:1px solid #DA1074; |
- | + | } | |
- | .panel{ | + | |
- | + | .panel_body { | |
- | + | height:150px; | |
- | + | background-color:#333333; | |
- | + | display:block; | |
- | + | position:relative; | |
- | + | color:#FFFFFF; | |
- | + | } | |
- | } | + | |
- | .wrapper{ | + | .panel_body div { |
- | + | padding:3px 5px; | |
- | + | } | |
- | } | + | |
- | + | .panel{ | |
- | </style> | + | bottom:0px; |
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | background-image:url(images/tab-right.gif); | ||
+ | background-position:top right; | ||
+ | background-repeat:repeat-x; | ||
+ | background-color:#333333; | ||
+ | } | ||
+ | .wrapper{ | ||
+ | bottom:0px; | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | </style> | ||
</html> | </html> |
Revision as of 13:31, 18 October 2009