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:0 20px 20px 20px;
+
   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;
-
  z-index: 100;
 
}
}
#holder
#holder
Line 123: Line 208:
   overflow: hidden;
   overflow: hidden;
   border: 0px solid #000;
   border: 0px solid #000;
-
}
 
-
dl.menu
 
-
{
 
-
  width: 300px;
 
-
  float: left;
 
-
  margin: -32700px -150px 0 0;
 
-
}
 
-
dl.menu a
 
-
{
 
-
  display: block;
 
-
  height: 30px;
 
-
  color: #000;
 
-
  font: normal 12px/28px sans-serif, sans-serif;
 
-
  text-decoration: none;
 
-
  text-align: center;
 
-
}
 
-
dl.menu a:hover,a:active{
 
-
  font-weight : bold;
 
-
}
 
-
dl.menu dt
 
-
{
 
-
  float: left;
 
-
  padding: 0;
 
-
  margin: 32700px 0 0 0;
 
-
  position: relative;
 
-
  z-index: 50;
 
-
}
 
-
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
 
-
{
 
-
  margin-right: 1px;
 
-
  background: #ccc;
 
-
  color: #000;
 
}
}
</style>
</style>
Line 184: Line 214:
<body>
<body>
<menuu>
<menuu>
-
  <div id="wrapper">
+
<div id="wrapper">
-
    <div id="info">   
+
<div id="info">   
-
      <br /> 
+
    <div id="positioner">   
-
      <div id="positioner">   
+
         <div id="holder">   
         <div id="holder">   
-
          <dl class="menu"
+
<div id="akoD">
-
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software">Home</a> </dt> 
+
-
          </dl> 
+
-
          <dl class="menu"> 
+
-
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Team">Team</a> </dt> 
+
-
<dd> 
+
-
              <a href="#url">Member</a> 
+
-
              <a href="#url">Attribution</a>
+
-
            </dd> 
+
-
          </dl> 
+
-
          <dl class="menu"> 
+
-
            <dt><a href="https://2012.igem.org/Team:UT-Tokyo-Software/Project">Project</a> </dt> 
+
-
            <dd> 
+
-
              <a href="#url">Introduction</a> 
+
-
              <a href="#url">BIOBRICK</a> 
+
-
              <a href="#url">Genetic Network</a> 
+
-
              <a href="#url">BIOBRICK Search</a>
+
-
  <a href="#url">Team Search</a> 
+
-
              <a  href="#url">Download</a> 
+
-
            </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 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