Difference between revisions of "Team:Tokyo Tech"

Line 1: Line 1:
−
 
−
 
 
<html>
 
<html>
 
<head>
 
<head>
Line 29: Line 27:
 
</script>
 
</script>
  
−
 
+
<style type="text/css">
−
</script>
+
<!--
−
 
+
−
<style type="text/css"><!--
+
  
 
p.resizeimage img { width: 100%; }
 
p.resizeimage img { width: 100%; }
Line 40: Line 36:
 
   top: 150;
 
   top: 150;
 
   left:0;
 
   left:0;
 +
  bottom: 500;
 
   z-index: 8;
 
   z-index: 8;
 
   opacity: 0.0;
 
   opacity: 0.0;
Line 50: Line 47:
 
   z-index: 9;
 
   z-index: 9;
 
}
 
}
−
 
−
 
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
Line 73: Line 68:
  
  
−
/*#logo{
+
#logo{
 
width: 90%;
 
width: 90%;
 
min-width: 880px;
 
min-width: 880px;
Line 86: Line 81:
 
   /* -moz-border-radius: 5px;  /* for Firefox */   
 
   /* -moz-border-radius: 5px;  /* for Firefox */   
  
−
/*}
+
}
 +
/*
 
#inner_logo{
 
#inner_logo{
 
margin: 0;
 
margin: 0;
Line 124: Line 120:
  
 
/****************************** About Menu ************************************/
 
/****************************** About Menu ************************************/
−
 
 
#menu_list_division{
 
#menu_list_division{
 
width: 90%;
 
width: 90%;
Line 138: Line 133:
 
min-width: 880px;
 
min-width: 880px;
 
max-width: 1100px;
 
max-width: 1100px;
−
margin: 5px auto 30px;
+
margin: 0 auto 30px;
 
padding: 0 auto;
 
padding: 0 auto;
 
display: table;
 
display: table;
Line 151: Line 146:
 
}
 
}
 
.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 5%;
+
// margin: 0 1.71%;
−
padding: 0 1%;
+
margin: 0;
 +
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 172: Line 162:
 
height: 48px;
 
height: 48px;
 
margin: 0;
 
margin: 0;
−
padding: 15px 30px 11px;
+
padding: 2px 0;
 
color: #583612;
 
color: #583612;
 
font-size: 18px;
 
font-size: 18px;
Line 179: Line 169:
 
text-decoration: none;
 
text-decoration: none;
 
border: 3px double #583612;
 
border: 3px double #583612;
−
background-color:rgba(255,255,255,0.5)
+
background-color: #ffffff;
 
}
 
}
 
.menu_list_class li a:hover{
 
.menu_list_class li a:hover{
Line 190: Line 180:
 
// 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: 0;
+
left: -50%;
 
z-index: 9999;
 
z-index: 9999;
 
// top: 95%;
 
// top: 95%;
Line 282: Line 281:
 
height: 48px;
 
height: 48px;
 
// background: #186b91;
 
// background: #186b91;
−
 
 
}
 
}
−
#menu_list1{
+
ul#experiment_list{
−
margin: 5px auto 30px;
+
width: 200%;
−
}
+
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;
 
  
−
  background-repeat: no-repeat;
+
.logo_sponsors {
 +
bottom: 20px;
  
−
  background-attachment: fixed;
+
}
  
−
  background-size: cover;
+
/********************************* For smart phone ***********************************/
−
 
+
/*
−
  background-color: #464646;
+
@media screen and (max-width: 360px){
 +
#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 {
 +
  /* 画像ファイルの指定 */
 +
  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>
 
--></style>
−
 
 
</head>
 
</head>
 
<body>
 
<body>
−
 
+
<div id="logo">
−
<div id="logo">
+
 
<div id="inner_logo" align="center">
 
<div id="inner_logo" align="center">
−
<img src="https://static.igem.org/mediawiki/2016/7/7c/T--Tokyo_Tech--Topnew.png" height="300px" />
+
<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" />
 +
</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 336: Line 409:
 
<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.4. <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.3. <span style="font-style : italic">yafNO</span> System Assay</a></li>
 
</ul><!-- /toxin_list -->
 
</ul><!-- /toxin_list -->
 
</li>
 
</li>
Line 347: Line 420:
 
</ul><!-- /ahl_list -->
 
</ul><!-- /ahl_list -->
 
</li>
 
</li>
−
<li><a>3. AmiE Assay</a>
+
<li><a href="https://2016.igem.org/Team:Tokyo_Tech/AmiE_Assay">3. AmiE Assay</a></li>
−
<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 361: Line 430:
 
</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 383: Line 437:
 
<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 392: Line 453:
 
<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_list2 -->
+
</ul><!-- /menu_list -->
 
</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 411: Line 471:
 
     <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
 
" height="150"><img src="https://static.igem.org/mediawiki/2016/f/f6/Tokyo_Tech_cosmo_bio.png
 
" height="150"><img src="https://static.igem.org/mediawiki/2016/f/f6/Tokyo_Tech_cosmo_bio.png
 
" height="150"></p>
 
" height="150"></p>
 +
  
  
Line 435: Line 495:
 
menu.style.marginTop = menuMarginTop;
 
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>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>
 +
{{Team:Tokyo_Tech/template2016}}

Revision as of 23:07, 18 October 2016