|
|
| Line 1: |
Line 1: |
| | + | {{Tokyo_Tech}} |
| | + | |
| | <html> | | <html> |
| | <head> | | <head> |
| Line 75: |
Line 77: |
| | | | |
| | | | |
| − | #logo{
| |
| − | width: 90%;
| |
| − | min-width: 880px;
| |
| − | max-width: 1100px;
| |
| − | color: #ffffff;
| |
| − | // position: absolute;
| |
| − | margin: 0 auto;
| |
| − | padding: 2px;
| |
| − | border: 3px solid #583612;
| |
| − | border-radius: 5px; /* CSS3 */
| |
| − | /* -webkit-border-radius: 5px; /* for Safari,Google Chrome */
| |
| − | /* -moz-border-radius: 5px; /* for Firefox */
| |
| − |
| |
| − | }
| |
| − | /*
| |
| − | #inner_logo{
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | border: 9px solid #583612;
| |
| − | background-color:rgba(255,255,255,0.5)
| |
| − | }*/
| |
| − | #under_logo{
| |
| − | width: 880px;
| |
| − | // midth: 90%;
| |
| − | // min-width: 880px;
| |
| − | // max-width: 1100px;
| |
| − | margin: 5px auto 0;
| |
| − | }
| |
| − | #under_logo img{
| |
| − | float: left;
| |
| − | }
| |
| − | p#logo_sentence{
| |
| − | font-family: "Times New Roman";
| |
| − | font-size: 30px;
| |
| − | text-align: center;
| |
| − | font-style: italic;
| |
| − | color: #583612;
| |
| − | float: left;
| |
| − | margin-left: 100px;
| |
| − | margin-right: 100px;
| |
| − | }
| |
| − | p#logo_image_space1{
| |
| − | width: 30px;
| |
| − | float: left;
| |
| − | }
| |
| − | p#logo_image_space2{
| |
| − | width: 40px;
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /****************************** About Menu ************************************/
| |
| − | #menu_list_division{
| |
| − | width: 90%;
| |
| − | min-width: 880px;
| |
| − | max-width: 1100px;
| |
| − | margin: 0 auto;
| |
| − | margin-bottom: 40px;
| |
| − | }
| |
| − | #menu_list_divison ul.menu_list_class{
| |
| − | *zoom: 1;
| |
| − | list-style: none;
| |
| − | width: 100%;
| |
| − | min-width: 880px;
| |
| − | max-width: 1100px;
| |
| − | margin: 0 auto 30px;
| |
| − | padding: 0 auto;
| |
| − | display: table;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − | .menu_list_class:before, .menu_list_class:after{
| |
| − | content: "";
| |
| − | display: table;
| |
| − | }
| |
| − | .menu_list_class:after{
| |
| − | clear: both;
| |
| − | }
| |
| − | .menu_list_class li{
| |
| − | // display: table-cell;
| |
| − | float: left;
| |
| − | list-style: none;
| |
| − | position: relative;
| |
| − | // margin: 0 1.71%;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | width: 12.5%;
| |
| − | text-align: center;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | .menu_list_class li a{
| |
| − | display: block;
| |
| − | box-sizing: border-box;
| |
| − | height: 48px;
| |
| − | margin: 0;
| |
| − | padding: 2px 0;
| |
| − | color: #583612;
| |
| − | font-size: 18px;
| |
| − | font-family: "Imprint MT Shadow";
| |
| − | line-height: 1;
| |
| − | text-decoration: none;
| |
| − | border: 3px double #583612;
| |
| − | background-color: #ffffff;
| |
| − | }
| |
| − | .menu_list_class li a:hover{
| |
| − | background: #583612;
| |
| − | color: #ffffff;
| |
| − | }
| |
| − | .menu_list_class li:hover ul li{
| |
| − | overflow: visible;
| |
| − | height: 48px;
| |
| − | // background: #583612;
| |
| − | }
| |
| − | /*
| |
| − | .menu_list_class li a span{
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | left: 50%;
| |
| − | vertical-align: middle;
| |
| − | }
| |
| − | */
| |
| − |
| |
| − | #menu_list_division ul.drop_menu{
| |
| − | position: absolute;
| |
| − | list-style: none;
| |
| − | width: 200%;
| |
| − | // left: -100%;
| |
| − | left: -50%;
| |
| − | z-index: 9999;
| |
| − | // top: 95%;
| |
| − | top: 100%;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | .drop_menu li{
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | overflow: hidden;
| |
| − | height: 0px;
| |
| − | transition: .5s;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | .drop_menu li a{
| |
| − | display: block;
| |
| − | box-sizing: border-box;
| |
| − | margin: 0;
| |
| − | width: 100%;
| |
| − | padding: 5px 15px;
| |
| − | // padding: 0 15px;
| |
| − | height: 48px;
| |
| − | border-top: 1px solid #583612;
| |
| − | text-align: left;
| |
| − | }
| |
| − | .drop_menu li:hover > a{
| |
| − | // background: #0d4f78;
| |
| − | }
| |
| − | .drop_menu li a:hover{
| |
| − | background: #583612;
| |
| − | color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | .drop_menu li:hover ul li{
| |
| − | overflow: visible;
| |
| − | height: 48px;
| |
| − | // background: #186b91;
| |
| − | }
| |
| − | #menu_list_division ul.second_level_menu{
| |
| − | list-style: none;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | /* top: -8%; // for igem page */
| |
| − | left: 100%;
| |
| − | /* left: 90%; // for igem page */
| |
| − | right: 80%;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | // background: #0d4f78;
| |
| − | -webkit-transition: all .5s ease;
| |
| − | transition: all .5s ease;
| |
| − | }
| |
| − | .second_level_menu li{
| |
| − | display: inline-block;
| |
| − | position: relative;
| |
| − | transition: .2s;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | .second_level_menu li a{
| |
| − | display: inline-block;
| |
| − | box-sizing: border-box;
| |
| − | // width: 100%;
| |
| − | margin: 0;
| |
| − | padding: 5px 15px;
| |
| − | height: 48px;
| |
| − | border-top: 1px solid #583612;
| |
| − | // background: #0d4f78;
| |
| − | text-align: left;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | .menu_list_class li:hover ul li ul{
| |
| − | overflow: hidden;
| |
| − | width: 0%;
| |
| − | }
| |
| − | .menu_list_class li ul li:hover ul{
| |
| − | overflow: visible;
| |
| − | width: 100%;
| |
| − | }
| |
| − | .menu_list_class li ul li:hover ul li{
| |
| − | overflow: visible;
| |
| − | width: 100%;
| |
| − | height: 48px;
| |
| − | // background: #186b91;
| |
| − | }
| |
| − | ul#experiment_list{
| |
| − | width: 200%;
| |
| − | left: -100%;
| |
| − | }
| |
| − | #menu_list_division ul#promoter_list{
| |
| − | position: absolute;
| |
| − | top: -100%;
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .logo_sponsors {
| |
| − | bottom: 20px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | /********************************* For smart phone ***********************************/
| |
| − | /*
| |
| − | @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;
| |
| − | }
| |
| | | | |
| | | | |
| Line 410: |
Line 95: |
| | } | | } |
| | | | |
| − | body{ | + | /*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-repeat: no-repeat; | | background-repeat: no-repeat; |
| Line 423: |
Line 108: |
| | // 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"); |
| | margin: 0 auto; | | margin: 0 auto; |
| − | } | + | }*/ |
| | /**********************************************************************/ | | /**********************************************************************/ |
| | #main_contents{ | | #main_contents{ |
| Line 482: |
Line 167: |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <div id="logo">
| |
| − | <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" />
| |
| − | </a>
| |
| − | </div><!-- /inner_logo -->
| |
| − | </div><!-- /logo -->
| |
| − |
| |
| − | <div class="clear"></div><!-- /clear -->
| |
| − | <div id="menu_list_division">
| |
| − | <ul id="menu_list1" class="menu_list_class">
| |
| − | <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>
| |
| − | <ul id="experiment_list" class="drop_menu">
| |
| − | <li><a>1. Toxin Assay</a>
| |
| − | <ul id="toxin_list" class="second_level_menu assay_menu">
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/Toxin_Assay/Overview" >1.0. Overview</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/Queens_capricious">1.3. <span style="font-style : italic">yafNO</span> System Assay</a></li>
| |
| − | </ul><!-- /toxin_list -->
| |
| − | </li>
| |
| − | <li><a>2. AHL Assay</a>
| |
| − | <ul id="ahl_list" class="second_level_menu assay_menu">
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/AHL_Assay/AHL_Reporter_Assay">2.1. AHL Reporter Assay</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/AHL_Assay/Only_Assay">2.2. Only Assay</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/AHL_Assay/Rhl_System_Assay">2.3. Rhl System Assay</a></li>
| |
| − | </ul><!-- /ahl_list -->
| |
| − | </li>
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/AmiE_Assay">3. AmiE Assay</a></li>
| |
| − | <li><a style="font-size: 14px; height: 60px;">4. Temperature Dependent Promoter Assay</a>
| |
| − | <ul id="promoter_list" class="second_level_menu assay_men">
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/Promoter_Assay/Pcold">4.1. Pcold</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/Promoter_Assay/Pheat">4.2. Pheat</a></li>
| |
| − | </ul><!-- /promoter_list -->
| |
| − | </li>
| |
| − | </ul><!-- /experiment_list -->
| |
| − | </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/Human_Practices">Human Practices</a>
| |
| − | <ul id="human_practices_list" class="drop_menu">
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices#overview">Human Practices Overview</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices#3E">HP 3E</a></li>
| |
| − | <li><a href="https://2016.igem.org/Team:Tokyo_Tech/Human_Practices#Policy_and_Practices">HP Policy and Practices</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 -->
| |
| − | </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><a href="https://2016.igem.org/Team:Tokyo_Tech/Collaborations">Collaborations</a>
| |
| − | </li>
| |
| − | <li><a href="javascript:void(0);">About us</a>
| |
| − | <ul id="about_ts_list" class="drop_menu">
| |
| − | <li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Description">Description</a></li>
| |
| − | <li class="drop_list"><a href="https://2016.igem.org/Team:Tokyo_Tech/Team">Team</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/Sponsors">Sponsors</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 -->
| |
| − | </li>
| |
| − | </ul><!-- /menu_list -->
| |
| − | </div><!-- /menu_list_division -->
| |
| | | | |
| − | </div>
| |
| | | | |
| | + | |
| | + | |
| | + | <div id="main_contents"> |
| | <p id="slideshow" class="resizeimage"> | | <p id="slideshow" class="resizeimage"> |
| | <img src="https://static.igem.org/mediawiki/2016/b/b3/T--Tokyo_Tech--slide1.jpg" alt="" class="active" /> | | <img src="https://static.igem.org/mediawiki/2016/b/b3/T--Tokyo_Tech--slide1.jpg" alt="" class="active" /> |
| Line 607: |
Line 224: |
| | <br> | | <br> |
| | <br> | | <br> |
| − | <div id="main_contents">
| + | <div id="ID" class="container"> |
| − | <div id="ID" class="container"> | + | |
| | <div id="ID_header" class="container_header"> | | <div id="ID_header" class="container_header"> |
| | <h2><span>Our story</span></h2> | | <h2><span>Our story</span></h2> |
