Team:KIT-Kyoto/Template/header

From 2012.igem.org

(Difference between revisions)
m
m
 
(5 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<div align="right"><a href="http://www.kit.ac.jp/english/index.html"><img src="https://static.igem.org/mediawiki/2012/9/91/KIT-logo.gif"></a></div>
+
<meta charset="UTF-8">
-
<br>
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
<div align="center"><img src="https://static.igem.org/mediawiki/2012/8/8d/バナー1.jpg” align="top" width="1000" height="150">
+
<script type="text/javascript">
-
</div>
+
$(function(){
-
<head>
+
    $("ul.menu").hide(); // .要素を[処理時間]かけて非表示にします
-
 
+
    $("div.category").click(function(){ // イベント用のメソッドです。要素をクリックすることでイベント処理が行われます
-
<style type="text/css">  
+
        $("ul.menu").slideUp();// 要素を処理時間でスライドアップします
-
 
+
        if($("+ul",this).css("display")=="none"){// ul要素(カテゴリー内のメニュー)カテゴリー内のメニューが表示されていないとき、メニューがsildeDownします
-
.menu table, .menu tr, .menu td {background:transparent url("https://static.igem.org/mediawiki/2012/b/b1/Haikeimenu.png");}
+
            $("+ul",this).slideDown();// 要素を処理時間でスライドダウンします
-
table,tr,td {background-color: transparent;}
+
        }
-
 
+
    });
-
/* ナビ */
+
});
-
#navi_continer {
+
</script>
-
position: relative;
+
<style type="text/css">
-
z-index:100;
+
/**/
-
width: 1000px;
+
body {
-
height:25px;
+
    font-family: Myriad, Helvetica, Arial, "Meiryo", "メイリオ", sans-serif;
-
font-weight: bold;
+
    _font-family: 'MS Pゴシック', sans-serif;
}
}
-
 
+
div.category {
-
#navi {
+
    margin:-top:5px;
-
position: absolute;
+
    height:40px;
-
top: 0px;
+
    line-height:40px;
-
left: 0px;
+
    background:#fdeff2;
-
width: 1000px;
+
    cursor:pointer;
}
}
-
 
+
ul.navi{
-
#navi ul {
+
    width: 150px;
-
margin: 0;
+
    margin: 0px;
-
padding: 0;
+
    background:#e6cde3;
-
list-style: none;
+
}
}
-
 
+
ul.navi, ul.menu {
-
#navi li {
+
    padding:0;
-
color: #a86f4c
+
    margin:0;
-
;
+
    list-style: none;
-
float: left;
+
-
width: 125px;
+
-
margin: 0;
+
}
}
-
 
+
ul.menu li{
-
#navi li a {
+
    padding-left:20px;
-
font-size: 12px;
+
    margin:0;
-
color: #a86f4c
+
    list-style: none;
-
;
+
-
display: block;
+
-
width: 100%;
+
-
padding: 0px 0;
+
-
text-align: center;
+
-
text-decoration: none;
+
-
background-color: transparent;
+
}
}
-
 
+
div.category {
-
#navi li a:hover {
+
    margin-top: 5px;
-
color: #a86f4c
+
    padding-left: 20px;
-
;
+
    height: 40px;
-
background-color: #b44c97
+
    line-height: 40px;
-
;
+
    background:#f09199;
}
}
-
 
+
ul.menu a {
-
/*メニュー */
+
    display: block;
-
#navi ul.sub {
+
    height: 35px;
-
background:transparent url("https://static.igem.org/mediawiki/2012/b/b1/Haikeimenu.png");
+
    line-height: 35px;
 +
    color:#fdeff2;
}
}
-
 
-
#navi ul.sub li {
 
-
float: none;
 
-
}
 
-
 
-
#navi ul.sub li a {
 
-
color: #a86f4c;
 
-
background: none;
 
-
font-size: 12px;
 
-
font-weight: normal;
 
-
padding: 1px 0;
 
-
border-top:0px solid #b44c97
 
-
;
 
-
}
 
-
 
-
#navi ul.sub li a:hover {
 
-
 
-
color: #ffffff;
 
-
background-color: #b44c97
 
-
;
 
-
}
 
-
 
-
#navi ul li.navi_menu ul {
 
-
display: none;
 
-
}
 
-
 
-
#navi ul li.navi_menu_on ul {
 
-
display: block;
 
-
}
 
-
 
-
#navi li.navi_menu{
 
-
border:0px solid #000099;
 
-
}
 
-
 
-
#navi li.navi_menu_on{
 
-
border:0px solid #000099;
 
-
}
 
-
 
-
 
</style>
</style>
-
 
-
 
</head>
</head>
<body>
<body>
-
<BR><BR>
+
<div>
-
 
+
    <ul class="navi">
-
<TABLE class="menu" border="0" background="https://static.igem.org/mediawiki/2012/3/3a/Haikeimenu2.png" bordercolor="black" cellspacing="0" cellpadding="0" width="80%" align="center"><tr><TD align="center">     
+
        <li>
-
 
+
            <div class="category">Lab Note</div>
-
<div id="navi_continer">
+
            <ul class="menu">
-
<div id="navi">
+
                <li><a href="#">Week1</a></li>
-
<ul>
+
                <li><a href="#">Week2</a></li>
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
                <li><a href="#">Week3</a></li>
-
<a href="https://2012.igem.org/Team:KIT-Kyoto"><Img src="https://static.igem.org/mediawiki/2012/e/e5/KIThome.png"></a>
+
                <li><a href="#">Week4</a></li>
-
</li>
+
                <li><a href="#">Week5</a></li>
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
                <li><a href="#">Week6</a></li>
-
<a href=""><Img src="https://static.igem.org/mediawiki/2012/7/74/KITT.png"></a>
+
            </ul>
-
<ul class="sub">
+
        </li>
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">PROFILE</a></li>
+
        <li>
-
<li><a href="http://twitter.com/KITKyoto12" target="_blank">Twitter</a></li>
+
            <div class="category">Protocol</div>
-
<li><a href="target="_blank">YouTube</a></li>
+
        </li>
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Photos">PHOTOS</a></li>
+
        <li>
-
</ul>
+
            <div class="category">Meeting</div>
-
</li>
+
            <ul class="menu">
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
                <li><a href="#">MAY</a></li>
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Project"><Img src="https://static.igem.org/mediawiki/2012/b/bb/KITpro.png"></a>
+
                <li><a href="#">JUNE</a></li>
-
<ul class="sub">
+
                <li><a href="#">JULY</a></li>
-
<li><a href="">OVERVIEW</a></li>
+
                <li><a href="#">AUGUST</a></li>
-
<li><a href="">INTRODUCTION</a></li>
+
             <li><a href="#">SEPTEMBER</a></li>
-
<li><a href="">RESULTS</a></li>
+
            </ul>
-
</ul>
+
        </li>
-
</li>
+
        <li>
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
            <div class="category">Design</div>
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Parts"><Img src="https://static.igem.org/mediawiki/2012/3/3f/KITpa.png"></a>
+
        </li>
-
</li>
+
    </ul>
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook"><Img src="https://static.igem.org/mediawiki/2012/f/f4/KITnote.png"></a>
+
-
<ul class="sub">
+
-
<li><a href="">LAB NOTE<Img src="https://static.igem.org/mediawiki/2012/6/65/KITsa.png"></a></li>
+
-
<li><a href="">MEETING</a></li>
+
-
<li><a href="">PROTOCOL</a></li>
+
-
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook-Design">DESIGN NOTE</a></li>
+
-
</ul>
+
-
</li>
+
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Humanpractice"><Img src="https://static.igem.org/mediawiki/2012/a/a4/KIThupra.png"></a>
+
-
</li>
+
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Safety"><Img src="https://static.igem.org/mediawiki/2012/6/65/KITsa.png"></a>
+
-
</li>
+
-
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
+
-
<a href="https://2012.igem.org/Team:KIT-Kyoto/Sponsors"><Img src="https://static.igem.org/mediawiki/2012/1/16/Sponsors.png"></a>
+
-
</li>
+
-
<ul class="sub">
+
-
</ul>
+
-
</li>
+
-
</ul>
+
</div>
</div>
-
</div>
+
</body>
-
 
+
-
</TD> </tr>
+
-
</TABLE>
+
-
 
+
-
</body></html>
+
</html>

Latest revision as of 14:07, 25 August 2012