Template:Template ZJU-China 2010
From 2010.igem.org
(Difference between revisions)
Fatestudio (Talk | contribs) |
Fatestudio (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
+ | |||
+ | <style type="text/css"> | ||
+ | /* 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; | ||
+ | } | ||
- | + | #footer-box{ | |
- | + | display: none; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | #globalWrapper { | |
- | < | + | background-image:url('https://static.igem.org/mediawiki/2010/e/e5/Zjuigem_myupdate0.jpg'); |
- | < | + | background-repeat: no-repeat; |
+ | background-color: #000; | ||
+ | } | ||
+ | |||
+ | /* hack ends */ | ||
+ | |||
+ | |||
+ | #header { | ||
+ | width:1000px; | ||
+ | height:400px; | ||
+ | overflow:hidden; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #header img{ | ||
+ | border:0px; | ||
+ | } | ||
+ | |||
+ | #headlogo { | ||
+ | float:left; | ||
+ | width: 269px; | ||
+ | height: 400px; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | #headline { | ||
+ | float:left; | ||
+ | /*padding-top:30px; | ||
+ | text-align:center;*/ | ||
+ | height: 400px; | ||
+ | width: 703px; | ||
+ | overflow:visible; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | /*#main{ | ||
+ | width:1024px; | ||
+ | height:1000px; | ||
+ | }*/ | ||
+ | |||
+ | #menubar0 { | ||
+ | background-color: transparent; | ||
+ | float: left; | ||
+ | font-size:20px; | ||
+ | font-stretch:expanded; | ||
+ | width: 240px; | ||
+ | min-height: 1200px; | ||
+ | overflow: auto; | ||
+ | padding-bottom: 100px; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #menubar0 a{ | ||
+ | color:#009; | ||
+ | } | ||
+ | |||
+ | #menubar0 ul li{ | ||
+ | text-align: left; | ||
+ | line-height: 35px; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | #menubar1{ | ||
+ | width:200px; | ||
+ | |||
+ | 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; | ||
+ | line-height: 57px; | ||
+ | text-align:center; | ||
+ | |||
+ | } | ||
+ | |||
+ | #sheet1{ | ||
+ | width: 170px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | display:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubar2{ | ||
+ | width:200px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg); | ||
+ | /*https://static.igem.org/mediawiki/2010/8/87/ZJUMenubar2.jpg);*/ | ||
+ | background-repeat:no-repeat; | ||
+ | line-height: 57px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #sheet2{ | ||
+ | width: 170px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | display:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubar3{ | ||
+ | width:200px; | ||
+ | |||
+ | 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; | ||
+ | line-height: 57px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #sheet3{ | ||
+ | width: 170px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | display:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubar4{ | ||
+ | width:200px; | ||
+ | |||
+ | 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; | ||
+ | line-height: 57px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #sheet4{ | ||
+ | width: 170px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #menubar5{ | ||
+ | width:200px; | ||
+ | |||
+ | 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; | ||
+ | line-height: 59px; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #sheet5{ | ||
+ | width: 170px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px; | ||
+ | display:none; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menubox{ | ||
+ | top:expression(document.documentElement.clientHeight + document.documentElement.scrollTop - this.offsetHeight); | ||
+ | position:absolute;bottom:0px; | ||
+ | } | ||
+ | |||
+ | #main_content { | ||
+ | padding-left:5px; | ||
+ | padding-top:5px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2010/c/c4/Zjuigem_content.jpg); | ||
+ | float: left; | ||
+ | overflow: auto; | ||
+ | overflow-x: hidden; | ||
+ | width: 855px; | ||
+ | height: 1000px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #main_content body { | ||
+ | |||
+ | font-family: Verdana, Arial, Helvetica, sans-serif; | ||
+ | /*font-size: 12px;*/ | ||
+ | line-height: 24px; | ||
+ | |||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <script language="javascript"> | ||
+ | function showDiv(divid, menuid){ | ||
+ | |||
+ | 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('sheet2').style.display = "none"; | ||
+ | document.getElementById('menubar2').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)"; | ||
+ | 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('sheet4').style.display = "none"; | ||
+ | document.getElementById('menubar4').style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/1/18/Zjuigem_119.jpg)"; | ||
+ | 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(divid).style.display = "block"; | ||
+ | document.getElementById(menuid).style.backgroundImage = "url(https://static.igem.org/mediawiki/2010/a/a7/Zjuigem_myupdate_03.jpg)"; | ||
+ | |||
+ | } | ||
+ | |||
+ | function hackIGEM(){ | ||
+ | //var objGWrapper = document.getElementById("GlobalWrapper"); | ||
+ | //objGWrapper.firstChild(); | ||
+ | //document.getElementById(" | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <script language="javascript">hackIGEM();</script> | ||
+ | <div id="header"> | ||
+ | <div id="headlogo" style="float:left"> | ||
+ | <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> | ||
+ | </a> | ||
+ | </div> | ||
- | < | + | <div id="headline"> |
- | + | <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> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="menubar0"> | ||
+ | <div id="menubar1"> | ||
+ | <a href="https://2010.igem.org/Team:ZJU-China" title="Home" onMouseOver="ShowDiv('sheet1', 'menubar1')">Home</a> | ||
+ | <div id="sheet1"> | ||
+ | <ul> | ||
+ | <li>asldfj</li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="menubar2"> | ||
+ | <a href="https://2010.igem.org/Team:ZJU-China/ZJUprojects" title="Projects" onMouseOver="showDiv('sheet2', 'menubar2')">Projects</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/Application & Significance" title="Application & Significance">Application & 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/References" title="References">References</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="menubar3"> | ||
+ | <a href="https://2010.igem.org/Team:ZJU-China/ZJUactivities" title="Acitivies" onMouseOver="showDiv('sheet3', 'menubar3')">Activities</a> | ||
+ | |||
+ | <div id="sheet3"> | ||
+ | <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/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> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="menubar4"> | ||
+ | <a href="https://2010.igem.org/Team:ZJU-China/ZJUteam" title="Team" onMouseOver="showDiv('sheet4', 'menubar4')">Team</a> | ||
+ | |||
+ | <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"> | ||
+ | <a href="https://2010.igem.org/Team:ZJU-China/ZJUsponsors" title="Sponsors" onMouseOver="showDiv('sheet5', 'menubar5')">Sponsors</a> | ||
+ | |||
+ | <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-IR">ZJU-IR</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> | ||
- | |||
</html> | </html> |
Revision as of 15:54, 24 October 2010