Team:UT-Tokyo-Software/Template

From 2012.igem.org

(Difference between revisions)
m
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 109: Line 127:
<!--Menu-->
<!--Menu-->
-
#positioner
+
.akoL{
-
{
+
margin-bottom:4px;
-
  position: relative;
+
background-color:#fff;
-
  width: 160px;
+
color:#000;
-
  height: 160px;
+
width:180px;
-
  margin-left: 10px;
+
padding:2px;
-
  z-index: 100;
+
text-align:center;
}
}
-
#holder
+
 
-
{
+
.akoL a:link, a:visited{
-
  position: absolute;
+
color: #666;
-
  width: 150px;
+
text-decoration: none;
-
  overflow: hidden;
+
text-align:center;
-
  border: 0px solid #000;
+
}
}
-
dl.menu
+
 
-
{
+
.akoL a:hover, a:active{
-
  width: 300px;
+
color:#6699cc;
-
  float: left;
+
text-decoration:none;
-
  margin: -32700px -150px 0 0;
+
font-weight:bold;
 +
text-align:center;
}
}
-
dl.menu a
+
 
-
{
+
.akoM{
-
  display: block;
+
margin-bottom:4px;
-
  height: 30px;
+
background-color:#fff;
-
  color: #000;
+
color:#999;
-
  font: normal 12px/28px sans-serif, sans-serif;
+
width:180px;
-
  text-decoration: none;
+
padding:2px;
-
  text-align: center;
+
text-align:center;
 +
cursor:pointer;
}
}
-
dl.menu a:hover,a:active{
+
 
-
  font-weight : bold;
+
.akoML{
 +
margin-bottom:4px;
 +
background-color:#fff;
 +
color:#333;
 +
font-size: 11px;
 +
width:180px;
 +
padding:0px;
 +
text-align:center;
}
}
-
dl.menu dt
+
 
-
{
+
.akoML a{
-
  float: left;
+
text-decoration:none;
-
  padding: 0;
+
background-color:#fff;
-
  margin: 32700px 0 0 0;
+
color:#333;
-
  position: relative;
+
padding:2px;
-
  z-index: 50;
+
text-align:center;
-
}
+
-
dl.menu dt a
+
-
{
+
-
  background: transparent;
+
-
  width: 150px;
+
-
}
+
-
dl.menu dt a:hover, dl.menu dt a:focus, dl.menu dt a:active
+
-
{
+
-
  margin-right: 1px;
+
-
}
+
-
dl.menu dd
+
-
{
+
-
  float: left;
+
-
  padding: 30px 0 0 0;
+
-
  margin: -30px 0 0 0;
+
-
  position: relative;
+
-
  z-index: 10;
+
-
}
+
-
dl.menu dd a
+
-
{
+
-
  background: #666;
+
-
  width: 150px;
+
}
}
-
dl.menu dd a:hover, dl.menu dd a:focus, dl.menu dd a:active
+
.akoML a:hover, a:active{
-
{
+
text-align:center;
-
  margin-right: 1px;
+
font-weight:bold;
-
  background: #ccc;
+
color:#6699cc;
-
  color: #000;
+
}
}
</style>
</style>
Line 184: Line 187:
<body>
<body>
<menuu>
<menuu>
-
  <div id="wrapper">
+
<div id="wrapper">
-
    <div id="info">
+
<div id="akoD">
-
      <br /> 
+
 
-
      <div id="positioner"> 
+
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software">Home</a></div>
-
        <div id="holder"> 
+
 
-
          <dl class="menu"> 
+
<div class="akoM" onclick="kirikae('list1')">Team</div>
-
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software">Home</a> </dt>
+
<span class="akoML" id="list1">
-
          </dl>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Team">Member</a><br>
-
          <dl class="menu">
+
<a href="#URL">Attribution</a>
-
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Team">Team</a> </dt>
+
</span>
-
<dd> 
+
 
-
              <a href="#url">Member</a>  
+
<div class="akoM" onclick="kirikae('list2')">Project</div>
-
              <a href="#url">Attribution</a>
+
<span class="akoML" id="list2">
-
            </dd>
+
<a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project">Introduction</a><br>
-
          </dl>
+
<a href="#URL">BioBrick</a><br>
-
          <dl class="menu">
+
<a href="#URL">Genetic Network</a><br>
-
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project">Project</a> </dt> 
+
<a href="#URL">BioBrick Search</a><br>
-
            <dd>
+
<a href="#URL">Team Search</a><br>
-
              <a href="#url">Introduction</a>  
+
<a href="#URL">Download</a><br>
-
              <a href="#url">BIOBRICK</a>  
+
</span>
-
              <a href="#url">Genetic Network</a>  
+
 
-
              <a href="#url">BIOBRICK Search</a>
+
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook">Notebook</a></div>
-
  <a href="#url">Team Search</a>  
+
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Safety">Safety</a></div>
-
              <a href="#url">Download</a>
+
<div class="akoL"><a href="https://2012.igem.org/Team:UT-Tokyo-Software/MedalL">Medal Fullfillment</a></div>
-
            </dd>
+
-
          </dl>
+
-
          <dl class="menu"> 
+
-
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Notebook">Notebook</a> </dt>  
+
-
          </dl> 
+
-
          <dl class="menu"> 
+
-
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Safety">Safety</a> </dt>
+
-
          </dl> 
+
-
  <dl class="menu"> 
+
-
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Medal">Medal Fulfillment</a> </dt>
+
-
          </dl> 
+
-
        </div> 
+
-
      </div> 
+
-
    </div> 
+
-
  </div>
+
 +
</div>
 +
</div>
</menuu>
</menuu>
</body>
</body>
</html>
</html>

Revision as of 08:02, 16 September 2012

Retrieved from "http://2012.igem.org/Team:UT-Tokyo-Software/Template"