Template:Zjucss Notebook

From 2011.igem.org

(Difference between revisions)
 
(10 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;
}
}
-
#nbook{background-color:#0068b1;
+
 
-
filter:alpha(opacity=50);
+
 
-
-moz-opacity:0.5;
+
.pagetitle{
-
-khtml-opacity: 0.5;
+
margin:5px;
-
opacity: 0.5;
+
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-top:13px;
+
margin:5px;
-
padding:2px;
+
padding:0;
-
padding-left:20px;
+
margin-left:10px;
-
width:150px;
+
width:160px;
float:left;
float:left;
font-family: 'Molengo', sans-serif;
font-family: 'Molengo', sans-serif;
-
background-color:transparent;}
+
background-color:transparent;
-
.kwicks {
+
position:relative;}
-
list-style: none;
+
.stickToTop {
-
position: relative;
+
    position: fixed;
-
margin: 0;
+
    top:5px;
-
padding: 0;
+
    /*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;
}
}
-
.kwicks li{
+
 
-
display: block;
+
/* accordion header */
-
overflow: hidden;
+
#accordion h4 {
-
padding: 0;
+
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;
-
cursor: pointer;  
+
filter:alpha(opacity=50);
 +
-moz-opacity:0.5;
 +
-khtml-opacity: 0.5;
 +
opacity: 0.5;
 +
font-size:20pt;
}
}
-
#leftul .kwicks li{
+
/* currently active header */
-
width: 145px;
+
#accordion h4.current {
-
height: 50px;
+
cursor:default;
-
margin-bottom: 3px;
+
font-weight:bold;
-
}
+
text-decoration:underline;
-
#leftul #kwick1  {
+
background:#0068b1 /*url(https://static.igem.org/mediawiki/2011/9/9a/Zju-button1.jpg)*/;
-
background-color: #589ac8;
+
filter:alpha(opacity=100);
-
}
+
-moz-opacity:1.0;
-
#leftul #kwick2  {
+
-khtml-opacity: 1.0;
-
background-color: #0068b1;
+
opacity: 1.0;
-
}
+
*shadow!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
-
#leftul #kwick3{
+
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
-
background-color: #589ac8;
+
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
-
}
+
-
#leftul #kwick4 {
+
-
background-color: #0068b1;
+
-
+
-
}
+
-
#leftul #kwick5 {
+
-
background-color: #589ac8;
+
-
+
}
}
-
#leftul #kwick6 {
 
-
background-color: #0068b1;
 
-
 
-
}
 
-
#leftul #kwick7 {
 
-
background-color: #589ac8;
 
-
 
-
}
 
-
#leftul #kwick8 {
 
-
background-color: #0068b1;
 
-
 
-
}
 
-
#leftul #kwick9 {
 
-
background-color: #589ac8;
 
-
 
-
}
 
-
#leftul #kwick10 {
 
-
background-color: #0068b1;
 
-
 
-
}
 
-
#leftul #kwick11 {
 
-
background-color: #589ac8;
 
-
 
-
}
 
-
#leftul #kwick12 {
 
-
background-color: #0068b1;
 
-
 
-
}
 
-
#leftul #kwick13 {
 
-
background-color: #589ac8;
 
-
margin-bottom: none;
 
 +
/* 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;}
-
.kwicks a{
+
/*left bar end!!!!!!!!!!!!!!!!!!!!*/
-
display:block;
+
-
margin-top:5px;
+
-
padding:5px;
+
-
font-size:24pt;
+
-
color:white;}
+
-
 
+
.bigblock{
.bigblock{
margin:0;
margin:0;
-
width:740px;
 
-
float:right;
 
-
margin:10px;
 
float:right;
float:right;
color:#333333;
color:#333333;
-
background-color:transparent;
 
font-size:12pt;
font-size:12pt;
-
padding:5px;
+
padding:0;
 +
width:780px;
 +
  font-family: 'Molengo', sans-serif;}
-
font-family: 'Molengo', sans-serif;}
 
Line 144: Line 175:
.bigblock h3{color:#333333; margin-left:10px;}
.bigblock h3{color:#333333; margin-left:10px;}
    
    
-
#week2{
 
-
display:none;}
 
-
#week3{
 
-
display:none;}
 
-
#week4{
 
-
display:none;}
 
-
#week5{
 
-
display:none;}
 
-
#week6{
 
-
display:none;}
 
-
#week7{
 
-
display:none;}
 
-
        #week8{
 
-
display:none;}
 
-
#week9{
 
-
display:none;}
 
-
#week10{
 
-
display:none;}
 
-
#week11{
 
-
display:none;}
 
-
#week12{
 
-
display:none;}
 
-
#afweek12{
 
-
display:none;}
 
.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:720px;
+
width:750px;
 +
margin:5px;
 +
padding:0;
 +
margin-right:10px;
margin-bottom:15px;
margin-bottom:15px;
-
float:right;
+
 
-
padding: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;

Latest revision as of 14:24, 3 October 2011