Biomod/2014/fit test.html: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<head>
<style type="text/css" >
<style type="text/css" >


ul.pulldown_menu_1 {
#dropmenu{
list-style: none; /* 先頭記号を消す */
  list-style: none;
 
  width:900px;
  height: 50px;
  margin: 30px  auto 100px;
  padding: 0;
  background: #8a9b0f;
  border-bottom: 5px solid #535d09;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 16.666666666666%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  background: #6e7c0c;
  color: #eff7b1;
}
}
ul.pulldown_menu_1 li {
#dropmenu > li:hover > a{
float: left;  /*リスト項目を横方向に並べる */
  border-radius: 3px 3px 0 0;
width: 200px; /*リスト項目の幅 */
 
 
}
}
ul.pulldown_menu_1 ul {
#dropmenu li ul{
list-style: none; /* 2段目の先頭記号を消す */
  list-style: none;
padding: 0px; /* 2段目の左位置を1段目に揃える */
  position: absolute;
margin: 0px;
  top: 100%;
width: 200px; /* リスト項目の幅 */
  left: 0;
 
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
}
ul.pulldown_menu_1 a {
#dropmenu li ul li{
background-color: #99CCFF; /* 背景色 */
  overflow: hidden;
color: #660000; /* 文字色 */
  width: 100%;
display: block; /*ブロックレベルに */
  height:0;
text-align: center; /* 文字を中央合わせに */
  color: #fff;
padding: 10px; /* 内部の余白 */
  -moz-transition: .2s;
border: 3px #660000 solid; /* 枠線 */
  -webkit-transition: .2s;
text-decoration: none; /* 下線を消す */
  -o-transition: .2s;
outline: none; /* 選択時の点線枠線を消す */
  -ms-transition: .2s;
border-radius: 0px 0px 0px 0px; /* タブに丸みをつける */
  transition: .2s;
font-size: 20px;
font-weight:bold ;
 
 
 
}
}
ul.pulldown_menu_1 ul a {
#dropmenu li ul li a{
border-radius: 0px; /* 2段目以降はタブに丸みをつけない */
  padding: 13px 15px;
 
  background: #6e7c0c;
  text-align: left;
  font-size: 16px;
  font-weight: normal;
}
}
ul.pulldown_menu_1 a:hover {/* マウスカーソルが乗っている状態 */
#dropmenu li:hover ul li{
 
  overflow: visible;
color: blue; /* 文字色 */
  height: 38px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
}
ul.pulldown_menu_1 a:active {/* マウスがクリックされている状態 */
#dropmenu li:hover ul li:first-child{
 
  border-top: 0;
color: red; /* 文字色 */
}
}
ul.pulldown_menu_2 ul {
#dropmenu li:hover ul li:last-child{
display: none; /* 通常は表示しない */
  border-bottom: 0;
}
}
ul.pulldown_menu_2 li:hover > ul {
#dropmenu li:hover ul li:last-child a{
display: block; /* マウスが乗ったら表示する */
  border-radius: 0 0 3px 3px;
}
}
</style>
</style>
</head>
</head>
<body>
<body background="wiki-top3背景みどり11.png" bgcolor="#ffffff" text="#660000" link="#990000" alink="#339933" vlink="#990000" bgproperties="fixed" leftmargin="3" topmargin="2">
 
<img src="teamfitろご-みどり.png" alt" alt="" width="352" height="82" hspace="0" align="left">
<hr size="0" width="100%" color="#ffffff" noshade>


<div style="background: url(/images/f/ff/Fitback.png);" height="2000">






<img src="/images/7/7c/Fitlogo.PNG" alt" alt="" width="352" height="82" hspace="0" align="left">
<ul id="dropmenu">
<hr size="0" width="100%" color="#ffffff" noshade>


  <li><a href="#">Home</a>


<ul class= "pulldown_menu_1 pulldown_menu_2">
<li><a href= "http://openwetware.org/wiki/Biomod/2014/Fukuoka"> Top</a>
  <ul>
    <li><a href= "http://openwetware.org/wiki/Biomod/2014/Fukuoka#a"> Abstract</a></li>
    <li><a href= "stepuphtml1.html">  1-2</a></li>
    <li><a href= "stepuphtml1.html"> STEP 1-3</a></li>
  </ul>
</li>
<li><a href= "fit_Introduction.html"> Introduction</a>
     <ul>
     <ul>
    <li><a href= "fit_Introduction.html#a"> Background</a></li>
 
    <li><a href= "fit_Introduction.html#b"> Motivation</a></li>
      <li><a href="#">Abstract</a></li>
      <li><a href="#">Video</a></li>
 
     </ul>
     </ul>
  </li>
  <li><a href="#">Projects</a>
    <ul>
      <li><a href="#">background & Motivation</a></li>
      <li><a href="#">Goals</a></li>


</li>
    </ul>
<li><a href= "stepuphtml3.html"> Project</a>
  </li>
  <li><a href="#">Design</a>
     <ul>
     <ul>
    <li><a href= "fit_Approach and Goals.html#a"> Approach and Goals</a></li>
      <li><a href="#">Early Design</a></li>
    <li><a href= "fit_Approach and Goals.html#b"> Design</a></li>
      <li><a href="#">Final Design</a></li>
    <li><a href= "stepuphtml3.html"> STEP 3-3</a></li>
     
    <li><a href= "stepuphtml3.html"> STEP 3-4</a></li>
     </ul>
     </ul>
</li>
  </li>
<li><a href= "stepuphtml4.html"> Method</a>
  <li><a href="#">Method</a>
    <ul>
      <li><a href="#">Barrel particle and Doll particle</a></li>
      <li><a href="#">DNA modified</a></li>
      <li><a href="#">樽と人形の結合</a></li>
   <li><a href="#">樽人形剣</a></li>
   <li><a href="#">Material amd Apparatus</a></li>
  </ul>
  </li>
  <li><a href="#">Result and Discassions</a>
     <ul>
     <ul>
    <li><a href= "fit_Method.html#a"> シリカ</a></li>
      <li><a href="#">>Barrel particle and Doll particle</a></li>
    <li><a href= "fit_Method.html#b"> シリカDNA</a></li>
      <li><a href="#">DNA modified</a></li>
    <li><a href= "fit_Method.html#c"> キャラクタ</a></li>
      <li><a href="#">樽と人形の結合</a></li>
   <li><a href= "fit_Method.html#d"> 予備</a></li>
      <li><a href="#">樽人形剣</a></li>
   <li><a href="#">Conclusion</a></li>
     </ul>
     </ul>
</li>
  </li>
<li><a href= "Results and Discussion"> Results and Discussion</a>
  <li><a href="#">Team</a>
     <ul>
     <ul>
    <li><a href= "fit_Results and Discussion.html#a"> たる</a></li>
      <li><a href="#">>Menber</a></li>
    <li><a href= "fit_Results and Discussion.html#b"> たるとDNA</a></li>
      <li><a href="#">Sponsor</a></li>
    <li><a href= "fit_Results and Discussion.html#c"> たるとDNAとDNA</a></li>
     
     </ul>
     </ul>
</li>
  </li>
</ul>
</ul>




Line 129: Line 170:


<hr size="1" width="100%" color="#440000" noshade>
<hr size="1" width="100%" color="#440000" noshade>
</div>


</body>
</body>

Revision as of 03:59, 24 October 2014

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <style type="text/css" >

  1. dropmenu{
 list-style: none;
 width:900px;
 height: 50px;
 margin: 30px  auto 100px;
 padding: 0;
 background: #8a9b0f;
 border-bottom: 5px solid #535d09;
 border-radius: 3px 3px 0 0;

}

  1. dropmenu li{
 position: relative;
 width: 16.666666666666%;
 float: left;
 margin: 0;
 padding: 0;
 text-align: center;

}

  1. dropmenu li a{
 display: block;
 margin: 0;
 padding: 15px 0 11px;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 line-height: 1;
 text-decoration: none;

}

  1. dropmenu li:hover > a{
 background: #6e7c0c;
 color: #eff7b1;

}

  1. dropmenu > li:hover > a{
 border-radius: 3px 3px 0 0;

}

  1. dropmenu li ul{
 list-style: none;
 position: absolute;
 top: 100%;
 left: 0;
 margin: 0;
 padding: 0;
 border-radius: 0 0 3px 3px;

}

  1. dropmenu li ul li{
 overflow: hidden;
 width: 100%;
 height:0;
 color: #fff;
 -moz-transition: .2s;
 -webkit-transition: .2s;
 -o-transition: .2s;
 -ms-transition: .2s;
 transition: .2s;

}

  1. dropmenu li ul li a{
 padding: 13px 15px;
 background: #6e7c0c;
 text-align: left;
 font-size: 16px;
 font-weight: normal;

}

  1. dropmenu li:hover ul li{
 overflow: visible;
 height: 38px;
 border-top: 1px solid #7c8c0e;
 border-bottom: 1px solid #616d0b;

}

  1. dropmenu li:hover ul li:first-child{
 border-top: 0;

}

  1. dropmenu li:hover ul li:last-child{
 border-bottom: 0;

}

  1. dropmenu li:hover ul li:last-child a{
 border-radius: 0 0 3px 3px;

}


</style> </head> <body background="wiki-top3背景みどり11.png" bgcolor="#ffffff" text="#660000" link="#990000" alink="#339933" vlink="#990000" bgproperties="fixed" leftmargin="3" topmargin="2">

<img src="teamfitろご-みどり.png" alt" alt="" width="352" height="82" hspace="0" align="left">




  • <a href="#">Home</a>
    • <a href="#">Abstract</a>
    • <a href="#">Video</a>
  • <a href="#">Projects</a>
    • <a href="#">background & Motivation</a>
    • <a href="#">Goals</a>
  • <a href="#">Design</a>
    • <a href="#">Early Design</a>
    • <a href="#">Final Design</a>
  • <a href="#">Method</a>
    • <a href="#">Barrel particle and Doll particle</a>
    • <a href="#">DNA modified</a>
    • <a href="#">樽と人形の結合</a>
    •    
    • <a href="#">樽人形剣</a>
    •    
    • <a href="#">Material amd Apparatus</a>
  • <a href="#">Result and Discassions</a>
    • <a href="#">>Barrel particle and Doll particle</a>
    • <a href="#">DNA modified</a>
    • <a href="#">樽と人形の結合</a>
    • <a href="#">樽人形剣</a>
    •    
    • <a href="#">Conclusion</a>
  • <a href="#">Team</a>
    • <a href="#">>Menber</a>
    • <a href="#">Sponsor</a>




<img src="top-みどり.png" alt="" width="80" height="43" hspace="3" vspace="2" align="left">



Abstract

  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb


</body>