Difference between revisions of "Team:Tokyo Tech"

Line 1: Line 1:
 +
 +
 
<html>
 
<html>
 
<head>
 
<head>
Line 27: Line 29:
 
</script>
 
</script>
  
−
<style type="text/css">
+
 
−
<!--
+
</script>
 +
 
 +
<style type="text/css"><!--
  
 
p.resizeimage img { width: 100%; }
 
p.resizeimage img { width: 100%; }
Line 36: Line 40:
 
   top: 150;
 
   top: 150;
 
   left:0;
 
   left:0;
−
  bottom: 500;
 
 
   z-index: 8;
 
   z-index: 8;
 
   opacity: 0.0;
 
   opacity: 0.0;
Line 47: Line 50:
 
   z-index: 9;
 
   z-index: 9;
 
}
 
}
 +
 +
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
Line 68: Line 73:
  
  
−
#logo{
+
/*#logo{
 
width: 90%;
 
width: 90%;
 
min-width: 880px;
 
min-width: 880px;
Line 81: Line 86:
 
   /* -moz-border-radius: 5px;  /* for Firefox */   
 
   /* -moz-border-radius: 5px;  /* for Firefox */   
  
−
}
+
/*}
−
/*
+
 
#inner_logo{
 
#inner_logo{
 
margin: 0;
 
margin: 0;
Line 120: Line 124:
  
 
/****************************** About Menu ************************************/
 
/****************************** About Menu ************************************/
 +
 
#menu_list_division{
 
#menu_list_division{
 
width: 90%;
 
width: 90%;
Line 133: Line 138:
 
min-width: 880px;
 
min-width: 880px;
 
max-width: 1100px;
 
max-width: 1100px;
−
margin: 0 auto 30px;
+
margin: 5px auto 30px;
 
padding: 0 auto;
 
padding: 0 auto;
 
display: table;
 
display: table;
Line 146: Line 151:
 
}
 
}
 
.menu_list_class li{
 
.menu_list_class li{
−
// display: table-cell;
+
display: table-cell;
−
float: left;
+
−
list-style: none;
+
 
position: relative;
 
position: relative;
−
// margin: 0 1.71%;
+
margin: 0 5%;
−
margin: 0;
+
padding: 0 1%;
−
padding: 0;
+
−
width: 12.5%;
+
 
text-align: center;
 
text-align: center;
−
vertical-align: middle;
+
}
 +
 
 +
#menu_list_class li:nth-child(5n+1){
 +
margin: 0 1% 0 0;
 +
}
 +
.menu_list1 li:nth-child(5n){
 +
margin: 0 0 0 1%;
 +
}
 +
.menu_list2 li:nth-child(4n){
 +
margin: 0 0 0 1%;
 
}
 
}
 
.menu_list_class li a{
 
.menu_list_class li a{
Line 162: Line 172:
 
height: 48px;
 
height: 48px;
 
margin: 0;
 
margin: 0;
−
padding: 2px 0;
+
padding: 15px 30px 11px;
 
color: #583612;
 
color: #583612;
 
font-size: 18px;
 
font-size: 18px;
Line 169: Line 179:
 
text-decoration: none;
 
text-decoration: none;
 
border: 3px double #583612;
 
border: 3px double #583612;
−
background-color: #ffffff;
+
background-color:rgba(255,255,255,0.5)
 
}
 
}
 
.menu_list_class li a:hover{
 
.menu_list_class li a:hover{
Line 180: Line 190:
 
// background: #583612;
 
// background: #583612;
 
}
 
}
−
/*
+
 
−
.menu_list_class li a span{
+
−
position: absolute;
+
−
top: 50%;
+
−
left: 50%;
+
−
vertical-align: middle;
+
−
}
+
−
*/
+
  
 
#menu_list_division ul.drop_menu{
 
#menu_list_division ul.drop_menu{
−
position: absolute;
 
 
list-style: none;
 
list-style: none;
−
width: 200%;
 
 
// left: -100%;
 
// left: -100%;
−
left: -50%;
+
left: 0;
 
z-index: 9999;
 
z-index: 9999;
 
// top: 95%;
 
// top: 95%;
Line 281: Line 282:
 
height: 48px;
 
height: 48px;
 
// background: #186b91;
 
// background: #186b91;
 +
 
}
 
}
−
ul#experiment_list{
+
#menu_list1{
−
width: 200%;
+
margin: 5px auto 30px;
−
left: -100%;
+
}
 +
#menu_list2{
 +
margin: 5px auto 5px;
 +
}
 +
#experiment_list{
 +
width: 60%;
 
}
 
}
 
#menu_list_division ul#promoter_list{
 
#menu_list_division ul#promoter_list{
 
position: absolute;
 
position: absolute;
 
top: -100%;
 
top: -100%;
 +
}
  
 +
body{
  
−
}
+
  background-image: url(https://static.igem.org/mediawiki/2016/e/eb/T--Tokyo_Tech--Background.png);
  
 +
  background-position: center center;
  
−
.logo_sponsors {
+
  background-repeat: no-repeat;
−
bottom: 20px;
+
  
−
}
+
  background-attachment: fixed;
  
−
/********************************* For smart phone ***********************************/
+
  background-size: cover;
−
/*
+
 
−
@media screen and (max-width: 360px){
+
  background-color: #464646;
−
#menu_list_division{
+
−
//overflow: hidden;
+
−
width: 300px;
+
−
height: 350px;
+
−
margin: 0 auto;
+
−
}
+
−
.menu_list_class{
+
−
list-style: none;
+
−
width: 108px;
+
−
}
+
−
.menu_list_class li{
+
−
display: inline;
+
−
position: relative;
+
−
width: 108px;
+
−
height: 40px;
+
−
                both: clear;
+
−
}
+
−
.menu_list_class > li{
+
−
border-bottom: 1px solid #052d5d;
+
−
}
+
−
.menu li:last-child{
+
−
border-bottom: none;
+
−
}
+
−
.drop_menu > li{
+
−
border-bottom: 1px solid #052d5d;
+
−
}
+
−
.drop_menu > li:last-child{
+
−
border-bottom: none;
+
−
}
+
−
menu_list_class li a{
+
−
display: block;
+
−
width: 100px;
+
−
height: 40px;
+
−
color: #ffffff;
+
−
font-size: 12px;
+
−
padding-left: 5px;
+
−
background: #0d4f78;
+
−
}
+
−
menu_list li a:hover{
+
−
background: #186b91;
+
−
}
+
−
menu_list_class > li:hover > a{
+
−
background: #186b91;
+
−
}
+
−
meun_list_class > li:hover li:hover> a{
+
−
background: #186b91;
+
−
}
+
−
.drop_menu > li{
+
−
overflow: visible;
+
−
top: -40px;
+
−
left: 108px;
+
−
height: 40px;
+
−
}
+
−
.drop_menu li{
+
−
overflow: hidden;
+
−
height: 0;
+
−
left: 108px;
+
−
}
+
−
.drop_menu li a{
+
−
background: #0d4f78;
+
−
}
+
 
}
 
}
−
*/
 
  
−
body {
+
--></style>
−
  /* 画像ファイルの指定 */
+
−
  background-image: url(https://static.igem.org/mediawiki/2016/8/83/Tokyo_Tech_Background.png);
+
−
   
+
−
  /* 画像を常に天地左右の中央に配置 */
+
−
  background-position: center center;
+
−
   
+
−
  /* 画像をタイル状に繰り返し表示しない */
+
−
  background-repeat: no-repeat;
+
−
   
+
−
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
+
−
  background-attachment: fixed;
+
−
   
+
−
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
+
−
  background-size: cover;
+
−
   
+
−
  /* 背景画像が読み込まれる前に表示される背景のカラー */
+
−
  background-color: #464646;
+
−
}
+
  
−
--></style>
 
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id="logo">
+
 
 +
<div id="logo">
 
<div id="inner_logo" align="center">
 
<div id="inner_logo" align="center">
−
<a href="https://2016.igem.org/Team:Tokyo_Tech">
+
<img src="https://static.igem.org/mediawiki/2016/7/7c/T--Tokyo_Tech--Topnew.png" height="300px" />
−
<img src="https://static.igem.org/mediawiki/2016/7/7c/T--Tokyo_Tech--Topnew.png" height="300px" />
+
−
</a>
+
 
</div><!-- /inner_logo -->
 
</div><!-- /inner_logo -->
 
</div><!-- /logo -->
 
</div><!-- /logo -->
−
+
 
−
<div class="clear"></div><!-- /clear -->
+
<div class="clear"></div><!-- /clear -->
−
<div id="menu_list_division">
+
<div id="menu_list_division">
 
<ul id="menu_list1" class="menu_list_class">
 
<ul id="menu_list1" class="menu_list_class">
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech"><span>Home</span></a></li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Project">Project</a></li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Project">Project</a></li>
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Medal">Achievements</a></li>
 
 
<li><a href="javascript:void(0);">Experiment</a>
 
<li><a href="javascript:void(0);">Experiment</a>
 
<ul id="experiment_list" class="drop_menu">
 
<ul id="experiment_list" class="drop_menu">
Line 409: Line 336:
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/Adjustment_of_Expression_of_MazF" style="font-size: 14px">1.1. Adjustment of Expression of MazF</a></li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/Adjustment_of_Expression_of_MazF" style="font-size: 14px">1.1. Adjustment of Expression of MazF</a></li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/mazEF_System_Assay">1.2. <span style="font-style : italic">mazEF</span> System Assay</a></li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/mazEF_System_Assay">1.2. <span style="font-style : italic">mazEF</span> System Assay</a></li>
−
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/Queens_Capricious">1.3. Queen's Capricious</a></li>
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/Queens_capricious">1.3. <span style="font-style : italic">yafNO</span> System Assay</a></li>
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/Queens_capricious">1.4. <span style="font-style : italic">yafNO</span> System Assay</a></li>
 
</ul><!-- /toxin_list -->
 
</ul><!-- /toxin_list -->
 
</li>
 
</li>
Line 420: Line 347:
 
</ul><!-- /ahl_list -->
 
</ul><!-- /ahl_list -->
 
</li>
 
</li>
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AmiE_Assay">3. AmiE Assay</a></li>
+
<li><a>3. AmiE Assay</a>
 +
<ul id="AmiE_list" class="second_level_menu assay_men">
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AmiE_Assay">3. AmiE</a></li>
 +
</ul>
 +
</li>
 
<li><a style="font-size: 14px; height: 60px;">4. Temperature Dependent Promoter Assay</a>
 
<li><a style="font-size: 14px; height: 60px;">4. Temperature Dependent Promoter Assay</a>
 
<ul id="promoter_list" class="second_level_menu assay_men">
 
<ul id="promoter_list" class="second_level_menu assay_men">
Line 430: Line 361:
 
</li>
 
</li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Model">Model</a></li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Model">Model</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Parts">Parts</a>
 +
<ul id="parts_list" class="drop_menu">
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Parts_Overview">Overview</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Basic_Part">Basic Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Composite_Part">Composite Parts</a></li>
 +
</ul><!-- /parts_list -->
 +
</li>
 +
</ul><!-- /menu_list1 -->
 +
<ul id="menu_list2" class="menu_list_class">
 +
<li><a href="javascipt:void(0);">Achievements</a>
 +
<ul id="achivements_list" class="drop_menu">
 +
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Medal">Medal Requirements</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Processing">Best Information Processing</a></li>
 +
</ul><!-- /achivements_list -->
 +
</li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices">Human Practices</a>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices">Human Practices</a>
 
<ul id="human_practices_list" class="drop_menu">
 
<ul id="human_practices_list" class="drop_menu">
Line 437: Line 383:
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices#Snow_White_Varieties">HP Snow White Varieties</a></li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices#Snow_White_Varieties">HP Snow White Varieties</a></li>
 
</ul><!-- /human_practices_list -->
 
</ul><!-- /human_practices_list -->
−
</li>
 
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Parts">Parts</a>
 
−
<ul id="parts_list" class="drop_menu">
 
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Parts_Overview">Overview</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Basic_Part">Basic Parts</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Composite_Part">Composite Parts</a></li>
 
−
</ul><!-- /parts_list -->
 
 
</li>
 
</li>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Collaborations">Collaborations</a>
 
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/Collaborations">Collaborations</a>
Line 453: Line 392:
 
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Attributions">Attribution and Contribution</a></li>
 
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Attributions">Attribution and Contribution</a></li>
 
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Safety">Safety</a></li>
 
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Safety">Safety</a></li>
 +
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/HomecomingDay">Homecoming Day</a></li>
 
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Sponsors">Sponsors</a></li>
 
<li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Sponsors">Sponsors</a></li>
 
<li class="drop_list"><a href="https://igem.org/Team.cgi?team_id=1949">Official Team Page</a></li>
 
<li class="drop_list"><a href="https://igem.org/Team.cgi?team_id=1949">Official Team Page</a></li>
 
</ul><!-- /about_us_list -->
 
</ul><!-- /about_us_list -->
 
</li>
 
</li>
−
</ul><!-- /menu_list -->
+
</ul><!-- /menu_list2 -->
 
</div><!-- /menu_list_division -->
 
</div><!-- /menu_list_division -->
  
−
</div>
 
  
−
<p id="slideshow" class="resizeimage">
+
 
 +
<p id="slideshow" class="resizeimage">
 
     <img src="https://static.igem.org/mediawiki/2016/1/14/T--Tokyo_Tech--slide1.png" alt="" class="active" />
 
     <img src="https://static.igem.org/mediawiki/2016/1/14/T--Tokyo_Tech--slide1.png" alt="" class="active" />
 
     <img src="https://static.igem.org/mediawiki/2016/7/72/T--Tokyo_Tech--slide2.png" alt="" />
 
     <img src="https://static.igem.org/mediawiki/2016/7/72/T--Tokyo_Tech--slide2.png" alt="" />
Line 471: Line 411:
 
     <img src="https://static.igem.org/mediawiki/2016/f/ff/T--Tokyo_Tech--slide7.png" alt="" />
 
     <img src="https://static.igem.org/mediawiki/2016/f/ff/T--Tokyo_Tech--slide7.png" alt="" />
 
     <img src="https://static.igem.org/mediawiki/2016/c/c9/T--Tokyo_Tech--slide8.png" alt="" />
 
     <img src="https://static.igem.org/mediawiki/2016/c/c9/T--Tokyo_Tech--slide8.png" alt="" />
−
</p>
+
</p>
  
  
−
<p align="center" class="logo_sponsors"><img src="https://static.igem.org/mediawiki/2016/c/c7/Tokyo_Tech_kurame_logo.gif" height="150"><img src="https://static.igem.org/mediawiki/2016/c/c2/Tokyo_Tech_Saitama.JPG
+
 
 +
<p align="center" class="logo_sponsors"><img src="https://static.igem.org/mediawiki/2016/c/c7/Tokyo_Tech_kurame_logo.gif" height="150"><img src="https://static.igem.org/mediawiki/2016/c/c2/Tokyo_Tech_Saitama.JPG
 
" height="150"><img src="https://static.igem.org/mediawiki/2016/9/93/Tokyo_Tech_Fund.jpg" height="150"><img src="https://static.igem.org/mediawiki/2016/4/47/Tokyo_Tech_JASSO.gif
 
" height="150"><img src="https://static.igem.org/mediawiki/2016/9/93/Tokyo_Tech_Fund.jpg" height="150"><img src="https://static.igem.org/mediawiki/2016/4/47/Tokyo_Tech_JASSO.gif
 
" height="150"><img src="https://static.igem.org/mediawiki/2016/0/07/Tokyo_Tech_Promega.jpg
 
" height="150"><img src="https://static.igem.org/mediawiki/2016/0/07/Tokyo_Tech_Promega.jpg
Line 480: Line 421:
 
" height="150"></p>
 
" height="150"></p>
  
 +
 +
<script>
 +
window.onload = function(){
 +
 +
var width = document.body.clientWidth;
 +
 +
var menu = document.getElementById('logo_sponsors');
 +
 +
var menuMarginTop = width * 3 / 4;
 +
 +
console.log (width);
 +
 +
menu.style.marginTop = menuMarginTop;
 +
 +
 +
/*var menu = document.getElementById('menu_list_division');
 +
var slide = document.getElementById('slideshow');
 +
var images = slide.children;
 +
 +
var margin = menu.offsetHeight;
 +
 +
console.log(margin);
 +
 +
for(var img in images){
 +
 +
img.style.top = margin;
 +
}
 +
}*/
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>
−
{{Team:Tokyo_Tech/template2016}}
 

Revision as of 23:04, 18 October 2016