Template:Zjucss Modeling

From 2011.igem.org

(Difference between revisions)
Line 44: Line 44:
border: 1px solid #CCCCCC;
border: 1px solid #CCCCCC;
}
}
-
#p_intro{color:white;
 
-
font-size:20px;
 
-
cursor: pointer;
 
-
font-weight: bold;}
 
-
#p_intro:hover{text-decoration:underline;}
 
-
#p_model{
 
-
font-size:20px;
 
-
cursor: pointer;
 
-
color:white;
 
-
font-weight: bold;}
 
-
#p_model:hover{text-decoration:underline;}
 
-
 
-
#p_simul{
 
-
font-size:20px;
 
-
cursor: pointer;
 
-
color:white;
 
-
font-weight: bold;}
 
-
#p_simul:hover{text-decoration:underline;}
 
-
#smalla:hover{
 
-
text-decoration:underline;}
 
#leftul{
#leftul{
margin:5px;
margin:5px;
Line 78: Line 58:
     top:5px;
     top:5px;
     width:100%;}
     width:100%;}
-
.kwicks {
+
/*left bar!!!!!!!!!!!!!!!!!*/
-
list-style: none;
+
  /* root element for accordion. decorated with rounded borders and gradient background image */
-
position: relative;
+
#accordion {
-
margin: 0;
+
background:transparent;
-
padding: 0;
+
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:#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;
-
cursor: pointer;  
+
filter:alpha(opacity=90);
 +
-moz-opacity:0.9;
 +
-khtml-opacity: 0.9;
 +
opacity: 0.9;
 +
font-size:20pt;
}
}
-
#leftul .kwicks li{
+
/* currently active header */
-
width: 125px;
+
#accordion h4.current {
-
height: 60px;
+
cursor:default;
-
margin-bottom: 3px;
+
font-weight:bold;
 +
text-decoration:underline;
 +
background-color:#f19226;
 +
filter:alpha(opacity=100);
 +
-moz-opacity:1.0;
 +
-khtml-opacity: 1.0;
 +
opacity: 1.0;
 +
 
}
}
-
#leftul #kwick1  {  
+
 
-
background-color: #f19226;
+
/* accordion pane */
-
}
+
#accordion .pane {
-
#leftul #kwick2  {
+
display:none;
-
background-color: #F07000;
+
height:90px;
-
}
+
padding:5px;
-
#leftul #kwick3{
+
color:white;
-
background-color: #f19226;
+
font-size:18px;
-
}
+
-moz-border-radius: 3px;
-
#leftul #kwick4 {
+
-webkit-border-radius: 3px;
-
background-color: #F07000;
+
border-radius: 3px;
-
+
background:white;
}
}
-
#leftul #kwick5 {
+
 
-
background-color: #f19226;
+
/* a title inside pane */
-
+
#accordion .pane a {
-
}
+
-
#leftul #kwick6 {
+
-
background-color: #F07000;
+
-
margin-bottom: none;
+
-
}
+
-
.kwicks a{
+
display:block;
display:block;
-
margin-top:5px;
+
font-weight:normal;
-
padding:5px;
+
margin:4px;
-
font-size:20pt;
+
font-size:18px;
-
color:white;}
+
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