Template:Template ZJU-China 2010

From 2010.igem.org

(Difference between revisions)
 
(148 intermediate revisions not shown)
Line 70: Line 70:
background-color: transparent;  
background-color: transparent;  
border: none;  
border: none;  
 +
width: 1200px;
 +
margin-left: auto;
 +
margin-right: auto;
}
}
Line 78: Line 81:
#globalWrapper {
#globalWrapper {
-
background-image:url('https://static.igem.org/mediawiki/2010/e/e5/Zjuigem_myupdate0.jpg');
+
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-repeat: no-repeat;
background-color: #000;
background-color: #000;
Line 89: Line 94:
width:1000px;
width:1000px;
height:400px;
height:400px;
 +
margin-left: 70px;
 +
margin-bottom: 10px;
overflow:hidden;
overflow:hidden;
background-color: transparent;
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 97: Line 117:
}
}
-
#headlogo {
+
#headleft {
float:left;
float:left;
-
width: 269px;
+
width: 150px;
height: 400px;
height: 400px;
background-color: transparent;
background-color: transparent;
}
}
-
#headline {
+
#headright {
float:left;
float:left;
-
/*padding-top:30px;
 
-
text-align:center;*/
 
height: 400px;
height: 400px;
-
width: 703px;
+
width: 850px;
-
overflow:visible;
+
background-color: transparent;
background-color: transparent;
}
}
Line 124: Line 141:
font-size:20px;
font-size:20px;
font-stretch:expanded;
font-stretch:expanded;
-
width: 240px;
+
width: 200px;
-
min-height: 1200px;
+
height: 1000px;
 +
/*min-height: 1000px;
overflow: auto;
overflow: auto;
padding-bottom: 100px;
padding-bottom: 100px;
-
position:relative;
+
position:relative;*/
}
}
-
#menubar0 a{
+
a.aa {
-
color:#009;
+
color:#CCC;
}
}
-
#menubar0 li{
+
a.aa:hover{
-
float:center;
+
color:#CCC;
 +
}
 +
 
 +
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;
}
}
Line 147: Line 190:
         line-height: 57px;
         line-height: 57px;
text-align:center;
text-align:center;
 +
}
}
#sheet1{
#sheet1{
-
width: 1px;
+
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
display:none;
display:none;
 +
 +
}
 +
 +
#sheet1 a{
 +
color:#66F;
 +
}
 +
 +
#sheet1 a:hover{
 +
color:#FFF;
}
}
Line 164: Line 219:
#sheet2{
#sheet2{
-
width:200px;
+
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
display:none;
display:none;
 +
 +
}
 +
 +
#sheet2 a{
 +
color:#66F;
 +
}
 +
 +
#sheet2 a:hover{
 +
color:#FFF;
}
}
Line 179: Line 245:
#sheet3{
#sheet3{
-
width:200px;
+
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
display:none;
display:none;
 +
 +
}
 +
 +
#sheet3 a{
 +
color:#66F;
 +
}
 +
 +
#sheet3 a:hover{
 +
color:#FFF;
}
}
Line 194: Line 271:
#sheet4{
#sheet4{
-
width:200px;
+
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
display:none;
display:none;
 +
}
 +
 +
#sheet4 a{
 +
color:#66F;
 +
}
 +
 +
#sheet4 a:hover{
 +
color:#FFF;
}
}
Line 204: Line 291:
/*https://static.igem.org/mediawiki/2010/f/fa/ZJUMenubar5.jpg);*/
/*https://static.igem.org/mediawiki/2010/f/fa/ZJUMenubar5.jpg);*/
background-repeat:no-repeat;
background-repeat:no-repeat;
-
         line-height: 57px;
+
         line-height: 59px;
text-align:center;
text-align:center;
}
}
#sheet5{
#sheet5{
-
width:200px;
+
width: 170px;
 +
padding-left: 15px;
 +
padding-right: 15px;
display:none;
display:none;
 +
}
}
 +
 +
#sheet5 a{
 +
color:#66F;
 +
}
 +
 +
#sheet5 a:hover{
 +
color:#FFF;
 +
}
 +
 +
#id1 {}
 +
#id2 {}
 +
#id3 {}
 +
#id4 {}
 +
#id5 {}
 +
#menubox{
#menubox{
top:e­xpression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
top:e­xpression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
-
position:absolute;bottom:0px;
+
/*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: 715px;
+
width: 856px;
-
height: 1200px;
+
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;
-
font-family: Verdana, Arial, Helvetica, sans-serif;
+
}
-
/*font-size: 12px;*/
+
 
-
line-height: 24px;
+
#main_content pre {
 +
line-height: 25px;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:14px;
}
}
Line 239: Line 372:
<script language="javascript">
<script language="javascript">
-
function showDiv(divid, menuid){
+
function showDiv(divid, menuid, idid){
-
document.getElementById('sheet1').style.display = "none";
+
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('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('sheet2').style.display = "none";
document.getElementById('menubar2').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
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('sheet3').style.display = "none";
document.getElementById('menubar3').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
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('sheet4').style.display = "none";
document.getElementById('menubar4').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
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('sheet5').style.display = "none";
document.getElementById('menubar5').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)";
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(divid).style.display = "block";
-
document.getElementById(menuid).style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/a/a7/Zjuigem_myupdate_03.jpg)";
+
document.getElementById(menuid).style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/c/c8/Zjumenubar.jpg)";
-
 
+
document.getElementById(idid).className="bb";
}
}
-
function hackIGEM(){
+
function showDiv1(){
-
//var objGWrapper = document.getElementById("GlobalWrapper");  
+
-
//objGWrapper.firstChild();
+
document.getElementById('sheet1').style.display = "none";
-
//document.getElementById("
+
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);
 +
    }
}
}
-
</script>
 
-
<script language="javascript">hackIGEM();</script>
+
slide = 1;
 +
 
 +
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://static.igem.org/mediawiki/2010/b/b5/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://static.igem.org/mediawiki/2010/0/0b/Zju-igemlogo4.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>
Line 281: Line 482:
     <div id="menubar0">
     <div id="menubar0">
             <div id="menubar1">
             <div id="menubar1">
-
             <a href="https://2010.igem.org/Team:ZJU-China" title="Home" onMouseOver="ShowDiv('sheet1', 'menubar1')">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 id="sheet1">
                     </div>
                     </div>
             </div>
             </div>
             <div id="menubar2">
             <div id="menubar2">
-
               <a href="https://2010.igem.org/Team:ZJU-China/ZJUprojects" title="Projects" onMouseOver="showDiv('sheet2', 'menubar2')">Projects</a>
+
               <a id="id2" class="aa" title="Projects" onMouseOver="showDiv('sheet2', 'menubar2', 'id2')"><b>Projects</b></a>
                     <div id="sheet2">
                     <div id="sheet2">
Line 293: Line 494:
       <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/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/Software" title="Software">Software</a></li>
-
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Application & Significance" title="Application & Significance">Application & Significance</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/Next Generation" title="Next Generation">Next Generation</a></li>     
-
                         <li><a href="https://2010.igem.org/Team:ZJU-China/References" title="References">References</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>
                     </ul>
                     </div>
                     </div>
Line 302: Line 509:
             <div id="menubar3">
             <div id="menubar3">
-
               <a href="https://2010.igem.org/Team:ZJU-China/ZJUactivities" title="Acitivies" onMouseOver="showDiv('sheet3', 'menubar3')">Activities</a>
+
               <a id="id3" class="aa"  title="Acitivies" onMouseOver="showDiv('sheet3', 'menubar3', 'id3')"><b>Activities</b></a>
                     <div id="sheet3">
                     <div id="sheet3">
                 <ul>
                 <ul>
-
                    <li><a href="https://2010.igem.org/Team:ZJU-China/iGEM-China" title="iGEM-China">iGEM-China</a></li>
 
       <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/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>
                         <li><a href="https://2010.igem.org/Team:ZJU-China/Team Cooperation" title="Team Cooperation">Team Cooperation</a></li>
-
                        <li><a href="https://2010.igem.org/Team:ZJU-China/Characterization of Biobrick" title="Characterization of Biobrick">Characterization of Biobrick</a></li>
 
                     </ul>
                     </ul>
                     </div>
                     </div>
Line 316: Line 521:
             <div id="menubar4">
             <div id="menubar4">
-
               <a href="https://2010.igem.org/Team:ZJU-China/ZJUteam" title="Team" onMouseOver="showDiv('sheet4', 'menubar4')">Team</a>
+
               <a id="id4" class="aa" title="Team" onMouseOver="showDiv('sheet4', 'menubar4', 'id4')"><b>Team</b></a>
                     <div id="sheet4">
                     <div id="sheet4">
Line 329: Line 534:
    
    
             <div id="menubar5">
             <div id="menubar5">
-
               <a href="https://2010.igem.org/Team:ZJU-China/ZJUsponsors" title="Sponsors" onMouseOver="showDiv('sheet5', 'menubar5')">Sponsors</a>
+
               <a id="id5" class="aa"  title="Sponsors" onMouseOver="showDiv('sheet5', 'menubar5', 'id5')"><b>Sponsors</b></a>
                  
                  
                     <div id="sheet5">
                     <div id="sheet5">
                 <ul>
                 <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/Sunny Nutrition" title="Sunny Nutrition">Sunny Nutrition</a></li>
-
       <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-IR" title="ZJU-IR">ZJU-IR</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>
                         <li><a href="https://2010.igem.org/Team:ZJU-China/ZJU-CLS" title="ZJU-CLS">ZJU-CLS</a></li>
                     </ul>
                     </ul>

Latest revision as of 03:09, 28 October 2010