Template:Tsinghua

From 2010.igem.org

(Difference between revisions)
 
(83 intermediate revisions not shown)
Line 8: Line 8:
#globalWrapper{
#globalWrapper{
     width: 1250px;
     width: 1250px;
 +
    margin: 0 auto;
     margin-top: -10px;
     margin-top: -10px;
}
}
 +
 +
#background{
 +
    width: 100%;
 +
    height: 100%;
 +
    postition: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    z-index: 1;
 +
}
 +
body{
body{
     font-family:Arial,sans-serif;
     font-family:Arial,sans-serif;
 +
    background: url(https://static.igem.org/mediawiki/2010/1/15/Thubg.png) repeat;
}
}
 +
h1,h2,h3,h4,h5,h6{
h1,h2,h3,h4,h5,h6{
Line 46: Line 59:
}
}
div#topmost{
div#topmost{
-
     width: 1250px;
+
     width: 100%;
}
}
.headerpic{
.headerpic{
Line 62: Line 75:
}
}
-
#topbar{ width: 100%; height: 38px; margin-top: -4px; }
+
#topbar{ width: 100%; height: 38px; margin-top: -4px; margin-bottom: -2px; clear: both;}
-
#topbar #topbarul {padding: 0px 2px; width: 1000px; margin-left: 10%;}
+
#topbar #topbarul {padding: 0px; width: 1000px; margin-left: 10%; z-index: 5;}
#topbar #topbarul li{ display: inline; float: left; margin: 0;}
#topbar #topbarul li{ display: inline; float: left; margin: 0;}
#topbar #topbarul li a{float: left; height: 0; padding-top: 39px; overflow: hidden; background-repeat: no-repeat; background-image: url(https://static.igem.org/mediawiki/2010/a/ad/Menubg.png); }
#topbar #topbarul li a{float: left; height: 0; padding-top: 39px; overflow: hidden; background-repeat: no-repeat; background-image: url(https://static.igem.org/mediawiki/2010/a/ad/Menubg.png); }
Line 81: Line 94:
#topbar #topbarul li#nav-parts a:hover, #bd_parts  #topbar #topbarul #nav-parts a{background-position: -516px -42px; width: 104px; }
#topbar #topbarul li#nav-parts a:hover, #bd_parts  #topbar #topbarul #nav-parts a{background-position: -516px -42px; width: 104px; }
#topbar #topbarul li#nav-support a:hover, #bd_support  #topbar #topbarul #nav-support a{background-position: -621px -42px; width: 130px; }
#topbar #topbarul li#nav-support a:hover, #bd_support  #topbar #topbarul #nav-support a{background-position: -621px -42px; width: 130px; }
-
#topbar #topbarul li#nav-human a:hover, #bd_human  #topbar #topbarul #nav-human a{background-position: -751px -42px; width: 250px; }
+
#topbar #topbarul li#nav-human a:hover, #bd_human  #topbar #topbarul #nav-human a{background-position: -751px -42px; width: 251px; }
-
#topbar #subnav {margin-left: 10%; margin-top: -2px; height: 23px; width: 995px; background-repeat: no-repeat; overflow: hidden; background-image: url(https://static.igem.org/mediawiki/2010/1/18/Subnav.png); background-position: 2px 0px; }
+
#navbar{ width: 100%; height: 38px; clear: both;}
-
#topbar #subnav li{ display: inline; float: left; }
+
#navbar #subnav {margin-left: 10%; margin-top: 0px; height: 23px; width: 995px; background-repeat: no-repeat; overflow: hidden; padding: 0px; background-image: url(https://static.igem.org/mediawiki/2010/1/18/Subnav.png); background-position: 2px 0px; float: none; z-index: 10; }
-
#topbar #subnav li a, #topbar #subnav li a:visited{float: left; color: white; font-family: Arial, Lucida, sans-serif; font-weight: bold; font-size: 12pt; text-decoration: none;}
+
#navbar #subnav li{ display: inline; float: left; }
 +
#navbar #subnav li a, #navbar #subnav li a:visited{float: left; color: white; font-family: Arial, Lucida, sans-serif; font-weight: bold; font-size: 12pt; text-decoration: none;}
 +
#navbar #subnav li a.nowat, #navbar #subnav li a:hover{color: yellow;}
 +
#navbar #subnav li a.subtitle { font-size: 8pt; }
-
#topbar #subnav li a:hover{color: yellow;}
 
.left_gadget{
.left_gadget{
     margin: 30px 0px;
     margin: 30px 0px;
 +
    padding-top: 20px;
}
}
-
.left_gadget  p{
+
.left_gadget  h2{
-
     color: #55F;
+
     color: #A43;
     font-weight: bold;
     font-weight: bold;
 +
    font-size: 15pt;
 +
    text-indent: 1pc;
 +
    overflow: visible;
}
}
.countdown{
.countdown{
Line 100: Line 119:
     height: 100%;
     height: 100%;
     padding: 5px;
     padding: 5px;
-
     background: #822;
+
    margin-top: 5px;
 +
    overflow: visible;
 +
     background: #a20;
     -moz-border-radius: 4px;
     -moz-border-radius: 4px;
     -webkit-border-radius: 5px;
     -webkit-border-radius: 5px;
}
}
-
.counttitle{
+
#counttitle{
     margin: 7px;
     margin: 7px;
-
     margin-top: -20px;
+
     margin-top: 2px !important; margin-top: -20px;
     padding: 10px;
     padding: 10px;
-
     background: #8E4;
+
    overflow: visible;
-
     color: #34B;
+
     background: #bbd;
 +
     color: #e40;
     font-size: 25pt;
     font-size: 25pt;
     font-weight: bold;
     font-weight: bold;
Line 119: Line 141:
.countback{
.countback{
     margin: 8px;
     margin: 8px;
-
     background: #8E4;
+
     background: #bbd;
}
}
.countstatic{
.countstatic{
-
     color: white;
+
     color: #a20;
     font-size: 14pt;
     font-size: 14pt;
     font-weight: bold;
     font-weight: bold;
Line 224: Line 246:
     display: none;
     display: none;
}
}
-
 
-
 
-
#topbar img{
 
-
    position: absolute;
 
-
    left: 10%;
 
-
    width: 80%;
 
-
}
 
-
 
#right_bar{
#right_bar{
     float: right;
     float: right;
-
     width: 15%;
+
     width: 18%;
-
     padding-right: 10%;
+
     padding-right: 7%;
 +
    paddint-top: 40px;
     position: relative;
     position: relative;
}
}
Line 280: Line 295:
     margin: 0px 5px;
     margin: 0px 5px;
     text-indent: 1pc;
     text-indent: 1pc;
 +
}
 +
 +
.wrapper{
 +
    padding: 0px 0px 30px 0px;
 +
}
 +
 +
#leftpic{
 +
    float: left;
 +
    margin: 3px;
 +
    padding: 0;
 +
    width: auto;
 +
    height: auto;
}
}
.leftblock{
.leftblock{
     width: 350px;
     width: 350px;
-
    height: 500px;
 
     float: left;
     float: left;
}
}
Line 290: Line 316:
.rightblock{
.rightblock{
     width: 350px;
     width: 350px;
-
     height: 500px;
+
     margin-left: 380px;
-
    float: right;
+
}
}
      
      
.content_block{
.content_block{
     background: white;
     background: white;
-
     margin-top: -10px 0px 25px 0px;
+
     margin: -10px 0px 25px 0px;
     padding: 12px 12px 30px 12px;
     padding: 12px 12px 30px 12px;
     -moz-border-radius: 4px;
     -moz-border-radius: 4px;
Line 302: Line 327:
}
}
-
.content_block a, .content_block a:hover{
+
.content_block a{
-
     text-decoration: none;
+
     color: #A43;
     font-weight: bold;
     font-weight: bold;
-
    color: #A43;
 
}
}
-
.content_block span{
+
 
 +
.content_block a:hover{
 +
    color: #F81;
 +
}
 +
 
 +
#imain_content .content_block span{
     float: right;
     float: right;
}
}
-
.content_block img{
+
#imain_content .content_block img, #leftbar .content_block img{
     width: 50px;
     width: 50px;
     height: 35px;
     height: 35px;
}
}
-
.intro-box{
 
-
    color: #222;
 
-
    padding: 20px 5px 20px 5px;
 
-
    -moz-border-radius: 14px;
 
-
    -webkit-border-radius: 15px;
 
-
    border-bottom:2px solid #eee;
 
-
    border-right:2px solid #ddd;
 
-
    box-shadow:10px 10px 20px #222;
 
-
    -webkit-box-shadow:10px 10px 25px #222;
 
-
    -moz-box-shadow:10px 10px 20px #222;
 
-
    margin: 30px 0px 60px 0px;
 
-
}
 
-
#intro-wwy{
 
-
    background: #FC7;
 
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbbf70), color-stop(0.73, #ffd255),to(#fdcfaa));
 
-
    background: -moz-linear-gradient(right top, #fff,#eba007 20%, #ffa200 73% ,#adaf32 95% ,#EA2 155%);
 
-
}
 
-
#intro-SJW{
 
-
    background: #FAC;
 
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbA0bf), color-stop(0.73, #ff95d2),to(#fdbacd));
 
-
    background: -moz-linear-gradient(right top, #fff,#fbA0bf 20%, #ff95d2 73% ,#fdbacd 95% ,#FAC 155%);
 
-
}
 
-
#intro-LYC{
 
-
    background: #FDA;
 
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbcfA0), color-stop(0.73, #ffe795),to(#fddcba));
 
-
    background: -moz-linear-gradient(right top, #fff,#fbcfA0 20%, #ffe795 73% ,#fddcba 95% ,#FDA 155%);
 
-
}
 
-
#intro-ZY{
 
-
    background: #FDF;
 
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbcff0), color-stop(0.73, #ffe7e5),to(#fddcfa));
 
-
    background: -moz-linear-gradient(right top, #fff,#fbcff0 20%, #ffe7e5 73% ,#fddcfa 95% ,#FDF 155%);
 
-
}
 
-
#intro-GX{
 
-
    background: #FEE;
 
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbdfe0), color-stop(0.73, #ffffe0),to(#fdecea));
 
-
    background: -moz-linear-gradient(right top, #fff,#fbdfe0 20%, #ffffe0 73% ,#fdecea 95% ,#FEE 155%);
 
-
}
 
-
#intro-YFW{
 
-
    background: #CFA;
 
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #bffbA0), color-stop(0.73, #d2ff95),to(#cdfdba));
 
-
    background: -moz-linear-gradient(right top, #fff,#bffbA0 20%, #d2ff95 73% ,#cdfdba 95% ,#CFA 155%);
 
-
}
 
-
#intro-YLM{
 
-
    background: #CAF;
 
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #bfA0fb), color-stop(0.73, #d295ff),to(#cdbafd));
 
-
    background: -moz-linear-gradient(right top, #fff,#bfa0fb 20%, #d295ff 73% ,#cdbafd 95% ,#CAF 155%);
 
-
}
 
-
#intro-zyx{
 
-
    background: #DEF;
 
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #BDE), color-stop(0.73, #CDF),color-stop(0.95, #adfaFF), to(#DEF));
 
-
    background: -moz-linear-gradient(right top, #fff,#70BBDD 20%, #cdf 73% ,#fdafff 95% ,#dFf 155%);
 
-
 
-
}
 
-
#intro-lt{
 
-
    background: #EFD;
 
-
    background: -webkit-gradient(linear, right bottom, left top, from(#fff) ,color-stop(0.20, #DEB), color-stop(0.73, #DFC),color-stop(0.95, #faFFad), to(#EFD));
 
-
    background: -moz-linear-gradient(right bottom, #fff,#DEB 20%, #DFC 73% ,#faffad 95% ,#EFD 155%);
 
-
 
-
}
 
-
#intro-lxm{
 
-
    background: #DCF;
 
-
    background: -webkit-gradient(linear, right bottom, left top, from(#fff) ,color-stop(0.20, #EFB), color-stop(0.73, #CDF),color-stop(0.95, #EDE), to(#DCF));
 
-
    background: -moz-linear-gradient(right bottom, #fff,#EFB 20%, #CDF 73% ,#EDE 95% ,#DCF 155%);
 
-
 
-
}
 
-
#intro-HDY{
 
-
    background: #DFF;
 
-
    background: -webkit-gradient(linear, right bottom, left top, from(#fff) ,color-stop(0.20, #BEF), color-stop(0.73, #CDF),color-stop(0.95, #DEE), to(#DEF));
 
-
    background: -moz-linear-gradient(right bottom, #fff,#BEF 20%, #CDF 73% ,#DEE 95% ,#DEF 155%);
 
-
 
-
}
 
-
 
-
#intro-list{
 
-
    list-style: none;
 
-
    text-align: left;
 
-
}
 
-
#intro-list span{
 
-
    color: #28B;   
 
-
    font-weight: bold;
 
-
    padding: 5px 10px;
 
-
}
 
tr.heading{
tr.heading{
     color: #AFE;
     color: #AFE;
     font-weight: bold;
     font-weight: bold;
     text-indent: 1pc;
     text-indent: 1pc;
-
     background: #FAC;
+
     background: #A20;
-
     background: -webkit-gradient(linear, right top, left bottom, from(#f4d) ,color-stop(0.20, #fbA0bf), color-stop(0.73, #ff95d2),to(#fdbacd));
+
     background: -webkit-gradient(linear, right top, left bottom, from(#d41) ,color-stop(0.20, #fb3), color-stop(0.73, #a20),to(#a40));
-
     background: -moz-linear-gradient(right top, #f4d, #fbA0bf 20%, #ff95d2 73% ,#fdbacd 95% ,#FAC 155%);  
+
     background: -moz-linear-gradient(right top, #d41, #fb3 20%, #a20 73%, #A40 155%);  
}
}
img.smalllink{
img.smalllink{
Line 427: Line 375:
     margin: 20px;
     margin: 20px;
}
}
-
td, .toc, div#content{
+
.toc, div#content{
-
     background: #EEE;
+
     background: transparent;
     color: #000;
     color: #000;
     border: none;
     border: none;

Latest revision as of 16:45, 27 October 2010

Retrieved from "http://2010.igem.org/Template:Tsinghua"