Team:Kyoto/Header2

From 2009.igem.org

(Difference between revisions)
m
(css leftnavi)
Line 38: Line 38:
// -->
// -->
</script>
</script>
 +
 +
<style type="text/css">
 +
#extract_button_GSDD,
 +
#extract_button_CiC{
 +
  color:#FF0;
 +
  position:absolute;
 +
  height:16px;
 +
  width:16px;
 +
  top:22px;
 +
  left:12px;
 +
  background-image:url(https://static.igem.org/mediawiki/2009/5/56/Kyoto_%2B-.png);
 +
  background-repeat:no-repeat;
 +
  background-position:top;
 +
  cursor:pointer;
 +
}
 +
 +
 +
body{
 +
  background:#41e5ff url(https://static.igem.org/mediawiki/2009/5/54/Kyoto_bg_tilt.png) repeat;
 +
}
 +
h1.firstHeading{
 +
  display:none;
 +
}
 +
div#bodyContent p br{
 +
  display:none;
 +
}
 +
div#contentSub{
 +
  display:none;
 +
}
 +
#content{
 +
  padding-top:0.1em;
 +
  background:#E0E0E0;
 +
}
 +
#Kyoto_logo{
 +
  background:#D30000;
 +
  width:200px;
 +
  height:100px;
 +
}
 +
#Kyoto_logo p{
 +
  margin:0;
 +
}
 +
#topicpath{
 +
  width:975px;
 +
  height:20px;
 +
  margin-left:-5px;
 +
  margin-top:-0.5em;
 +
  background:url(https://static.igem.org/mediawiki/2009/9/9d/Kyoto_topicpath_bg.png) repeat-x;
 +
}
 +
#topicpath ol{
 +
  list-style:none;
 +
  padding:0;
 +
  margin:0;
 +
}
 +
#topicpath ol li{
 +
  display:inline;
 +
  margin-left:5px;
 +
  color:white;
 +
}
 +
#topicpath ol li a{
 +
  background:url(https://static.igem.org/mediawiki/2009/3/36/Kyoto_topicpath_arrow.png) no-repeat right;
 +
}
 +
#topicpath ol li a{
 +
  padding-right:22px;
 +
  line-height:20px;
 +
  color:white;
 +
}
 +
#leftnavi{
 +
  width:200px;
 +
  background:#777;
 +
  float:left;
 +
}
 +
#navigation{
 +
/*  padding:10px 0 10px 20px;*/
 +
}
 +
#navigation ul{
 +
  margin:0 0 0 20px;
 +
  list-style-type:none;
 +
  list-style-image:none;
 +
  position:relative;
 +
}
 +
#navigation ul li{
 +
  list-style:none;
 +
}
 +
#navigation ul li a{
 +
  display:block;
 +
  height:60px;
 +
  width:180px;
 +
  background:url(https://static.igem.org/mediawiki/2009/4/49/Kyoto_menu_project.png) no-repeat;
 +
  text-indent:-9998px;
 +
}
 +
#navigation ul#navi_GSDD li a{
 +
  background-position:left top;
 +
}
 +
#navigation ul#navi_GSDD li a:hover{
 +
  background-position:left center;
 +
}
 +
#navigation ul#navi_GSDD li a:active{
 +
  background-position:left bottom;
 +
}
 +
#navigation ul#navi_CiC li a{
 +
  background-position:right top;
 +
}
 +
#navigation ul#navi_CiC li a:hover{
 +
  background-position:right center;
 +
}
 +
#navigation ul#navi_CiC li a:active{
 +
  background-position:right bottom;
 +
}
 +
#navigation ul li ul li{
 +
  list-style:none;
 +
  height:40px;
 +
  width:160px;
 +
  margin:0;
 +
}
 +
#navigation ul li ul li a{
 +
  display:block;
 +
  height:40px;
 +
  width:160px;
 +
  line-height:40px;
 +
  text-indent:1em;
 +
  background-image:url(https://static.igem.org/mediawiki/2009/2/26/Kyoto_menu_item.png);
 +
  background-repeat:no-repeat;
 +
  background-position:left top !importamt;
 +
  color:white;
 +
  font-weight:bold;
 +
}
 +
#navigation ul#navi_GSDD li ul li a:hover{
 +
  background-position:left top;
 +
}
 +
#navigation ul#navi_CiC li ul li a:hover{
 +
  background-position:left top;
 +
}
 +
#rightcontents{
 +
  background:white;
 +
  width:745px;  /* 965-200(left_width)-10*2(padding) */
 +
  padding:10px;
 +
  float:right;
 +
}
 +
</style><!-- ****************************************************************** -->
 +
</html>
 +
<html><div id="leftnavi">
 +
<div id="Kyoto_logo">
 +
<a href="#" title="Back to Home.">Home</a>
 +
</div><!-- /#Kyoto_logo -->
 +
<div id="navigation">
 +
<ul id="navi_GSDD">
 +
  <li>
 +
    <a href="#" title="#">GSDD</a>
 +
    <ul>
 +
      <li class="intro"><a href="#" title="#">Introduction</a></li>
 +
      <li class="mecha"><a href="#" title="#">Mechanism</a></li>
 +
      <li class="goals"><a href="#" title="#">Goals</a></li>
 +
      <li class="reslt"><a href="#" title="#">Result & Discussion</a></li>
 +
      <li class="parts"><a href="#" title="#">Parts</a></li>
 +
      <li class="model"><a href="#" title="#">Modelling</a></li>
 +
      <li class="noteb"><a href="#" title="#">Notebook</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
<ul id="navi_CiC">
 +
  <li>
 +
    <a href="#" title="#">CiC</a>
 +
    <ul>
 +
      <li class="intro"><a href="#" title="#">Introduction</a></li>
 +
      <li class="mecha"><a href="#" title="#">Mechanism</a></li>
 +
      <li class="goals"><a href="#" title="#">Goals</a></li>
 +
      <li class="reslt"><a href="#" title="#">Result & Discussion</a></li>
 +
      <li class="parts"><a href="#" title="#">Parts</a></li>
 +
      <li class="model"><a href="#" title="#">Modelling</a></li>
 +
      <li class="noteb"><a href="#" title="#">Notebook</a></li>
 +
    </ul>
 +
  </li>
 +
</ul>
 +
</div><!-- /#navigation -->
 +
</div><!-- /#leftnavi -->
</html>
</html>

Revision as of 06:29, 24 September 2009