Template:Template ZJU-China 2010

From 2010.igem.org

(Difference between revisions)
Line 33: Line 33:
}*/
}*/
-
#menubar {
+
#menubar0 {
float: left;
float: left;
font-size:20px;
font-size:20px;
font-stretch:expanded;
font-stretch:expanded;
-
width: 269px;
+
width: 240px;
height: 800px;
height: 800px;
}
}
-
#menubar ul {
+
#menubar0 a{
 +
color:#009;
 +
}
 +
 
 +
/*#menubar0 ul {
     margin: 0px;
     margin: 0px;
     padding: 0px;
     padding: 0px;
}
}
-
#menubar ul li {
+
#menubar0 ul li {
     float: left;
     float: left;
     display: inline;
     display: inline;
Line 55: Line 59:
}
}
-
#menubar ul li a {
+
#menubar0 ul li a {
     color: #FFF;
     color: #FFF;
     text-decoration: none;
     text-decoration: none;
Line 68: Line 72:
}
}
-
#menubar ul li ul li { height:25px; }
+
#menubar0 ul li ul li { height:25px; }
-
#menubar ul li ul li a {
+
#menubar0 ul li ul li a {
     background: #666;
     background: #666;
     line-height:24px;
     line-height:24px;
}
}
-
#menubar ul li a:hover { background: #666; }
+
#menubar0 ul li a:hover { background: #666; }
-
#menubar ul li ul { visibility: hidden; }
+
#menubar0 ul li ul { visibility: hidden; }
-
#menubar ul li:hover ul { visibility: visible; }
+
#menubar0 ul li:hover ul { visibility: visible; }
-
#menubar ul li ul li a:hover { background: #333; }
+
#menubar0 ul li ul li a:hover { background: #333; }
-
#menubar a{
 
-
color:#009;
 
-
}
 
-
#menubar body {
+
#menubar0 body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 12px;*/
/*font-size: 12px;*/
-
line-height: 24px;
+
line-height: 57px;
-
+
}*/
-
}
+
#menubar1{
#menubar1{
width:227px;
width:227px;
height:58px;
height:58px;
-
background-image:url(menubar1.jpg);
+
background-image:url(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;
 
}
}
Line 111: Line 111:
width:227px;
width:227px;
height:58px;
height:58px;
-
background-image:url(menubar2.jpg);
+
background-image:url(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;
 
}
}
Line 125: Line 125:
width:227px;
width:227px;
height:58px;
height:58px;
-
background-image:url(menubar3.jpg);
+
background-image:url(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;
 
}
}
Line 139: Line 139:
width:227px;
width:227px;
height:58px;
height:58px;
-
background-image:url(menubar4.jpg);
+
background-image:url(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;
 
}
}
Line 153: Line 153:
width:227px;
width:227px;
height:58px;
height:58px;
-
background-image:url(menubar5.jpg);
+
background-image:url(https://static.igem.org/mediawiki/2010/f/fa/ZJUMenubar5.jpg);
background-repeat:no-repeat;
background-repeat:no-repeat;
 +
        line-height: 57px;
text-align:center;
text-align:center;
-
line-height:55px;
 
}
}
Line 162: Line 162:
width:227px;
width:227px;
display:none;
display:none;
 +
}
 +
 +
#menubox{
 +
top:e­xpression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
}
}
Line 170: Line 174:
overflow: auto;
overflow: auto;
overflow-x: hidden;
overflow-x: hidden;
-
width:700px;
+
width: 715px;
height: 800px;
height: 800px;
Line 182: Line 186:
}
}
-
 
-
#menubox{
 
-
top:e­xpression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight);
 
-
}
 
-
 
</style>
</style>
Line 222: Line 221:
      
      
     <div id="menubar0">
     <div id="menubar0">
-
 
             <div id="menubar1">
             <div id="menubar1">
-
             <ul><li><a href="https://2010.igem.org/Team:ZJU-China" title="Home">Home</a><li><ul>
+
             <a href="https://2010.igem.org/Team:ZJU-China" title="Home">Home</a>
             </div>
             </div>
-
 
             <div id="menubar2" onMouseOut="HideDiv('sheet2')">
             <div id="menubar2" onMouseOut="HideDiv('sheet2')">
-
               <ul><li onMouseOver="ShowDiv('sheet2')"><a href="ZJUprojects" title="Projects">Projects</a></li>
+
               <a href="ZJUprojects" title="Projects" onMouseOver="ShowDiv('sheet2')">Projects</a>
                     <div id="sheet2">
                     <div id="sheet2">
Line 239: Line 236:
                     </ul>
                     </ul>
                     </div>
                     </div>
-
                </ul>
+
 
             </div>
             </div>
             <div id="menubar3" onMouseOut="HideDiv('sheet3')">
             <div id="menubar3" onMouseOut="HideDiv('sheet3')">
-
               <ul><li onMouseOver="ShowDiv('sheet3')"><a href="ZJUactivities" title="Acitivies">Activities</a></li>
+
               <a href="ZJUactivities" title="Acitivies" onMouseOver="ShowDiv('sheet3')">Activities</a>
                     <div id="sheet3">
                     <div id="sheet3">
Line 253: Line 250:
                     </ul>
                     </ul>
                     </div>
                     </div>
-
                </ul>
 
             </div>
             </div>
             <div id="menubar4" onMouseOut="HideDiv('sheet4')">
             <div id="menubar4" onMouseOut="HideDiv('sheet4')">
-
               <ul><li onMouseOver="ShowDiv('sheet4')"><a href="ZJUteam" title="Team">Team</a></li>
+
               <a href="ZJUteam" title="Team" onMouseOver="ShowDiv('sheet4')">Team</a>
                     <div id="sheet4">
                     <div id="sheet4">
Line 266: Line 262:
                     </ul>
                     </ul>
                     </div>
                     </div>
-
                </ul>
 
             </div>         
             </div>         
    
    
             <div id="menubar5">
             <div id="menubar5">
-
               <ul><li><a href="ZJUsponsors" title="Sponsors">Sponsors</a></li></ul>
+
               <a href="ZJUsponsors" title="Sponsors">Sponsors</a>
             </div>   
             </div>   
              
              
Line 277: Line 272:
             </div>
             </div>
 +
    </div>
     </div>
     </div>
</html>
</html>

Revision as of 11:39, 14 September 2010