Team:UT-Tokyo-Software/Template
From 2012.igem.org
(Difference between revisions)
Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
+ | <script language="JavaScript"> | ||
+ | if (document.getElementById){ | ||
+ | document.write('<style type="text/css">\n') | ||
+ | document.write('<!--\n') | ||
+ | document.write('.akoML{display: none;}\n') | ||
+ | document.write('-->\n') | ||
+ | document.write('</style>\n') } | ||
+ | function kirikae(akoO){ | ||
+ | if(document.getElementById){ | ||
+ | var baba = document.getElementById(akoO);var obaba = document.getElementById("akoD").getElementsByTagName("span"); | ||
+ | if(baba.style.display != "block"){ | ||
+ | for (var kazu=0; kazu<obaba.length; kazu++){ | ||
+ | if (obaba[kazu].className=="akoML") | ||
+ | obaba[kazu].style.display = "none";} | ||
+ | baba.style.display = "block"; | ||
+ | }else{ | ||
+ | baba.style.display = "none";}}} | ||
+ | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 53: | Line 71: | ||
} | } | ||
/* @end */ | /* @end */ | ||
+ | |||
+ | |||
a:link { | a:link { | ||
Line 74: | Line 94: | ||
font-size: 13px; | font-size: 13px; | ||
} | } | ||
+ | |||
div#content{ | div#content{ | ||
line-height: 1.7; | line-height: 1.7; | ||
Line 90: | Line 111: | ||
} | } | ||
header{ | header{ | ||
+ | position: absolute; | ||
width:770px; | width:770px; | ||
- | float:top; margin: | + | float:top; |
+ | margin:-180px 20px 20px 20px; | ||
} | } | ||
menuu{ | menuu{ | ||
Line 109: | Line 132: | ||
<!--Menu--> | <!--Menu--> | ||
+ | .akoL{ | ||
+ | text-align:center; | ||
+ | margin-bottom:4px; | ||
+ | background-color:#fff; | ||
+ | color:#000; | ||
+ | width:180px; | ||
+ | padding:2px; | ||
+ | } | ||
+ | |||
+ | .akoL a{ | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | background-color:#fff; | ||
+ | color:#333; | ||
+ | padding:2px; | ||
+ | } | ||
+ | |||
+ | .akoL a:link, a:visited{ | ||
+ | text-align:center; | ||
+ | color: #666; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .akoL a:hover, a:active{ | ||
+ | text-align:center; | ||
+ | color:#6699cc; | ||
+ | text-decoration:none; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | |||
+ | .akoM{ | ||
+ | text-align:center; | ||
+ | margin-bottom:4px; | ||
+ | background-color:#fff; | ||
+ | color:#999; | ||
+ | width:150px; | ||
+ | padding:2px; | ||
+ | } | ||
+ | |||
+ | .akoML{ | ||
+ | text-align:center; | ||
+ | margin-bottom:4px; | ||
+ | background-color:#fff; | ||
+ | color:#333; | ||
+ | font-size: 11px; | ||
+ | width:180px; | ||
+ | padding:0px; | ||
+ | } | ||
+ | |||
+ | .akoML a{ | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | background-color:#fff; | ||
+ | color:#333; | ||
+ | padding:2px; | ||
+ | } | ||
+ | |||
+ | .akoML a:hover, a:active{ | ||
+ | text-align:center; | ||
+ | font-weight:bold; | ||
+ | color:#6699cc; | ||
+ | } | ||
+ | |||
#positioner | #positioner | ||
{ | { | ||
Line 115: | Line 201: | ||
height: 160px; | height: 160px; | ||
margin-left: 10px; | margin-left: 10px; | ||
- | |||
} | } | ||
#holder | #holder | ||
Line 123: | Line 208: | ||
overflow: hidden; | overflow: hidden; | ||
border: 0px solid #000; | border: 0px solid #000; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
</style> | </style> | ||
Line 184: | Line 214: | ||
<body> | <body> | ||
<menuu> | <menuu> | ||
- | + | <div id="wrapper"> | |
- | + | <div id="info"> | |
- | + | <div id="positioner"> | |
- | + | ||
<div id="holder"> | <div id="holder"> | ||
- | + | <div id="akoD"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software">Home</a></div> | ||
+ | |||
+ | <div class="akoM" onclick="kirikae('list1')">Team</div> | ||
+ | <span class="akoML" id="list1"> | ||
+ | <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Team">Member</a><br> | ||
+ | <a href="#URL">Attribution</a> | ||
+ | </span> | ||
+ | |||
+ | <div class="akoM" onclick="kirikae('list2')">Project</div> | ||
+ | <span class="akoML" id="list2"> | ||
+ | <a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project">Introduction</a><br> | ||
+ | <a href="#URL">BioBrick</a><br> | ||
+ | <a href="#URL">Genetic Network</a><br> | ||
+ | <a href="#URL">BioBrick Search</a><br> | ||
+ | <a href="#URL">Team Search</a><br> | ||
+ | <a href="#URL">Download</a><br> | ||
+ | </span> | ||
+ | |||
+ | <div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook">Notebook</a></div> | ||
+ | <div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Safety">Safety</a></div> | ||
+ | <div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/MedalL">Medal Fullfillment</a></div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</menuu> | </menuu> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Revision as of 08:35, 16 September 2012