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 71: Line 53:
}
}
/* @end */
/* @end */
-
 
-
 
a:link {
a:link {
Line 94: Line 74:
   font-size: 13px;
   font-size: 13px;
}
}
-
 
div#content{
div#content{
   line-height: 1.7;
   line-height: 1.7;
Line 111: Line 90:
}
}
header{
header{
-
  position: absolute;
 
   width:770px;
   width:770px;
-
   float:top;
+
   float:top; margin:0 20px 20px 20px;
-
  margin:0 20px 20px 20px;
+
}
}
menuu{
menuu{
Line 132: Line 109:
<!--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 201: Line 115:
   height: 160px;
   height: 160px;
   margin-left: 10px;
   margin-left: 10px;
 +
  z-index: 100;
}
}
#holder
#holder
Line 208: Line 123:
   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 214: Line 184:
<body>
<body>
<menuu>
<menuu>
-
<div id="wrapper">
+
  <div id="wrapper">
-
<div id="info">   
+
    <div id="info">   
-
    <div id="positioner">   
+
      <br /> 
 +
      <div id="positioner">   
         <div id="holder">   
         <div id="holder">   
-
<div id="akoD">
+
          <dl class="menu"> 
 +
            <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:34, 16 September 2012

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