Template:Biomod/2014/Kashiwa: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 225: Line 225:
width:41px;
width:41px;
height:390px;
height:390px;
background:url(http://openwetware.org/images/0/0e/Homekeikan.png onclick="this.src='http://openwetware.org/images/7/71/HOME2.png'") no-repeat left bottom;
background:url(http://openwetware.org/images/0/0e/Homekeikan.png) no-repeat left bottom;
}
}
/* IE6以下用 */
/* IE6以下用 */

Revision as of 05:37, 21 August 2014

<html>

<head>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

  $(function(){
     $("#menu li").hover(function(){
        $("ul",this).show();
     },
     function(){
        $("ul",this).hide();
     });
  });

</script>

<META http-equiv="Content-Style-Type" content="text/css">

<style type="text/css">

p.paragraph{

 font-size :100%;
 line-height:1.5;
 margin: 10px 0px;
 }

p.indent-paragraph {

 font-size :110%;
 line-height:1.5;
 margin:0 30px;
 text-indent: 1em;
 }

h1.title a{

 font-size :100%;
 font-style:italic;
 display: block;
 text-decoration: none;
 color: #000000;

 font-weight:bolder;

 border-left: solid 5px #e00000 
 }

body {

 font-size: 12px;
 font-family: Frutiger, Helvetica, Arial;
 background-color: #E6E6FA;
 overflow-y:scroll;
 overflow-x:hidden;

} article {

 background-color: #ffffff

} .container {

  background-color: #ffffff;
  margin-top:0px

}

<div id="ttop"> <a href="#top" class="page_top" onfocus="this.blur();" onclick="scrollTo(0,0); return false;" title="pagetop"></a> </div>

.OWWNBcpCurrentDateFilled {display: none;}

  1. content

{

  width: 0px;
  margin: 0 auto auto 0;
  padding: 0em 0em 0em 0em;
  align: center;

}

  1. column-content

{

  width: 0px;
  float: left;
  margin: 0 0 0 0;
  padding: 0;

} .firstHeading {

  display:none;
  width:0px;

}

  1. globalWrapper

{

  width:900px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto

}

  1. column-one

{

  display:none;
  width:0px;
  background-color: #ffffff;

}

  1. content

{

  margin: 0 0 0 0;
  align: center;
  padding: 12px 12px 12px 12px;
  width:850px;
  border: 0;

}

  1. bodyContent

{

  width: 850px;
  align: center;
  background-color: #ffffff;
  position:relative;
  left:12px;

}

  1. column-content

{

  width: 850px;
  background-color: #ffffff;

}

  1. footer

{

  position: center;
  width: 900px;

}


div.menubar {

  position: fixed;
  background-color: none; /* バーの背景色 */
  opacity: 0.9
  border-top: 0px double white; /* バーの上端線 */
  border-bottom: 0px double white; /* バーの下端線 */
  min-width: 0px; /* メインメニュー全部が収まる最低横幅 */
  z-index:3

}

div.menubar ul#menu {

  margin: -45px 0px 0px -24px; /* メニューバー外側の余白 */
  padding: 0px; /* メニューバー内側の余白 */
  height: 80px; /* メニューバーの高さ */
  list-style-type: none;

}

div.menubar ul#menu li {

  width: 112.5px; /* メニュー項目の横幅 */
  height: 80px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
  float: left;
  list-style-type: none;
  list-style-image: none;
  position: relative;

}

div.menubar ul#menu a {

  text-decoration: none; /* メニュー項目の装飾(下線を消す) */
  display: block; 
  background-color: #4B0082;/* メニュー項目の背景色 */
  color: white; /* メニュー項目の文字色 */
  line-height: 80px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
  text-align: center; /* メインメニューの文字列の配置(中央寄せ) */ 
  width: 100%;
  height: 100%;

}

div.menubar ul#menu a:hover {

  background-color: #FF00FF; /* メニュー項目にマウスが載ったときの背景色 */
  color: #8B008B; /* メニュー項目にマウスが載ったときの文字色 */

}

/* メニューバー直後のClearfix */ div.menubar ul#menu {

  zoom:1; 

} div.menubar ul#menu:after {

  height: 0; visibility: hidden; content: "."; display: block; clear: both;

}

div.menubar ul#menu ul.sub {

  background-color: #4B0082; /* サブメニュー全体の背景色 */
  border-width: 0px 0px 0px 0px; /* サブメニュー全体の枠線の太さ */
  border-style: solid; /* サブメニュー全体の枠線の線種 */
  border-color: #191970; /* サブメニュー全体の枠線の色 */
  margin: 0px;
  padding: 0px;
  display: none;
  position: absolute;

}

div.menubar ul#menu ul.sub li {

  width: 112.5px; /* サブメニュー1項目の横幅 */
  height: 45px; /* サブメニュー1項目の高さ */
  border-width: 0px 0px 0px 0px; /* サブメニュー1項目の枠線の太さ */
  border-style: solid; /* サブメニュー1項目の枠線の線種 */
  border-color: #191970; /* サブメニュー1項目の枠線の色 */
  z-index: 3

}

div.menubar ul#menu ul.sub li a {

  line-height: 45px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
  text-align: center;  /* サブメニュー1項目の項目名の配置(中央寄せ) */
  text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */

}

div.menubar ul#menu ul.sub li a:hover {

  background-color: #FF00FF; /* サブメニュー項目にマウスが載ったときの背景色 */
  color:  #4B0082; /* サブメニュー項目にマウスが載ったときの文字色 */

}

  1. ttop {

position:fixed; bottom:100px; left:auto; margin:0 0 0 904px; /* マージン:上 右 下 左 */ width:41px; height:390px; background:url(http://openwetware.org/images/0/0e/Homekeikan.png) no-repeat left bottom; } /* IE6以下用 */

  • html #ttop {

margin:0 0 -390px 0; position:relative; bottom:490px; /* 上で設定した ttopの高さ390px+下100px */ left:904px; }

  1. ttop:hover {

background-position:0 230px; /* 画像の高さによって適当に調整 */ } a.page_top { display:block; width:41px; height:390px; }

</style>

<a name="top"></a>

<div class="menubar">

 <ul id="menu">
 <font face="Frutiger,Helvetica,Arial">
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/kari"><span style="font-size:12pt;">HOME</span></a>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project"><span style="font-size:12pt;">PROJECT</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#1"><span style="font-size:12pt;">Background</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Project#2"><span style="font-size:12pt;">Goals</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design"><span style="font-size:12pt;">DESIGN</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#2"><span style="font-size:12pt;">Monomer</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Design#1"><span style="font-size:12pt;">Receptor</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Experiments"><span style="font-size:12pt;">EXPERIMENT</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Experiments#1"><span style="font-size:12pt;">Contents</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Experiments#2"><span style="font-size:12pt;">Polymerize</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Experiments#3"><span style="font-size:12pt;">Receptor</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Protocol"><span style="font-size:12pt;">PROTOCOL</span></a>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion"><span style="font-size:12pt;">DISCUSSION</span></a>
     <ul class="sub">
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#1"><span style="font-size:12pt;">Achievements</span></a></li>
       <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Discussion#2"><span style="font-size:12pt;">Future</span></a></li>
     </ul>
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Team"><span style="font-size:12pt;">TEAM</span></a></li>
   <li><a href="http://openwetware.org/wiki/Biomod/2014/Kashiwa/Sponsors"><span style="font-size:12pt;">SPONSORS</span></a></li>
 </font>
 </ul>

</div> <br> <br> <br> </head> </html>