Template:Osaka
From 2011.igem.org
(Difference between revisions)
(61 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | <head> | + | <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"> | <style type = "text/css"> | ||
<!-- | <!-- | ||
Line 10: | Line 34: | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
+ | |||
+ | #footer-box { | ||
+ | width: 965px; | ||
+ | } | ||
#contentSub { | #contentSub { | ||
Line 33: | Line 61: | ||
#top-section { | #top-section { | ||
height:25px; | height:25px; | ||
- | width: | + | width:975px; |
color: blue; | color: blue; | ||
background-color: gray; | background-color: gray; | ||
} | } | ||
+ | |||
+ | #catlinks { | ||
+ | background-color: #FEFEEB; | ||
+ | border: none; | ||
+ | clear: both; | ||
+ | margin-top: 0em; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
#p-logo { | #p-logo { | ||
display:none; | display:none; | ||
Line 48: | Line 85: | ||
} | } | ||
+ | |||
#header{ | #header{ | ||
background-color: white; | background-color: white; | ||
- | width: | + | width: 970px; |
height: 300px; | height: 300px; | ||
- | background: | + | background:white; |
margin-bottom:0px; | margin-bottom:0px; | ||
} | } | ||
#contents1{ | #contents1{ | ||
width:820px; | width:820px; | ||
- | + | ||
padding:0 10px; | padding:0 10px; | ||
- | margin: | + | margin:0px 50px 0px 50px; |
background-color:white; | background-color:white; | ||
margin-bottom:50px | margin-bottom:50px | ||
- | + | ||
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
#container{ | #container{ | ||
align:center; | align:center; | ||
width:800px; | width:800px; | ||
- | background-color: | + | background-color:gray; |
} | } | ||
#globalnavi{ | #globalnavi{ | ||
margin: 0; | margin: 0; | ||
padding: 10; | padding: 10; | ||
- | width: | + | width: 965px; |
height:25px; | height:25px; | ||
font-size:12px; | font-size:12px; | ||
Line 84: | Line 119: | ||
#globalnavi ul{ | #globalnavi ul{ | ||
- | list-style | + | list-style: none; |
margin: 0; | margin: 0; | ||
padding: 10; | padding: 10; | ||
+ | position: relative; | ||
} | } | ||
Line 96: | Line 132: | ||
} | } | ||
- | #globalnavi a{ | + | #globalnavi li a{ |
text-align: center; | text-align: center; | ||
display:block; | display:block; | ||
Line 107: | Line 143: | ||
} | } | ||
- | #globalnavi a:hover{ | + | #globalnavi li a:hover{ |
background-color:#808080; | background-color:#808080; | ||
color: white; | color: white; | ||
Line 114: | Line 150: | ||
border-right:1px solid #808080; | 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{ | h1{ | ||
color: black; | color: black; | ||
Line 125: | Line 177: | ||
color:black; | color:black; | ||
} | } | ||
- | + | ||
- | + | div.padding { | |
- | + | padding:15px; | |
+ | } | ||
--> | --> | ||
</style type> | </style type> | ||
Line 134: | Line 187: | ||
- | <div style="text-align: | + | <div style="text-align:left;"> |
- | + | <div id="header"> | |
<div style="text-align:left;"> | <div style="text-align:left;"> | ||
<p> | <p> | ||
- | <a href=" | + | <a href="https://2011.igem.org/Team:Osaka"> |
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2011/d/df/Osaka_banner22.jpg" width="965" |
height="300"> | height="300"> | ||
</a> | </a> | ||
Line 149: | Line 202: | ||
<div id="globalnavi"> | <div id="globalnavi"> | ||
- | <ul> | + | <ul id="topnavi"> |
- | <li><a href="https://2011.igem.org/Team:Osaka">Home</a></li> | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka">Home</a></li> |
- | <li><a href=" | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Team">Team</a></li> |
- | <li><a href=" | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Project">Project</a></li> |
- | <li><a href=" | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Parts">Parts</a></li> |
- | <li><a href=" | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Tests">Tests</a></li> |
- | <li><a href=" | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Notebook">Notebook</a></li> |
- | <li><a href=" | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Protocols">Protocols</a></li> |
- | <li><a href=" | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Collaborations">Collaborations</a></li> |
- | <li><a href=" | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/safety">Safety</a></li> |
- | <li><a href=" | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/Achievements">Achievements</a></li> |
- | <li><a href="http://twitter.com/#!/iGEM_Osaka_2011">Twitter</a></li> | + | <li class="menu"><a href="https://2011.igem.org/Team:Osaka/HumanPractice">Human Practices</a></li> |
- | <li><a href=" | + | <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> | </ul> |
Latest revision as of 10:38, 5 October 2011