Team:SYSU-China/test
From 2011.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | |||
<html> | <html> | ||
- | < | + | <head><script type="text/javascript"> |
- | + | window.onload = function(){ | |
+ | if(document.getElementById && document.all && ! | ||
- | + | navigator.userAgent.match(/Opera/)){ | |
- | < | + | var obj = document.getElementById("topnavi"); |
+ | for(var i=0;i<obj.childNodes.length;i++) | ||
+ | { | ||
+ | if(obj.childNodes[i].className=="menu") | ||
+ | { | ||
+ | obj.childNodes[i].onmouseover = function(){pull(this)}; | ||
+ | obj.childNodes[i].onmouseout = function(){pull(this)}; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | function pull(obj){ | ||
+ | for(var i=0;i<obj.childNodes.length;i++) | ||
+ | if(obj.childNodes[i].nodeName.toUpperCase()=="UL") | ||
+ | obj.childNodes[i].style.display=obj.childNodes | ||
- | + | [i].style.display=="block"?"none":"block"; | |
+ | } | ||
+ | </script> | ||
+ | <style type = "text/css"> | ||
+ | <!-- | ||
+ | h2 { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | a { | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #footer-box { | ||
+ | width: 965px; | ||
+ | } | ||
- | + | #contentSub { | |
- | + | display:none; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #siteSub { | |
- | + | display:none; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | #search-controls { | |
- | + | display:none; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .firstHeading { | |
- | + | display:none; | |
+ | } | ||
- | + | #search-controls { | |
- | + | display:none; | |
+ | } | ||
+ | #top-section { | ||
+ | height:25px; | ||
+ | width:975px; | ||
+ | color: blue; | ||
+ | background-color: gray; | ||
+ | } | ||
+ | #catlinks { | ||
+ | background-color: #FEFEEB; | ||
+ | border: none; | ||
+ | clear: both; | ||
+ | margin-top: 0em; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | #p-logo { | ||
+ | display:none; | ||
+ | } | ||
- | + | IMG{border-width:0;} | |
- | + | ||
- | + | ||
- | + | body{ | |
- | + | background-color: black; | |
- | + | ||
- | + | } | |
+ | |||
+ | #header{ | ||
+ | background-color: white; | ||
+ | width: 970px; | ||
+ | height: 300px; | ||
+ | background:white; | ||
+ | margin-bottom:0px; | ||
+ | } | ||
+ | #contents1{ | ||
+ | width:820px; | ||
+ | |||
+ | padding:0 10px; | ||
+ | margin:0px 50px 0px 50px; | ||
+ | background-color:white; | ||
+ | margin-bottom:50px | ||
+ | |||
+ | } | ||
+ | #container{ | ||
+ | align:center; | ||
+ | width:800px; | ||
+ | background-color:gray; | ||
+ | } | ||
+ | #globalnavi{ | ||
+ | margin: 0; | ||
+ | padding: 10; | ||
+ | width: 965px; | ||
+ | height:25px; | ||
+ | font-size:12px; | ||
+ | *font-size:12px; | ||
+ | background:black; repeat-x scroll 0 0; | ||
+ | font-family : Arial,'MS Pゴシック',sans-serif ; | ||
+ | } | ||
+ | #globalnavi ul{ | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 10; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #globalnavi li{ | ||
+ | float: left; | ||
+ | margin: 0; | ||
+ | padding: 10; | ||
+ | |||
+ | } | ||
+ | |||
+ | #globalnavi li a{ | ||
+ | text-align: center; | ||
+ | display:block; | ||
+ | padding: 3px 10px 3px 10px; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | border-right:1px solid #808080; | ||
+ | margin:2px 0px 0px 0px; | ||
+ | } | ||
+ | |||
+ | #globalnavi li a:hover{ | ||
+ | background-color:#808080; | ||
+ | color: white; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | border-right:1px solid #808080; | ||
+ | } | ||
+ | #topnavi li.menu ul { | ||
+ | display:none; /* ドロップダウン部分を見えなくする(通常時) */ | ||
+ | position:absolute; | ||
+ | background-color:#000000; | ||
+ | } | ||
+ | #topnavi li.menu:hover ul { | ||
+ | display: block; /* メニュー部分をブロック要素にする */ | ||
+ | } | ||
+ | #topnavi li.menu ul li { | ||
+ | border-bottom:1px solid #808080; | ||
+ | float:none; /* ドロップダウン部分をfloatを効かせない(多分。。。) | ||
+ | |||
+ | */ | ||
+ | } | ||
+ | #topnavi li.menu li a{ | ||
+ | border-bottom:1px solid #808080; | ||
+ | text-align:left; | ||
+ | } | ||
+ | h1{ | ||
+ | color: black; | ||
+ | text-decoration: underline ; | ||
+ | |||
+ | |||
+ | } | ||
+ | p{ | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | --> | ||
+ | </style type> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | |||
+ | <div style="text-align:left;"> | ||
+ | |||
+ | <div id="header"> | ||
+ | <div style="text-align:left;"> | ||
+ | <p> | ||
+ | <a href="https://2011.igem.org/Team:Osaka"> | ||
+ | <img src="https://static.igem.org/mediawiki/2011/d/df/Osaka_banner22.jpg" width="965" | ||
+ | height="300"> | ||
+ | </a> | ||
+ | |||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div id="globalnavi"> | ||
+ | <ul id="topnavi"> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka">Home</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Team">Team</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Project">Project</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Parts">Parts</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Tests">Tests</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Notebook">Notebook</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Protocols">Protocols</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Collaborations">Collaborations</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/safety">Safety</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Achievements">Achievements</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/HumanPractice">Human Practices</a></li> | ||
+ | <li class="menu"><a href="http://twitter.com/#!/iGEM_Osaka_2011">Twitter</a></li> | ||
+ | <li class="menu"><a href="https://2011.igem.org/Main_Page">iGEM 2011</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 07:41, 5 October 2011