Template:Kyoto Foreground

From 2011.igem.org

(Difference between revisions)
Line 34: Line 34:
#p-logo {
#p-logo {
  display: none;
  display: none;
 +
}
 +
 +
/******** menu ********/
 +
ul {
 +
margin: 0px;
 +
padding: 0px;
}
}
Line 47: Line 53:
#menu li {
#menu li {
  display: block;
  display: block;
 +
list-style-type: none;
}
}
#menu li a{
#menu li a{
  display:block;
  display:block;
-
  float:left;
+
  margin: 1px 5px 1px 5px;
  width:160px;
  width:160px;
  color:#000000;
  color:#000000;
-
  background:url(https://static.igem.org/mediawiki/2011/f/f0/Kyoto_MenuButton0.png) no-repeat;
+
  background-color: #ffffff;
-
  line-height:50px;
+
border: 2px solid #000000;
 +
  line-height:30px;
  text-align:center;
  text-align:center;
}
}
-
#menu li a:hover{
+
/******** main ********/
-
background:url(https://static.igem.org/mediawiki/2011/f/f8/Kyoto_MenuButton1.png) no-repeat;
+
-
}
+
#main {
#main {
Line 83: Line 89:
<!-- end header -->
<!-- end header -->
-
<ul id ="menu" align="center">
+
<ul id ="menu">
-
  <li><a href="https://2011.igem.org/Team:Kyoto">Home</a></li>
+
<li><a class="menu-header" href="https://2011.igem.org/Team:Kyoto">Home</a></li>
-
  <li><a href="https://2011.igem.org/Team:Kyoto/Team">Team</a></li>
+
  <li><a class="menu-header" href="https://2011.igem.org/Team:Kyoto/Team">Team</a></li>
-
<li><a href="https://2011.igem.org/Team:Kyoto/Project">Project</a></li>
+
  <li><a class="menu-header" href="#">Project</a>
-
  <li><a href="https://2011.igem.org/Team:Kyoto/Parts">Parts</a></li>
+
  <ul>
-
  <li><a href="https://2011.igem.org/Team:Kyoto/Notebook">Lab Note</a></li>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Hunger">Hunger</a></li>
-
<li><a href="https://2011.igem.org/Team:Kyoto/Diary">Diary</a></li>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Luminescence">Luminescence</a></li>
-
  <li><a href="https://2011.igem.org/Team:Kyoto/Safety">Safety</a></li>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Predation">Predation</a></li>
-
<li><a href="https://2011.igem.org/Team:Kyoto/HumanPractice">Human Practice</a></li>
+
  <li><a href="https://2011.igem.org/Team:Kyoto/Digestion">Digestion</a></li>
-
  <li><a href="https://2011.igem.org/Team:Kyoto/Acknowledgement">Acknowledgement</a></li>
+
  </ul>
-
</u;>
+
</li>
 +
  <li><a class="menu-header" href="https://2011.igem.org/Team:Kyoto/Parts">Parts</a></li>
 +
  <li><a class="menu-header" href="#">Note</a>
 +
  <ul>
 +
  <li><a href="https://2011.igem.org/Team:Kyoto/Notebook">Lab Note</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Kyoto/Diary">Diary</a></li>
 +
  </ul>
 +
</li>
 +
  <li><a class="menu-header" href="#">Consideration</a>
 +
  <ul>
 +
  <li><a href="https://2011.igem.org/Team:Kyoto/Safety">Safety</a></li>
 +
  <li><a href="https://2011.igem.org/Team:Kyoto/HumanPractice">Human Practice</a></li>
 +
  </ul>
 +
</li>
 +
  <li><a class="menu-header" href="https://2011.igem.org/Team:Kyoto/Acknowledgement">Acknowledgement</a></li>
 +
</ul>
<!-- end menu -->
<!-- end menu -->
</div>
</div>
<!-- end foreground -->
<!-- end foreground -->
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
$("#menu").accordion({
 +
  header: ".menu-header",
 +
  autoHeight: false
 +
});
 +
});
 +
</script>
</html>
</html>

Revision as of 07:16, 21 September 2011

Retrieved from "http://2011.igem.org/Template:Kyoto_Foreground"