Difference between revisions of "Template:Tokyo Tech"

 
(24 intermediate revisions by 4 users not shown)
Line 84: Line 84:
 
margin-left:auto;
 
margin-left:auto;
 
margin-right:auto;
 
margin-right:auto;
−
width:300px;
+
width:900px;
 
}
 
}
  
Line 101: Line 101:
 
}  
 
}  
 
#menu {
 
#menu {
−
width:300px;
+
width:900px;
 
position:relative;
 
position:relative;
 
}
 
}
Line 161: Line 161:
 
}
 
}
  
 +
.small_text{
 +
position: absolute;
 +
left: 0;
 +
}
  
  
Line 297: Line 301:
 
*/
 
*/
  
−
body {
+
background-image: url(https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png);
−
  /* 画像ファイルの指定 */
+
 
−
  background-image: url(https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png);
+
  /* 画像を常に天地左右の中央に配置 */
−
   
+
  background-position: center center;
−
  /* 画像を常に天地左右の中央に配置 */
+
 
−
  background-position: center center;
+
  /* 画像をタイル状に繰り返し表示しない */
−
   
+
  background-repeat: no-repeat;
−
  /* 画像をタイル状に繰り返し表示しない */
+
 
−
  background-repeat: no-repeat;
+
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
−
   
+
  background-attachment: fixed;
−
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
+
 
−
  background-attachment: fixed;
+
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
−
   
+
  background-size: cover;
−
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
+
 
−
  background-size: cover;
+
  /* 背景画像が読み込まれる前に表示される背景のカラー */
−
   
+
  background-color: #464646;
−
  /* 背景画像が読み込まれる前に表示される背景のカラー */
+
−
  background-color: #464646;
+
 
}
 
}
  
Line 372: Line 374:
 
</li>
 
</li>
 
<li><a><img src="https://static.igem.org/mediawiki/2016/7/7d/T--Tokyo_Tech--2.AHL_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/f/f0/T--Tokyo_Tech--2.AHL_assay_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/7/7d/T--Tokyo_Tech--2.AHL_assay.png" width="100px" class="btn"/></a>
 
<li><a><img src="https://static.igem.org/mediawiki/2016/7/7d/T--Tokyo_Tech--2.AHL_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/f/f0/T--Tokyo_Tech--2.AHL_assay_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/7/7d/T--Tokyo_Tech--2.AHL_assay.png" width="100px" class="btn"/></a>
−
<ul class="menu_sub2">
+
<ul class="menu03_sub2">
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AHL_Assay/AHL_Reporter_Assay"><img src="https://static.igem.org/mediawiki/2016/9/9e/T--Tokyo_Tech--2-1.AHL_reporter.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/3/35/T--Tokyo_Tech--2-1.AHL_reporter_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/9/9e/T--Tokyo_Tech--2-1.AHL_reporter.png" width="100px" class="btn"/></a></li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AHL_Assay/AHL_Reporter_Assay"><img src="https://static.igem.org/mediawiki/2016/9/9e/T--Tokyo_Tech--2-1.AHL_reporter.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/3/35/T--Tokyo_Tech--2-1.AHL_reporter_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/9/9e/T--Tokyo_Tech--2-1.AHL_reporter.png" width="100px" class="btn"/></a></li>
  
Line 381: Line 383:
 
</li>
 
</li>
  
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AmiE_Assay"><img src="https://static.igem.org/mediawiki/2016/5/53/T--Tokyo_Tech--3.AmiE_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/8/8b/T--Tokyo_Tech--3.AmiE_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/5/53/T--Tokyo_Tech--3.AmiE_assay.png" width="100px" class="btn"/></a></li>
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AmiE_Assay"><img src="https://static.igem.org/mediawiki/2016/5/53/T--Tokyo_Tech--3.AmiE_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/8/8b/T--Tokyo_Tech--3.AmiE_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/5/53/T--Tokyo_Tech--3.AmiE_assay.png" width="100px"class="btn"/></a></li>
  
−
<li><a><img src="https://static.igem.org/mediawiki/2016/e/ed/T--Tokyo_Tech--4.Temp_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/d/d4/T--Tokyo_Tech--4.Temp_assay_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/e/ed/T--Tokyo_Tech--4.Temp_assay.png" width="100px" class="btn"/></a>
+
<li><a><img src="https://static.igem.org/mediawiki/2016/e/ed/T--Tokyo_Tech--4.Temp_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/d/d4/T--Tokyo_Tech--4.Temp_assay_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/e/ed/T--Tokyo_Tech--4.Temp_assay.png" width="100px" class="btn small_text"/></a>
−
<ul id="promoter_list" class="second_level_menu assay_menu">
+
<ul class="menu03_sub2">
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Promoter_Assay/Pcold"><img src="https://static.igem.org/mediawiki/2016/b/bb/T--Tokyo_Tech--4-1.Pcold_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/8/8b/T--Tokyo_Tech--4-1.Pcold_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/b/bb/T--Tokyo_Tech--4-1.Pcold_assay.png" width="100px" class="btn"/></a></li>
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Promoter_Assay/Pcold"><img src="https://static.igem.org/mediawiki/2016/b/bb/T--Tokyo_Tech--4-1.Pcold_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/8/8b/T--Tokyo_Tech--4-1.Pcold_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/b/bb/T--Tokyo_Tech--4-1.Pcold_assay.png" width="130px" class="btn"/></a></li>
  
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Promoter_Assay/Pheat"><img src="https://static.igem.org/mediawiki/2016/e/e3/T--Tokyo_Tech--4-2.Pheat_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/4/45/T--Tokyo_Tech--4-2.Pheat_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/e/e3/T--Tokyo_Tech--4-2.Pheat_assay.png" width="100px" class="btn"/></a></li>
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Promoter_Assay/Pheat"><img src="https://static.igem.org/mediawiki/2016/e/e3/T--Tokyo_Tech--4-2.Pheat_assay.png" border=0 onMouseOver=this.src="https://static.igem.org/mediawiki/2016/4/45/T--Tokyo_Tech--4-2.Pheat_on.png" onMouseleave=this.src="https://static.igem.org/mediawiki/2016/e/e3/T--Tokyo_Tech--4-2.Pheat_assay.png" width="130px" class="btn"/></a></li>
 
</ul><!-- /promoter_list -->
 
</ul><!-- /promoter_list -->
 
</li>
 
</li>
Line 438: Line 440:
 
</ul><!-- /menu_list -->
 
</ul><!-- /menu_list -->
 
</div><!-- /menu_list_division -->
 
</div><!-- /menu_list_division -->
−
 
+
<div class="clear"></div>
 +
<p>
 +
<script type="text/javascript">
 +
$('.small_text').mouseover(function(){
 +
$(this).stop(true, true).animate({
 +
width: '140px',
 +
left: '-40px'}
 +
, 300);
 +
}).mouseout(function(){
 +
$(this).stop(true, true).animate({
 +
width: '100px',
 +
left: '0'}
 +
, 300);
 +
});
 +
</script>
 +
</p>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{Team:Tokyo_Tech/template2016}}
 
{{Team:Tokyo_Tech/template2016}}

Latest revision as of 02:56, 7 November 2016