Template:Template ZJU-China 2010

From 2010.igem.org

(Difference between revisions)
 
(299 intermediate revisions not shown)
Line 2: Line 2:
<style type="text/css">
<style type="text/css">
-
/* CSS Document */
+
/* CSS Document Author: Zhou Qin */
 +
 
 +
/* hack css: learn from Peking and TU Delft */
 +
div#top-section{
 +
    background: url();
 +
    background-color:#E000;
 +
    color: #D1E9E9;
 +
    height: 20px;
 +
    width:  100%;
 +
    border: 0px;
 +
z-index: 1;
 +
}
 +
 
 +
 
 +
div#p-logo{
 +
    display: none;
 +
}
 +
div#menubar{
 +
    z-index: 1;
 +
    top: 0;
 +
    font-color: #D1E9E9;
 +
}
 +
div#menubar .selected a{
 +
    color: #CDCD9A;
 +
}
 +
.left-menu{
 +
    float: left;
 +
    top: 0;
 +
z-index: 1;
 +
}
 +
.right-menu{
 +
    float: right;
 +
    top: 0;
 +
z-index: 1;
 +
}
 +
 
 +
div#search-controls{
 +
    display: none;
 +
    position: absolute;
 +
    float: right;
 +
    top: 0px;
 +
    right: 20px;
 +
    background: url("") no-repeat;
 +
    width: 120px;
 +
    height: 25px;
 +
}
 +
#mw-searchButton{
 +
    display: none;
 +
    border: none;
 +
    background: none;
 +
    width: 30px;
 +
    height: 25px;
 +
    left: 87px;
 +
    line-height: 0;
 +
    font-size: 1px;
 +
    text-indent: 100pc;
 +
    cursor: pointer;
 +
    top: 0;
 +
    position: absolute;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
#content h1.firstHeading {display: none;}
 +
 
 +
#content {
 +
z-index: 1;
 +
background-color: transparent;
 +
border: none;
 +
width: 1200px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
#footer-box{
 +
display: none;
 +
}
 +
 
 +
 
 +
#globalWrapper {
 +
background-image:url('https://static.igem.org/mediawiki/2010/c/cb/Zjuigemnewb.jpg');
 +
background-position:top;
 +
/*'https://static.igem.org/mediawiki/2010/e/e5/Zjuigem_myupdate0.jpg');*/
 +
background-repeat: no-repeat;
 +
background-color: #000;
 +
}
 +
 
 +
/* hack ends */
 +
 
#header {
#header {
width:1000px;
width:1000px;
-
height:250px;
+
height:400px;
 +
margin-left: 70px;
 +
margin-bottom: 10px;
overflow:hidden;
overflow:hidden;
 +
background-color: transparent;
 +
background-image: url(https://static.igem.org/mediawiki/2010/4/45/Zjuheader1.jpg);
 +
background-repeat:no-repeat;
 +
border:outset;
 +
border-width:thick;
 +
border-color:#66C;
 +
/*https://static.igem.org/mediawiki/2010/1/12/Zjuheader2.jpg
 +
https://static.igem.org/mediawiki/2010/b/b7/Zjuheader3.jpg
 +
https://static.igem.org/mediawiki/2010/0/0e/Zjuheader4.jpg
 +
https://static.igem.org/mediawiki/2010/d/d1/Zjuheader5.jpg
 +
https://static.igem.org/mediawiki/2010/c/cd/Zjuheader6.jpg
 +
https://static.igem.org/mediawiki/2010/9/97/Zjuheader7.jpg*/
 +
/*padding-left:30px;
 +
padding-bottom: 10px;*/
}
}
Line 14: Line 117:
}
}
-
#headlogo {
+
#headleft {
float:left;
float:left;
-
width: 269px;
+
width: 150px;
-
height: 250px;
+
height: 400px;
 +
background-color: transparent;
}
}
-
#headline {
+
#headright {
float:left;
float:left;
-
/*padding-top:30px;
+
height: 400px;
-
text-align:center;*/
+
width: 850px;
-
height: 250px;
+
background-color: transparent;
-
width: 703px;
+
}
}
Line 33: Line 136:
}*/
}*/
-
#menubar {
+
#menubar0 {
 +
background-color: transparent;
float: left;
float: left;
font-size:20px;
font-size:20px;
font-stretch:expanded;
font-stretch:expanded;
-
width: 269px;
+
width: 200px;
-
height: 800px;
+
height: 1000px;
 +
/*min-height: 1000px;
 +
overflow: auto;
 +
padding-bottom: 100px;
 +
position:relative;*/
}
}
-
#menubar a{
+
a.aa {
-
color:#009;
+
color:#CCC;
}
}
-
#menubar body {
+
a.aa:hover{
-
+
color:#CCC;
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
}
-
/*font-size: 12px;*/
+
 
-
line-height: 24px;
+
a.bb {
-
+
color:#66C;
 +
}
 +
 
 +
a.bb:hover{
 +
color:#66C;
 +
}
 +
/*#menubar0 h6 a{
 +
font-size:20px;
 +
font-stretch:expanded;
 +
color:#CCC;
 +
}
 +
 
 +
#menubar0 h6 a:hover{
 +
font-size:20px;
 +
font-stretch:expanded;
 +
color:#FFF;
 +
}*/
 +
 
 +
#menubar0 ul li{
 +
text-align: left;
 +
line-height: 35px;
 +
font-size: 14px;
}
}
#menubar1{
#menubar1{
-
width:227px;
+
width:200px;
-
height:58px;
+
-
background-image:url(menubar1.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
 +
/*https://static.igem.org/mediawiki/2010/d/d6/ZJUMenubar1.jpg);*/
background-repeat:no-repeat;
background-repeat:no-repeat;
 +
        line-height: 57px;
text-align:center;
text-align:center;
-
line-height:55px;
+
 +
}
 +
 
 +
#sheet1{
 +
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
display:none;
 +
 +
}
 +
 
 +
#sheet1 a{
 +
color:#66F;
 +
}
 +
 
 +
#sheet1 a:hover{
 +
color:#FFF;
}
}
#menubar2{
#menubar2{
-
width:227px;
+
width:200px;
-
height:58px;
+
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
-
background-image:url(menubar2.jpg);
+
/*https://static.igem.org/mediawiki/2010/8/87/ZJUMenubar2.jpg);*/
background-repeat:no-repeat;
background-repeat:no-repeat;
 +
        line-height: 57px;
text-align:center;
text-align:center;
-
line-height:55px;
+
}
 +
 
 +
#sheet2{
 +
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
display:none;
 +
 +
}
 +
 
 +
#sheet2 a{
 +
color:#66F;
 +
}
 +
 
 +
#sheet2 a:hover{
 +
color:#FFF;
}
}
#menubar3{
#menubar3{
-
width:227px;
+
width:200px;
-
height:58px;
+
-
background-image:url(menubar3.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
 +
/*https://static.igem.org/mediawiki/2010/1/15/ZJUMenubar3.jpg);*/
background-repeat:no-repeat;
background-repeat:no-repeat;
 +
        line-height: 57px;
text-align:center;
text-align:center;
-
line-height:55px;
+
}
 +
 
 +
#sheet3{
 +
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
display:none;
 +
 +
}
 +
 
 +
#sheet3 a{
 +
color:#66F;
 +
}
 +
 
 +
#sheet3 a:hover{
 +
color:#FFF;
}
}
#menubar4{
#menubar4{
-
width:227px;
+
width:200px;
-
height:58px;
+
-
background-image:url(menubar4.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
 +
/*https://static.igem.org/mediawiki/2010/0/09/ZJUMenubar4.jpg);*/
background-repeat:no-repeat;
background-repeat:no-repeat;
 +
        line-height: 57px;
text-align:center;
text-align:center;
-
line-height:55px;
+
}
 +
 
 +
#sheet4{
 +
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
display:none;
 +
}
 +
 
 +
#sheet4 a{
 +
color:#66F;
 +
}
 +
 
 +
#sheet4 a:hover{
 +
color:#FFF;
}
}
#menubar5{
#menubar5{
-
width:227px;
+
width:200px;
-
height:58px;
+
-
background-image:url(menubar5.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg);
 +
/*https://static.igem.org/mediawiki/2010/f/fa/ZJUMenubar5.jpg);*/
background-repeat:no-repeat;
background-repeat:no-repeat;
 +
        line-height: 59px;
text-align:center;
text-align:center;
-
line-height:55px;
+
}
 +
 
 +
#sheet5{
 +
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
 +
display:none;
 +
 
 +
}
 +
 
 +
#sheet5 a{
 +
color:#66F;
 +
}
 +
 
 +
#sheet5 a:hover{
 +
color:#FFF;
 +
}
 +
 
 +
#id1 {}
 +
#id2 {}
 +
#id3 {}
 +
#id4 {}
 +
#id5 {}
 +
 +
 
 +
#menubox{
 +
top:e­xpression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
 +
/*position:absolute;bottom:0px;*/
 +
 +
background-color:transparent;
 +
padding-top: 2px;
 +
width:150px;
 +
/*filter:alpha(opacity=70);*/
 +
filter: alpha(opacity=90);
 +
border-style:double;
 +
border-width:thick;
 +
border-color:#66C;
}
}
#main_content {
#main_content {
-
padding-left:5px;
+
margin-left: 17px;
-
padding-top:5px;
+
padding-left:30px;
 +
padding-right:20px;
 +
padding-top:20px;
 +
/*background-image:url(https://static.igem.org/mediawiki/2010/6/64/Zjuigem_content2.jpg); */
 +
background-repeat:no-repeat;
 +
background-color:#FFF;
float: left;
float: left;
overflow: auto;
overflow: auto;
overflow-x: hidden;
overflow-x: hidden;
-
width:700px;
+
width: 856px;
-
height: 800px;
+
height: 1066px;
 +
/*color:#FFF;*/
 +
filter: alpha(opacity=90);
 +
border-style:double;
 +
border-width:thick;
 +
border-color:#66C;
 +
}
 +
 
 +
#main_content {
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size: 15px;
 +
line-height: 40px;
}
}
-
#main_content body {
+
#main_content p {
 +
line-height: 25px;
 +
}
 +
 
 +
#main_content pre {
 +
line-height: 25px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:14px;
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
}
-
/*font-size: 12px;*/
+
</style>
-
line-height: 24px;
+
 
 +
<script language="javascript">
 +
function showDiv(divid, menuid, idid){
 +
document.getElementById('sheet1').style.display = "none";
 +
document.getElementById('menubar1').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id1").className="aa";
 +
document.getElementById('sheet2').style.display = "none";
 +
document.getElementById('menubar2').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id2").className="aa";
 +
document.getElementById('sheet3').style.display = "none";
 +
document.getElementById('menubar3').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id3").className="aa";
 +
document.getElementById('sheet4').style.display = "none";
 +
document.getElementById('menubar4').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id4").className="aa";
 +
document.getElementById('sheet5').style.display = "none";
 +
document.getElementById('menubar5').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id5").className="aa";
 +
document.getElementById(divid).style.display = "block";
 +
document.getElementById(menuid).style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/c/c8/Zjumenubar.jpg)";
 +
document.getElementById(idid).className="bb";
 +
}
 +
 +
function showDiv1(){
 +
 +
document.getElementById('sheet1').style.display = "none";
 +
document.getElementById('menubar1').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/c/c8/Zjumenubar.jpg)";
 +
document.getElementById("id1").className="bb";
 +
document.getElementById('sheet2').style.display = "none";
 +
document.getElementById('menubar2').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id2").className="aa";
 +
document.getElementById('sheet3').style.display = "none";
 +
document.getElementById('menubar3').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id3").className="aa";
 +
document.getElementById('sheet4').style.display = "none";
 +
document.getElementById('menubar4').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id4").className="aa";
 +
document.getElementById('sheet5').style.display = "none";
 +
document.getElementById('menubar5').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
 +
document.getElementById("id5").className="aa";
 +
}
 +
 +
nereidFadeObjects = new Object();
 +
nereidFadeTimers = new Object();
 +
function nereidFade(object, destOp, rate, delta){
 +
if (!document.all)
 +
return
 +
    if (object != "[object]"){ setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
 +
        return;
 +
    }
 +
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
 +
    diff = destOp-object.filters.alpha.opacity;
 +
    direction = 1;
 +
    if (object.filters.alpha.opacity > destOp){
 +
        direction = -1;
 +
    }
 +
    delta=Math.min(direction*diff,delta);
 +
    object.filters.alpha.opacity+=direction*delta;
 +
    if (object.filters.alpha.opacity != destOp){
 +
        nereidFadeObjects[object.sourceIndex]=object;
 +
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
 +
    }
}
}
-
</style>
+
slide = 1;
-
</html>
+
 +
function change(){
 +
        var lipan = Math.random();  //产生0-1之间的随机数
 +
    lipan = lipan * 6;            //用随机数乘以10
 +
    lipan = Math.round(lipan);      //取整
 +
    var lipath = "";
 +
    switch(lipan){
 +
      case 0: lipath = "https://static.igem.org/mediawiki/2010/4/45/Zjuheader1.jpg";break;    //图片位置
 +
      case 1: lipath = "https://static.igem.org/mediawiki/2010/1/12/Zjuheader2.jpg";break;
 +
      case 2: lipath = "https://static.igem.org/mediawiki/2010/b/b7/Zjuheader3.jpg";break;
 +
      case 3: lipath = "https://static.igem.org/mediawiki/2010/0/0e/Zjuheader4.jpg";break;
 +
      case 4: lipath = "https://static.igem.org/mediawiki/2010/d/d1/Zjuheader5.jpg";break;
 +
      case 5: lipath = "https://static.igem.org/mediawiki/2010/c/cd/Zjuheader6.jpg";break;
 +
      case 6: lipath = "https://static.igem.org/mediawiki/2010/9/97/Zjuheader7.jpg";break;
 +
    }
 +
    document.getElementById("header").style.backgroundImage = "URL("+lipath+")";  //显示对应的图片
 +
}
 +
    setInterval("change()",15000);    //每1秒钟掉用一次change()
 +
 +
</script>
 +
<script language="javascript">switchbackground()
 +
   
 +
    </script>
     <div id="header">
     <div id="header">
-
  <div id="headlogo" style="float:left">
+
    <div id="headleft">
 +
        <img src="https://static.igem.org/mediawiki/2010/b/bf/Zjunewlogo1.png" title="Zhejiang University, China"></img>
 +
        </div>
 +
        <div id="headright">
 +
        <img src="https://static.igem.org/mediawiki/2010/3/3d/Shishikan2.png" onMouseOut="nereidFade(this,60,10,5)" onMouseOver="nereidFade(this,100,10,5)" style="FILTER: alpha(opacity=50)" title="Zhejiang University, China"></img>
 +
        </div>
 +
        <!--
 +
        <img src="https://static.igem.org/mediawiki/2010/1/1b/Zjulogo2.png" title="Zhejiang University, China"></img>
         <a href="http://www.zju.edu.cn/english">
         <a href="http://www.zju.edu.cn/english">
-
         <img src="https://2010.igem.org/Image:ZJUlogo.jpg" title="Zhejiang University, China"></img>
+
         <img src="https://static.igem.org/mediawiki/2010/b/b5/ZJUlogo.jpg" title="Zhejiang University, China"></img>
         </a>
         </a>
-
    </div>
+
     
-
       
+
-
    <div id="headline">
+
         <a href="https://2010.igem.org/team:zju-china">
         <a href="https://2010.igem.org/team:zju-china">
-
         <img src="https://2010.igem.org/Image:ZJU-igemlogo.jpg" title="Team: ZJU-China"></img>
+
         <img src="https://static.igem.org/mediawiki/2010/0/07/Headlogo.png" title="Team: ZJU-China"></img>
-
         </a>
+
         </a>-->
-
     </div>
+
    
     </div>
     </div>
 +
      
      
-
     <div id="menubar">
+
     <div id="menubar0">
-
        <div id="menubar1">
+
            <div id="menubar1">
-
             <a href="home" title="Home">Home</a>
+
             <a id="id1" class="aa" href="https://2010.igem.org/Team:ZJU-China" title="Home" onMouseOver="showDiv1()"><b>Home</b></a>
 +
                <div id="sheet1">
 +
                    </div>
             </div>
             </div>
             <div id="menubar2">
             <div id="menubar2">
-
               <a href="projects" title="Projects">Projects</a>
+
               <a id="id2" class="aa" title="Projects" onMouseOver="showDiv('sheet2', 'menubar2', 'id2')"><b>Projects</b></a>
 +
 
 +
                    <div id="sheet2">
 +
                <ul>
 +
                    <li><a href="https://2010.igem.org/Team:ZJU-China/Background" title="Background">Background</a></li>
 +
      <li><a href="https://2010.igem.org/Team:ZJU-China/Modeling" title="Modeling">Modeling</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:ZJU-China/Software" title="Software">Software</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:ZJU-China/Significance" title="Significance">Significance</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:ZJU-China/Next Generation" title="Next Generation">Next Generation</a></li>   
 +
                        <!--<li><a href="https://2010.igem.org/Team:ZJU-China/Characterization of Biobrick" title="Characterization of Biobrick">Characterization of Biobrick</a></li> 
 +
                        href="https://2010.igem.org/Team:ZJU-China/ZJUprojects"
 +
                        href="https://2010.igem.org/Team:ZJU-China/ZJUactivities"
 +
                        href="https://2010.igem.org/Team:ZJU-China/ZJUteam"
 +
                        href="https://2010.igem.org/Team:ZJU-China/ZJUsponsors"-->
 +
                        <li><a href="https://2010.igem.org/Team:ZJU-China/Safety" title="Safety">Safety</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:ZJU-China/Attribution and Contributions" title="Attribution and Contributions">Attribution and Contributions</a></li>   
 +
                    </ul>
 +
                    </div>
 +
               
             </div>
             </div>
 +
             <div id="menubar3">
             <div id="menubar3">
-
               <a href="activities" title="Acitivies">Activities</a>
+
               <a id="id3" class="aa"  title="Acitivies" onMouseOver="showDiv('sheet3', 'menubar3', 'id3')"><b>Activities</b></a>
 +
 
 +
                    <div id="sheet3">
 +
                <ul>
 +
      <li><a href="https://2010.igem.org/Team:ZJU-China/Human Practice" title="Human Practice">Human Practice</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:ZJU-China/Team Cooperation" title="Team Cooperation">Team Cooperation</a></li>
 +
                    </ul>
 +
                    </div>
 +
             
             </div>
             </div>
 +
             <div id="menubar4">
             <div id="menubar4">
-
               <a href="team" title="Team">Team</a>
+
               <a id="id4" class="aa"  title="Team" onMouseOver="showDiv('sheet4', 'menubar4', 'id4')"><b>Team</b></a>
-
             </div>          
+
 
 +
                    <div id="sheet4">
 +
                <ul>
 +
                    <li><a href="https://2010.igem.org/Team:ZJU-China/Member info" title="Member info">Member info</a></li>
 +
      <li><a href="https://2010.igem.org/Team:ZJU-China/University info" title="University info">University info</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:ZJU-China/City info" title="City info">City info</a></li>
 +
                    </ul>
 +
                    </div>
 +
             
 +
             </div>      
 +
 
             <div id="menubar5">
             <div id="menubar5">
-
               <a href="sponsors" title="Sponsors">Sponsors</a>
+
               <a id="id5" class="aa"  title="Sponsors" onMouseOver="showDiv('sheet5', 'menubar5', 'id5')"><b>Sponsors</b></a>
-
             </div>             
+
               
 +
                    <div id="sheet5">
 +
                <ul>
 +
                    <li><a href="https://2010.igem.org/Team:ZJU-China/Sunny Nutrition" title="Sunny Nutrition">Sunny Nutrition</a></li>
 +
      <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-IR" title="ZJU-OIR">ZJU-OIR</a></li>
 +
                        <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-CLS" title="ZJU-CLS">ZJU-CLS</a></li>
 +
                    </ul>
 +
                    </div>
 +
             </div>  
 +
              
 +
            <div id="menubox">         
 +
<a href="http://s07.flagcounter.com/more/0Sa"><img src="http://s07.flagcounter.com/count/0Sa/bg=FFFFFF/txt=000000/border=CCCCCC/columns=2/maxflags=248/viewers=0/labels=0/pageviews=1/" alt="free counters" border="0"></a>
 +
            </div>
     </div>
     </div>
 +
    </div>
 +
 +
</html>

Latest revision as of 03:09, 28 October 2010