Template:Tsinghua

From 2010.igem.org

(Difference between revisions)
 
(237 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
 +
*{
 +
    padding: 0;
 +
    margin: 0;
 +
    color: #A43;
 +
}
 +
#globalWrapper{
 +
    width: 1250px;
 +
    margin: 0 auto;
 +
    margin-top: -10px;
 +
}
 +
 +
#background{
 +
    width: 100%;
 +
    height: 100%;
 +
    postition: fixed;
 +
    top: 0;
 +
    left: 0;
 +
    z-index: 1;
 +
}
 +
 +
body{
body{
-
    text-align:center; 
 
     font-family:Arial,sans-serif;
     font-family:Arial,sans-serif;
-
    color: #FFF;
+
     background: url(https://static.igem.org/mediawiki/2010/1/15/Thubg.png) repeat;
-
     background: #333;
+
}
}
-
body p{
+
 
 +
 
 +
h1,h2,h3,h4,h5,h6{
 +
    font-weight: bold;
 +
    font-family: Arial, san-serif;
 +
    color: #A43;
 +
    border: none;
 +
    background: transparent;
 +
    padding: 0;
     margin: 0;
     margin: 0;
 +
}
 +
 +
a, a:hover{
 +
    text-decoration: none;
 +
}
 +
 +
h1{
 +
    border-bottom: #999 solid 5px;
}
}
Line 24: Line 59:
}
}
div#topmost{
div#topmost{
-
    height: 200px;
 
     width: 100%;
     width: 100%;
}
}
.headerpic{
.headerpic{
-
    position: absolute;
 
     top: 0;
     top: 0;
-
    left: 10%;
+
     width: 996px;
-
     width: 80%;
+
-
    margin: 0;
+
     padding: 0;
     padding: 0;
-
}
+
     margin-left: 10%;
-
 
+
-
.logopic{
+
-
     margin-top: 50px;
+
}
}
Line 46: Line 74:
     position: absolute;
     position: absolute;
}
}
 +
 +
#topbar{ width: 100%; height: 38px; margin-top: -4px; margin-bottom: -2px; clear: both;}
 +
#topbar #topbarul {padding: 0px; width: 1000px; margin-left: 10%; z-index: 5;}
 +
#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#nav-home a{background-position: 0 0; width: 120px; }
 +
#topbar #topbarul li#nav-team a{background-position: -121px 0px; width: 93px; }
 +
#topbar #topbarul li#nav-project a{background-position: -215px 0px; width: 138px; }
 +
#topbar #topbarul li#nav-experiment a{background-position: -353px 0px; width: 162px; }
 +
#topbar #topbarul li#nav-parts a{background-position: -516px 0px; width: 104px; }
 +
#topbar #topbarul li#nav-support a{background-position: -621px 0px; width: 130px; }
 +
#topbar #topbarul li#nav-human a{background-position: -751px 0px; width: 250px; }
 +
 +
#topbar #topbarul li#nav-home a:hover, #bd_home #topbar #topbarul #nav-home a{background-position: 0 -41px; width: 120px; }
 +
#topbar #topbarul li#nav-team a:hover, #bd_team #topbar #topbarul  #nav-team a{background-position: -121px -41px; width: 93px; }
 +
#topbar #topbarul li#nav-project a:hover, #bd_project #topbar #topbarul #nav-project a{background-position: -215px -41px; width: 138px; }
 +
#topbar #topbarul li#nav-experiment a:hover, #bd_experiment  #topbar #topbarul #nav-experiment a{background-position: -353px -41px; width: 162px; }
 +
#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-human a:hover, #bd_human  #topbar #topbarul #nav-human a{background-position: -751px -42px; width: 251px; }
 +
 +
#navbar{ width: 100%; height: 38px; clear: both;}
 +
#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; }
 +
#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; }
 +
.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;
-
     text-indent: 0;
+
    font-size: 15pt;
 +
     text-indent: 1pc;
 +
    overflow: visible;
}
}
.countdown{
.countdown{
-
     color: #F42;
+
    width: 100%;
 +
    height: 100%;
 +
    padding: 5px;
 +
    margin-top: 5px;
 +
    overflow: visible;
 +
    background: #a20;
 +
    -moz-border-radius: 4px;
 +
    -webkit-border-radius: 5px;
 +
}
 +
#counttitle{
 +
    margin: 7px;
 +
    margin-top: 2px !important; margin-top: -20px;
 +
    padding: 10px;
 +
    overflow: visible;
 +
    background: #bbd;
 +
     color: #e40;
 +
    font-size: 25pt;
     font-weight: bold;
     font-weight: bold;
-
}  
+
    text-align: center;
 +
    font-family: Vivaldi, 'Comic Sans MS', cursive;
 +
    -moz-border-radius: 4px;
 +
    -webkit-border-radius: 5px;
 +
}
 +
.countback{
 +
    margin: 8px;
 +
    background: #bbd;
 +
}
 +
.countstatic{
 +
    color: #a20;
 +
    font-size: 14pt;
 +
    font-weight: bold;
 +
    text-indent: 1pc;
 +
}
 +
.countdyna{
 +
    font-family: Vivaldi;
 +
    font-size: 25pt;
 +
    margin-right: 10px;
 +
}
 +
 
.link_ball{
.link_ball{
     margin-right: 5px;
     margin-right: 5px;
Line 87: Line 183:
}
}
div#menubar .selected a{
div#menubar .selected a{
-
     color: #2AF;
+
     color: yellow;
}
}
 +
div#menubar a{
 +
    color: #2CF;
 +
}
 +
.left-menu{
.left-menu{
-
     left: 50%;
+
     left: 680px;
     top: 0;
     top: 0;
}
}
.right-menu{
.right-menu{
     left: 0;
     left: 0;
 +
}
 +
div form{
 +
    z-index: 1000;
}
}
div#search-controls{
div#search-controls{
     position: absolute;
     position: absolute;
-
     top: 155px;
+
     top: 110px;
-
     right: 20%;
+
     right: 15%;
-
     width: 180px;
+
     width: 120px;
-
     height: 25px;
+
     height: 20px;
 +
    z-index: 1000;
}
}
#searchInput{
#searchInput{
     border: none;
     border: none;
     background: none;
     background: none;
-
     width: 150px;
+
     width: 90px;
-
     left: 20px;
+
     left: 25px;
     top: 0;
     top: 0;
-
     height: 25px;
+
     height: 20px;
     position: absolute;
     position: absolute;
-
     padding: 0px 5px !important; padding: 5px 5px 5px 5px;
+
     z-index: 1000;
}
}
#searchGoButton{
#searchGoButton{
Line 119: Line 223:
     border: none;
     border: none;
     background: none;
     background: none;
-
     width: 30px;
+
     width: 20px;
-
     height: 25px;
+
     height: 22px;
-
     left: 170px;
+
     left: 122px;
     line-height: 0;
     line-height: 0;
     font-size: 1px;
     font-size: 1px;
Line 130: Line 234:
     padding: 0;
     padding: 0;
     margin: 0;
     margin: 0;
 +
    z-index: 1000;
}
}
div#content{
div#content{
Line 142: Line 247:
}
}
-
#topbarul li{
+
#right_bar{
-
     float:left;
+
     float: right;
-
    border-right: 1px solid #AAA;
+
     width: 18%;
-
     border-left: 1px solid #FFF;
+
     padding-right: 7%;
-
    height: 100%;
+
     paddint-top: 40px;
-
    list-style: none;
+
-
}
+
-
 
+
-
#topbarul a{
+
-
    text-decoration: none;
+
-
    color: #eef;
+
-
    dwidth: 96px;
+
-
     padding: 3px 20px 5px 20px;
+
-
    display:block;
+
-
    text-align: right;
+
-
    dfont-weight: bold;
+
-
    font-size: 0.9em;
+
-
    dtext-shadow: #271E0F 0 0 0;
+
-
     text-shadow: 1px 1px 1px #271E0F ;
+
     position: relative;
     position: relative;
-
    -moz-border-radius: 4px;
 
-
    -webkit-border-radius: 5px;
 
}
}
-
#topbarul a span{
+
#leftbar{
-
     display: block;
+
     float: left;
-
     padding: 0;
+
     width: 17%;
 +
    margin-left: 10%;
     position: relative;
     position: relative;
-
    z-index: 10;
 
-
}
 
-
#topbarul a em{
 
-
    position: absolute;
 
-
    top: 0;
 
-
    left: 0;
 
-
    width: 150px;
 
-
    height: 48px;
 
-
    z-index: 1;
 
}
}
-
 
+
#leftbar ul{
-
#bd_home #ina-home .navmask,
+
     list-style: none;
-
#bd_background #ina-background .navmask,
+
-
#bd_project #ina-project .navmask,
+
-
#bd_team #ina-team .navmask,
+
-
#bd_exp #ina-record .navmask,
+
-
#bd_sponsor #ina-sponsor .navmask,
+
-
#bd_parts #ina-parts .navmask
+
-
{
+
-
     display: block;
+
}
}
-
#topbarul a strong{
+
#leftbar li{
-
    display: block;
+
     padding: 5px 5px;
-
    color: #fff;
+
-
    font-size: 1.1em;
+
-
}
+
-
#topbarul{
+
-
    float:right;
+
-
    margin:0;
+
-
     padding:0;
+
-
}
+
-
#topbar{
+
-
    height:96px;
+
-
    position:relative;
+
-
    text-align:center;
+
-
    margin: 0;
+
-
    left: auto;
+
}
}
-
.ieoverlay{display:none;}
+
#leftbar a{
-
 
+
     color: #A43;
-
#topbar1-center{
+
     font-size: 12pt;
-
     height: 53px;
+
     font-family: Arial, sans-serif;
-
     dmargin: 0 auto;
+
     padding: 3px 5px;
-
     position: relative;
+
-
    dfloat: center;
+
-
    top: 0;
+
-
    margin-left: 10%;
+
-
    width: 880px;
+
-
    z-index: 5;  
+
-
     padding: 0;
+
-
    -moz-border-radius: 4px;
+
-
    -webkit-border-radius: 5px;
+
}
}
-
img.bannerpic{
 
-
    position: absolute;
 
-
    margin-left: 10%;
 
-
    height: 47px;
 
-
    width: 80%;
 
-
}
 
-
 
-
.navmask{
 
-
    position: absolute;
 
-
    top: 0;
 
-
    left: 0;
 
-
    width: 100%;
 
-
    height: 100%;
 
-
    background-color: #FFF;
 
-
    opacity: 0.5;
 
-
    filter: alpha(opacity=50);
 
-
    display: none;
 
-
    -moz-border-radius: 4px;
 
-
    -webkit-border-radius: 5px;
 
-
    border-bottom: 2px solid #eee;
 
-
    border-right: 2px solid #ddd;
 
-
}
 
-
#topbarul a:hover .navmask{
 
-
    display:block
 
-
}
 
-
 
-
#left_bar{
 
-
    float: left;
 
-
    width: 18%;
 
-
    padding-left: 10%;
 
-
    position: relative;
 
-
}
 
#main_content{
#main_content{
     position: relative;
     position: relative;
     width: 60%;
     width: 60%;
 +
    margin-left: 10%;
 +
}
 +
#imain_content{
 +
    position: relative;
 +
    width: 40%;
     margin-left: 30%;
     margin-left: 30%;
}
}
 +
#content_box{
#content_box{
     left: auto;
     left: auto;
     text-align: left;
     text-align: left;
}
}
 +
#main_content p{
#main_content p{
     margin: 0px 5px;
     margin: 0px 5px;
     text-indent: 1pc;
     text-indent: 1pc;
}
}
-
.intro-box{
+
 
-
     padding: 20px 5px 20px 5px;
+
.wrapper{
-
    -moz-border-radius: 14px;
+
     padding: 0px 0px 30px 0px;
-
    -webkit-border-radius: 15px;
+
-
    border-bottom:2px solid #eee;
+
-
    border-right:2px solid #ddd;
+
-
    box-shadow:80px 20px 50px #fff;
+
-
    -webkit-box-shadow:80px 20px 55px #fff;
+
-
    -moz-box-shadow:80px 20px 50px #fff;
+
-
    margin-bottom: 10px;
+
}
}
-
#intro-wwy{
+
 
-
     background: #FC7;
+
#leftpic{
-
     background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbbf70), color-stop(0.73, #ffd255),to(#fdcfaa));
+
     float: left;
-
     background: -moz-linear-gradient(right top, #fff,#eba007 20%, #ffa200 73% ,#adaf32 95% ,#EA2 155%);  
+
     margin: 3px;
 +
    padding: 0;
 +
     width: auto;
 +
    height: auto;
}
}
-
#intro-SJW{
+
 
-
     background: #FAC;
+
.leftblock{
-
     background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbA0bf), color-stop(0.73, #ff95d2),to(#fdbacd));
+
     width: 350px;
-
    background: -moz-linear-gradient(right top, #fff,#fbA0bf 20%, #ff95d2 73% ,#fdbacd 95% ,#FAC 155%);  
+
     float: left;
}
}
-
#intro-LYC{
+
 
-
     background: #FDA;
+
.rightblock{
-
     background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbcfA0), color-stop(0.73, #ffe795),to(#fddcba));
+
     width: 350px;
-
    background: -moz-linear-gradient(right top, #fff,#fbcfA0 20%, #ffe795 73% ,#fddcba 95% ,#FDA 155%);  
+
     margin-left: 380px;
}
}
-
#intro-ZY{
+
      
-
     background: #FDF;
+
.content_block{
-
    background: -webkit-gradient(linear, right top, left bottom, from(#fff) ,color-stop(0.20, #fbcff0), color-stop(0.73, #ffe7e5),to(#fddcfa));
+
     background: white;
-
    background: -moz-linear-gradient(right top, #fff,#fbcff0 20%, #ffe7e5 73% ,#fddcfa 95% ,#FDF 155%);
+
     margin: -10px 0px 25px 0px;
-
}
+
     padding: 12px 12px 30px 12px;
-
#intro-GX{
+
     -moz-border-radius: 4px;
-
     background: #FEE;
+
     -webkit-border-radius: 5px;
-
     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{
+
.content_block a{
-
     background: #DEF;
+
     color: #A43;
-
     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));
+
     font-weight: bold;
-
    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%);
 
 +
.content_block a:hover{
 +
    color: #F81;
}
}
-
#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%);
 
 +
#imain_content .content_block span{
 +
    float: right;
}
}
-
#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%);
 
 +
#imain_content .content_block img, #leftbar .content_block img{
 +
    width: 50px;
 +
    height: 35px;
}
}
-
#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 381: Line 375:
     margin: 20px;
     margin: 20px;
}
}
-
span{
+
.toc, div#content{
-
    color: #BEF;
+
     background: transparent;
-
}
+
     color: #000;
-
td, .toc, div#content{
+
-
     background: #666;
+
-
     color: #EEE;
+
     border: none;
     border: none;
}
}
</style></html>
</style></html>

Latest revision as of 16:45, 27 October 2010

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