Template:Team:KIT-Kyoto/Template/header

From 2012.igem.org

(Difference between revisions)
m
m
Line 11: Line 11:
</style>
</style>
<br><br>
<br><br>
-
<ul id="pulldown-menu">
+
<ul id="menu">
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a></li>
+
<li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a>
 +
</li>
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">ABOUT US</a>
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">ABOUT US</a>
-
    <ul>
 
-
    <li><a href="">PROFILE</a></li>
 
-
    <li><a href="">TWITTER</a></li>
 
-
    <li><a href="">YouTube</a></li>
 
-
    <li><a href="">PHOTOS</a></li>
 
-
    </ul>
 
</li>
</li>
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project">PROJECT</a>
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project">PROJECT</a>
-
    <ul>
 
-
    <li><a href="">OVERVIEW</a></li>
 
-
    <li><a href="">INTRODUCTION</a></li>
 
-
    <li><a href="">RESULTS</a></li>
 
-
    </ul>
 
</li>
</li>
Line 36: Line 26:
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook">NOTEBOOK</a>
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook">NOTEBOOK</a>
-
    <ul>
 
-
    <li><a href="">LAB NOTE</a></li>
 
-
    <li><a href="">MEETING</a></li>
 
-
    <li><a href="">PROTOCOL</a></li>
 
-
    <li><a href="">DESIGN NOTE</a></li>
 
-
    </ul>
 
</li>
</li>
Line 53: Line 37:
<style type="text/css">
<style type="text/css">
<!--
<!--
-
ul#pulldown-menu a {
+
ul#menu a {
         color:#5a544b ;
         color:#5a544b ;
         text-decoration: none;
         text-decoration: none;
         }
         }
-
ul#pulldown-menu a:link,
+
ul#menu a:link,
-
ul#pulldown-menu a:visited {
+
ul#menu a:visited {
         background:#c4a3bf ;
         background:#c4a3bf ;
}
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:hover,
-
ul#pulldown-menu a:active {
+
ul#menu a:active {
         background: #b44c97 ;
         background: #b44c97 ;
}
}
-
ul#pulldown-menu li {
+
ul#menu li {
         float: left;
         float: left;
         position: relative;
         position: relative;
Line 80: Line 64:
         display:inline;
         display:inline;
}
}
-
ul#pulldown-menu li a {
+
ul#menu li a {
         display: block;
         display: block;
         width: 9.5em;
         width: 9.5em;
Line 87: Line 71:
}
}
-
/* 下層のメニューを不可視に */
+
ul#menu li ul li {
-
ul#pulldown-menu li ul {
+
-
        display: none;
+
-
}
+
-
 
+
-
/* 疑似要素 :hover で下層のメニューを可視に */
+
-
ul#pulldown-menu li:hover ul {
+
-
        display: block;
+
-
        position: absolute;
+
-
        z-index: 100;
+
-
}
+
-
 
+
-
ul#pulldown-menu li ul li {
+
         float: none;
         float: none;
         margin: 0;
         margin: 0;

Revision as of 08:29, 16 July 2012



Retrieved from "http://2012.igem.org/Template:Team:KIT-Kyoto/Template/header"