Template:Kyoto/js

From 2014.igem.org

(Difference between revisions)
Line 23: Line 23:
}
}
-
/**** sandbox2用 *****/
 
-
.nav {height:36px; /*メニュー全体高さ*/
 
-
      background:#96514d; /*メニュー全体背景色*/
 
-
      color:#fff; /*メニュー全体文字色*/
 
-
      text-shadow:1px 1px #888;
 
-
      z-index:1000
 
-
}
 
-
.menu a {
 
-
    float:left;
 
-
    color:#eee; /*リンクの文字色*/
 
-
    text-decoration:none;
 
-
    width:120px;
 
-
    height:28px;
 
-
    padding-top:8px
 
-
}
 
-
.menu span {
 
-
    float:left;
 
-
    color:#eee; /*spanの文字色*/
 
-
    text-decoration:none;
 
-
    width:120px; 
 
-
    height:28px;
 
-
    padding-top:8px
 
-
}
 
-
.menu a:hover {
 
-
    color:#bedb00 /*マウスをのせた時の文字色*/
 
-
}
 
-
.menu {
 
-
    list-style:none; 
 
-
    font:16px Arial, Verdana; /*文字設定*/
 
-
    text-align:center;
 
-
    width:600px; /*メニューの全体幅*/
 
-
    margin:0 auto 
 
-
}
 
-
.menu li { 
 
-
    position:relative;
 
-
    float:left; 
 
-
    width:120px; 
 
-
    z-index:1000 
 
-
}
 
-
.menu ul {
 
-
    display:none;
 
-
    position:absolute;
 
-
    font:normal 13px Arial, Verdana; /*下に出てくるメニューのフォント*/
 
-
    top:36px;
 
-
    left:0;
 
-
    background:#96514d; /*下に出てくるメニューの背景色*/
 
-
    display:none;
 
-
    list-style:none
 
-
}
 
-
.menu ul li {
 
-
    float:none;
 
-
    border-top:1px solid #ccc;
 
-
    width:120px
 
-
}
 
-
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {
 
-
    float:none;
 
-
    display:block;
 
-
    background:none;
 
-
    height:22px;
 
-
    padding-top:5px
 
-
}
 
-
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
 
-
    background:#936d6b; /*下に出てくるメニューのマウスをのせた時の背景色*/
 
-
    color:#bedb00 /*下に出てくるメニューのマウスをのせた時の文字色*/
 
-
}
 
-
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {
 
-
    float:none;
 
-
    display:block; 
 
-
    background:none;
 
-
    height:22px;
 
-
    padding-top:5px 
 
-
}
 
-
.menu ul ul {
 
-
    left:120px;
 
-
    top:0
 
-
 
-
.menu li.submenu {
 
-
    font-weight:bold
 
-
}
 
-
.menu li.noborder {
 
-
    border-top:none
 
-
}
 
-
#info {
 
-
    width:180px; /*テキストのボックス幅*/
 
-
    background:#fdeff2 /*テキストの背景色*/
 
-
}
 
-
#info li {
 
-
    width:160px; /*テキストの幅*/
 
-
    border-top:none;
 
-
    padding:8px 10px;
 
-
    color:#666; /*テキストの文字色*/
 
-
    text-shadow:1px 1px #fff;
 
-
    text-align:left
 
-
}
 
-
var dropdown=new TINY.dropdown.init("dropdown", {id:'menu', active:'menuhover'});
 
</script>
</script>
</html>
</html>
<html><body onload="javascript:MouseOffFirst()"></html>
<html><body onload="javascript:MouseOffFirst()"></html>

Revision as of 10:35, 9 September 2014