Template:Zjucss Modeling

From 2011.igem.org

(Difference between revisions)
 
(71 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
 +
@charset "UTF-8";
 +
/* CSS Document */
 +
#table_m{
 +
background-color:transparent;}
.pagetitle{
.pagetitle{
-
background-color:#f19226;
+
margin:5px;
 +
padding:0;
 +
margin-right:10px;
 +
background-color:white;
position:relative;
position:relative;
-
width: 910px;
+
float:right;
-
margin-left:20px;
+
width:750px;
 +
 
-moz-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
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{
.pagetitle h3{
-
font-size: 30pt;
+
font-size: 28pt;
 +
color:#f19226;
 +
margin-left:5px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
.stickToTop {
 +
    position: fixed;
 +
    top:5px;
 +
  }
 +
/*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:2px;
 +
        padding-top:5px;
 +
padding-left:5px;
 +
height:30px;
color:white;
color:white;
 +
font-weight:normal;
 +
cursor:pointer;
 +
-moz-border-radius: 5px;
 +
-webkit-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:#f19226 /*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*/
}
}
-
.leftul{
 
-
padding:2px;
 
-
padding-left:0px;
 
-
width:150px;
 
-
float:left;
 
-
font-family: 'Molengo', sans-serif;}
 
-
.leftul #model li {
+
/* accordion pane */
-
font-size: 20px;
+
#accordion .pane {
-
font-weight: bold;
+
display:none;
-
color:#3e3e3e;
+
height:90px;
-
cursor: pointer;
+
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:10px;
+
margin:0;
float:right;
float:right;
color:#333333;
color:#333333;
font-size:12pt;
font-size:12pt;
padding:0;
padding:0;
-
width:750;
+
width:760px;
  font-family: 'Molengo', sans-serif;}
  font-family: 'Molengo', sans-serif;}
.bigblock h3{
.bigblock h3{
font-size:28px;
font-size:28px;
color:#f19226;
color:#f19226;
-
padding-left:10px;
+
padding-left:15px;
-
padding-top:5px;
+
padding-top:10px;
-
padding-bottom:0px;
+
padding-bottom:10px;
}
}
.bigblock p{
.bigblock p{
-
margin-top: 1;
+
margin-top: 1px;
-
margin-right: 5;
+
margin-right: 5px;
-
margin-bottom: 1;
+
margin-bottom: 1px;
-
margin-left: 5;
+
margin-left: 5px;
}
}
-
.bigblock hr{
+
.block hr{
padding:0;
padding:0;
-
margin:10;}
+
margin-left:10px;
 +
        margin-right:10px;}
/*#m_biofilm{
/*#m_biofilm{
display:none;}*/
display:none;}*/
.block{
.block{
-
-moz-border-radius: 5px;
+
float:right;
-
-webkit-border-radius: 5px;
+
-moz-border-radius: 10px;
-
border-radius: 5px;
+
-webkit-border-radius: 10px;
 +
border-radius: 10px;
background-color: white;
background-color: white;
-
}
+
width:750px;
 +
margin:5px;
 +
padding:0;
 +
margin-right:10px;
-
.footer{
+
margin-bottom:15px;
-
background-color:#666666;
+
 
-
padding:10px;
+
 
-
text-align:center;
+
/*shadow!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
-
}
+
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
-
.footer a{
+
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); /* for the Safari browser*/
-
color:#cccccc;
+
border: 1px solid #CCCCCC;
-
margin:10px;
+
}
-
text-decoration:none;
+
-
}
+
-
.footer a:hover {
+
-
color:#FFF;
+
-
text-decoration:none;
+
-
cursor:pointer;
+
#introduction{
#introduction{
-
width:720px;
+
width:750px;
background-color:#999}
background-color:#999}
 +
#mmodeling{
 +
width:770px;
 +
display:none;
 +
}
 +
#reference{width:770px;display:none;}
 +
#sr{
 +
width:770px;
 +
display:none;
 +
}
 +
#compartment{margin-left:14px;}
 +
#component{margin-left:14px;}
 +
#process{margin-left:14px;}
 +
 +
.block p{
 +
margin:20px;
 +
}
#intro{
#intro{
color:white;
color:white;
-
}
 
-
#mmodeling{width:720px;}
 
-
#table_m{
 
-
background-color:transparent;}
 
-
.block hr{
 
-
height:2px;
 
-
margin-left:15px;
 
-
margin-right:15px;
 
}
}
 +
#model a{color:#333333;}
 +
#model a:hover{
 +
text-decoration:underline;}
</style>
</style>
<html>
<html>

Latest revision as of 22:46, 5 October 2011

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