Template:Zjucss Notebook
From 2011.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 18: | Line 18: | ||
-webkit-border-radius: 10px; | -webkit-border-radius: 10px; | ||
border-radius: 10px; | border-radius: 10px; | ||
+ | background-color:white; | ||
} | } | ||
.pagetitle h3{ | .pagetitle h3{ | ||
Line 23: | Line 24: | ||
color:white; | color:white; | ||
} | } | ||
- | + | ||
- | filter:alpha(opacity= | + | |
- | -moz-opacity:0. | + | .pagetitle{ |
- | -khtml-opacity: 0. | + | margin:5px; |
- | opacity: 0. | + | padding:0; |
- | padding-bottom:10px;} | + | margin-right:10px; |
+ | background-color:white; | ||
+ | position:relative; | ||
+ | float:right; | ||
+ | width:770px; | ||
+ | |||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | filter:alpha(opacity=80); | ||
+ | -moz-opacity:0.8; | ||
+ | -khtml-opacity: 0.8; | ||
+ | opacity: 0.8; | ||
+ | padding-bottom:7px; | ||
+ | } | ||
+ | .pagetitle h3{ | ||
+ | font-size: 28pt; | ||
+ | color:#0068b1; | ||
+ | margin-left:5px; | ||
+ | } | ||
+ | |||
+ | .roundcorner{ -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | margin:5px; | ||
+ | padding:1px; | ||
+ | height:30px; | ||
+ | background-color:#0068b1; | ||
+ | float:right; | ||
+ | filter:alpha(opacity=80); | ||
+ | -moz-opacity:0.8; | ||
+ | -khtml-opacity: 0.8; | ||
+ | opacity: 0.8; | ||
+ | *shadow!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ | ||
+ | box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); | ||
+ | -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/ | ||
+ | |||
+ | } | ||
#leftul{ | #leftul{ | ||
- | margin | + | margin:5px; |
- | + | padding:0; | |
- | + | margin-left:10px; | |
- | width: | + | width:160px; |
float:left; | float:left; | ||
font-family: 'Molengo', sans-serif; | font-family: 'Molengo', sans-serif; | ||
- | background-color:transparent;} | + | background-color:transparent; |
- | . | + | position:relative;} |
- | + | .stickToTop { | |
- | + | position: fixed; | |
- | + | top:5px; | |
- | + | /*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:#0068b1 /*url(http://ung.igem.org/wiki/images/2/23/Zju-button.jpg)*/; | ||
+ | margin-bottom:2px; | ||
+ | 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=50); | |
+ | -moz-opacity:0.5; | ||
+ | -khtml-opacity: 0.5; | ||
+ | opacity: 0.5; | ||
+ | font-size:20pt; | ||
} | } | ||
- | # | + | /* currently active header */ |
- | + | #accordion h4.current { | |
- | + | cursor:default; | |
- | + | font-weight:bold; | |
+ | text-decoration:underline; | ||
+ | background:#0068b1 /*url(https://static.igem.org/mediawiki/2011/9/9a/Zju-button1.jpg)*/; | ||
+ | filter:alpha(opacity=100); | ||
+ | -moz-opacity:1.0; | ||
+ | -khtml-opacity: 1.0; | ||
+ | opacity: 1.0; | ||
+ | *shadow!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ | ||
+ | box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); | ||
+ | -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/ | ||
} | } | ||
- | + | ||
- | + | /* 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; | ||
+ | font-weight:normal; | ||
+ | margin:4px; | ||
+ | font-size:18px; | ||
+ | color:#0a0a0a; | ||
+ | } | ||
+ | #accordion .pane a:hover{ text-decoration:underline;} | ||
- | + | /*left bar end!!!!!!!!!!!!!!!!!!!!*/ | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
.bigblock{ | .bigblock{ | ||
margin:0; | margin:0; | ||
- | |||
- | |||
- | |||
float:right; | float:right; | ||
color:#333333; | color:#333333; | ||
- | |||
font-size:12pt; | font-size:12pt; | ||
- | padding: | + | padding:0; |
+ | width:780px; | ||
+ | font-family: 'Molengo', sans-serif;} | ||
- | |||
Line 144: | Line 175: | ||
.bigblock h3{color:#333333; margin-left:10px;} | .bigblock h3{color:#333333; margin-left:10px;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
.block{ | .block{ | ||
+ | float:right; | ||
-moz-border-radius: 10px; | -moz-border-radius: 10px; | ||
-webkit-border-radius: 10px; | -webkit-border-radius: 10px; | ||
border-radius: 10px; | border-radius: 10px; | ||
background-color: white; | background-color: white; | ||
- | width: | + | width:750px; |
+ | margin:5px; | ||
+ | padding:0; | ||
+ | margin-right:10px; | ||
margin-bottom:15px; | margin-bottom:15px; | ||
- | + | ||
- | + | ||
/*shadow!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ | /*shadow!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/ | ||
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); | box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); | ||
Line 184: | Line 195: | ||
border: 1px solid #CCCCCC; | border: 1px solid #CCCCCC; | ||
} | } | ||
+ | |||
+ | /*#intable td{background-color:#d7eaf7;}*/ | ||
+ | |||
.block p{ | .block p{ | ||
margin-left:10px; | margin-left:10px; | ||
Line 190: | Line 204: | ||
#week a:hover{ | #week a:hover{ | ||
text-decoration:underline;} | text-decoration:underline;} | ||
- | + | #biofilm_jul{display:none;} | |
.footer{ | .footer{ | ||
background-color:#666666; | background-color:#666666; |