Template:Zjucss Modeling
From 2011.igem.org
(Difference between revisions)
Line 44: | Line 44: | ||
border: 1px solid #CCCCCC; | border: 1px solid #CCCCCC; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#leftul{ | #leftul{ | ||
margin:5px; | margin:5px; | ||
Line 78: | Line 58: | ||
top:5px; | top:5px; | ||
width:100%;} | width:100%;} | ||
- | . | + | /*left bar!!!!!!!!!!!!!!!!!*/ |
- | + | /* root element for accordion. decorated with rounded borders and gradient background image */ | |
- | + | #accordion { | |
- | + | background:transparent; | |
- | + | width: 160px; | |
+ | |||
+ | -moz-border-radius: 3px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
} | } | ||
- | + | ||
- | + | /* accordion header */ | |
- | + | #accordion h4 { | |
- | + | display:block; | |
+ | background:#f19226 url(http://ung.igem.org/wiki/images/2/23/Zju-button.jpg); | ||
+ | margin-bottom:0; | ||
+ | padding-top:5px; | ||
+ | padding-left:5px; | ||
+ | height:30px; | ||
+ | color:white; | ||
+ | font-weight:normal; | ||
+ | cursor:pointer; | ||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||
-webkit-border-radius: 5px; | -webkit-border-radius: 5px; | ||
border-radius: 5px; | border-radius: 5px; | ||
- | + | filter:alpha(opacity=90); | |
+ | -moz-opacity:0.9; | ||
+ | -khtml-opacity: 0.9; | ||
+ | opacity: 0.9; | ||
+ | font-size:20pt; | ||
} | } | ||
- | # | + | /* currently active header */ |
- | + | #accordion h4.current { | |
- | + | cursor:default; | |
- | + | font-weight:bold; | |
+ | text-decoration:underline; | ||
+ | background-color:#f19226; | ||
+ | filter:alpha(opacity=100); | ||
+ | -moz-opacity:1.0; | ||
+ | -khtml-opacity: 1.0; | ||
+ | opacity: 1.0; | ||
+ | |||
} | } | ||
- | # | + | |
- | + | /* accordion pane */ | |
- | + | #accordion .pane { | |
- | + | display:none; | |
- | + | height:90px; | |
- | + | padding:5px; | |
- | + | color:white; | |
- | + | font-size:18px; | |
- | + | -moz-border-radius: 3px; | |
- | + | -webkit-border-radius: 3px; | |
- | + | border-radius: 3px; | |
- | + | background:white; | |
} | } | ||
- | + | ||
- | + | /* a title inside pane */ | |
- | + | #accordion .pane a { | |
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
- | + | ||
- | . | + | |
display:block; | display:block; | ||
- | + | font-weight:normal; | |
- | + | margin:4px; | |
- | font-size: | + | font-size:18px; |
- | color: | + | color:#0a0a0a; |
+ | } | ||
+ | #accordion .pane a:hover{ text-decoration:underline;} | ||
+ | |||
+ | /*left bar end!!!!!!!!!!!!!!!!!!!!*/ | ||
.bigblock{ | .bigblock{ | ||
margin:0; | margin:0; |
Revision as of 11:51, 2 October 2011