Template:Zjucss Notebook

From 2011.igem.org

(Difference between revisions)
 
(70 intermediate revisions not shown)
Line 1: Line 1:
-
<html><style>
+
<html><header><style>
-
@charset "utf-8";
+
.main{background-color:#e9e9e9;
-
.header{
+
position:static;
-
height:300px;
+
top:auto;
 +
height:auto;
 +
padding:0px;
 +
padding-top:0px;
 +
padding-right:0px;
 +
vertical-align:middle;
 +
width:970px;margin:0;text-align:left;position:relative;
 +
font-family:'Molengo', sans-serif;}
 +
.pagetitle{
 +
position:relative;
 +
width: 910px;
 +
margin-left:20px;
 +
maegin:10px;
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
background-color:white;
}
}
-
.bgpart2{
+
.pagetitle h3{
-
top:200px;
+
font-size: 30pt;
 +
color:white;
}
}
-
.contentwrapper{
+
 
-
background-color:#e9e9e9;
+
 
 +
.pagetitle{
 +
margin:5px;
 +
padding:0;
 +
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;
}
}
-
.main{
+
.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{
 +
margin:5px;
 +
padding:0;
 +
margin-left:10px;
 +
width:160px;
 +
float:left;
 +
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;
}
}
-
#rolin ul,li,p,h1,h3{ margin:0; padding:0; border:0; background:#FAFAFA; }
+
 
-
.rolinList { text-align:center; font-size:12px}
+
/* accordion header */
-
.rolinList{ width:200px; height:auto; margin:0px auto 0 auto; text-align:left ;
+
#accordion h4 {
-
float:left;padding:0;padding-right:0;}
+
display:block;
-
#rolin li{margin-bottom:1px;border:1px solid #DADADA ;
+
background:#0068b1 /*url(http://ung.igem.org/wiki/images/2/23/Zju-button.jpg)*/;
-
list-style:none -moz-border-radius: 5px;
+
margin-bottom:2px;
 +
        padding-top:5px;
 +
padding-left:5px;
 +
height:30px;
 +
color:white;
 +
font-weight:normal;
 +
cursor:pointer;
 +
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
-
border-radius: 5px;}
+
border-radius: 5px;
-
.rolinList li h3{ padding:0;width:190px; height:30px;  background:#fff; font-size:20px; line-height:1px;padding-top:5px; padding-left:10px; color:#333;
+
filter:alpha(opacity=50);
-
padding-bottom:0;}
+
-moz-opacity:0.5;
-
.n_content{ height:150px;width:190px; background:#fff; background:#FAFAFA;}
+
-khtml-opacity: 0.5;
-
.rolinList p{ margin:2px;}
+
opacity: 0.5;
-
</style></html>
+
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{
 +
margin:0;
 +
float:right;
 +
color:#333333;
 +
font-size:12pt;
 +
padding:0;
 +
width:780px;
 +
  font-family: 'Molengo', sans-serif;}
 +
 
 +
 
 +
 
 +
.bigblock h3{
 +
font-size:28px;
 +
padding:5px;}
 +
.block hr{
 +
height:2px;
 +
margin-left:15px;
 +
margin-right:15px;
 +
 
 +
}
 +
.bigblock h3{color:#333333; margin-left:10px;}
 +
 
 +
 
 +
.block{
 +
float:right;
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
border-radius: 10px;
 +
background-color: white;
 +
width:750px;
 +
margin:5px;
 +
padding:0;
 +
margin-right:10px;
 +
 
 +
margin-bottom:15px;
 +
 
 +
 
 +
/*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*/
 +
border: 1px solid #CCCCCC;
 +
}
 +
 
 +
/*#intable td{background-color:#d7eaf7;}*/
 +
 
 +
.block p{
 +
margin-left:10px;
 +
margin-right:15px;}
 +
#week a{color:#333333;}
 +
#week a:hover{
 +
text-decoration:underline;}
 +
#biofilm_jul{display:none;}
 +
.footer{
 +
background-color:#666666;
 +
padding:10px;
 +
text-align:center;
 +
}
 +
.footer a{
 +
color:#cccccc;
 +
margin:10px;
 +
text-decoration:none;
 +
}
 +
.footer a:hover {
 +
color:#FFF;
 +
text-decoration:none;
 +
cursor:pointer;
 +
</style></header></html>

Latest revision as of 14:24, 3 October 2011

Retrieved from "http://2011.igem.org/Template:Zjucss_Notebook"