Template:Kyoto/js

From 2014.igem.org

(Difference between revisions)
Line 22: Line 22:
     document.getElementById("top-magnet-content").style.display = 'none';
     document.getElementById("top-magnet-content").style.display = 'none';
}
}
 +
 +
/**** 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
 +
}
 +
</script>
</script>
</html>
</html>
<html><body onload="javascript:MouseOffFirst()"></html>
<html><body onload="javascript:MouseOffFirst()"></html>

Revision as of 09:48, 9 September 2014

Retrieved from "http://2014.igem.org/Template:Kyoto/js"