Template:Tokyotechmenudark
From 2013.igem.org
(Difference between revisions)
(255 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | <html | + | <html> |
- | <head | + | <head> |
- | + | ||
- | + | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | < | + | <meta name="generator" content="MediaWiki 1.16.5" /> |
- | < | + | <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> |
+ | <style type="text/css"> | ||
+ | html { | ||
+ | overflow: -moz-scrollbars-vertical !important; | ||
+ | resize: auto; | ||
+ | font-family: Arial; | ||
+ | } | ||
- | + | body{ | |
- | + | min-height: 100%; | |
- | + | background: url("https://static.igem.org/mediawiki/2013/f/ff/Titech2013_background.png") no-repeat center center fixed; | |
- | + | -webkit-background-size: cover; | |
- | + | -moz-background-size: cover; | |
+ | -o-background-size: cover; | ||
+ | background-size: cover | ||
+ | } | ||
+ | h1, h2, h3, h4 { | ||
+ | font-family: Arial; | ||
+ | } | ||
+ | b{ | ||
+ | font-size: 19px; | ||
} | } | ||
- | . | + | |
- | + | h1 { | |
- | + | font-weight: bold; | |
+ | color: #000000; | ||
+ | font-size: 35px; | ||
+ | margin-top: 10px; | ||
+ | margin-left: 10px; | ||
+ | border-bottom: 4px solid #D8CE4A; | ||
+ | line-height: 1.1em; | ||
+ | margin-bottom: 0px; | ||
+ | padding-bottom:0px; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | color: #000000; | ||
+ | font-size: 17px; | ||
+ | margin-left: 20px; | ||
+ | border:0; | ||
+ | } | ||
+ | h3 { | ||
+ | color: #000000; | ||
+ | font-size: 25px; | ||
+ | margin-left: 30px; | ||
+ | } | ||
+ | h4 { | ||
+ | color: #000000; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | p { | ||
+ | text-indent:1em; | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | img { | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | border: 0px; | ||
+ | } | ||
+ | a { | ||
+ | text-decoration: none; | ||
+ | |||
+ | color: #0000CD; | ||
+ | } | ||
+ | em{ | ||
+ | font-style: normal; | ||
+ | font-size: 20px; | ||
+ | text-decoration: underline; | ||
+ | margin-left: 20px; | ||
+ | |||
} | } | ||
- | + | td { | |
- | + | padding-left:1%; | |
- | + | padding-right:1%; | |
- | + | vertical-align:top; | |
+ | } | ||
+ | ul { | ||
+ | margin:0px; | ||
+ | } | ||
+ | li { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | a:hover{ | ||
+ | text-decoration: none; | ||
+ | color: #FF4500; | ||
+ | } | ||
+ | table { | ||
+ | background-color:transparent; | ||
+ | padding: 0px; | ||
+ | border:0px; | ||
+ | } | ||
+ | #toc{ | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | width: 750px; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2013/2/23/Titech2013_makimono.png"); | ||
+ | background-size: 100% 100%; | ||
+ | padding: 70px 110px 95px 110px; | ||
} | } | ||
- | . | + | #toc, .toc{ |
- | + | border: 0; | |
- | + | background-color: transparent; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #toctitle h2{ | |
- | + | font-size: 20px; | |
- | + | color: #000000; | |
+ | text-decoration: underline overline; | ||
} | } | ||
- | . | + | .tocnumber{ |
- | + | visibility:hidden; | |
- | + | ||
- | + | ||
} | } | ||
- | . | + | .toctext{ |
- | + | font-size: 15px; | |
+ | |||
+ | font-weight: bold; | ||
} | } | ||
- | . | + | .projecttable { |
- | + | background-color: #EFEDFA; | |
+ | width: 90%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | border: hidden; | ||
+ | } | ||
+ | |||
+ | .firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | .box { | ||
+ | width: 900px; | ||
+ | margin-top: 0%; | ||
+ | margin-bottom: 2%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color: #FFFFFF; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | .moviebox{ | ||
+ | width: 100%; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | .tablebox { | ||
+ | background-color: #EFEDFA; | ||
+ | height: 100%; | ||
+ | border-radius: 5%; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | .boxtext { | ||
+ | background-color: #1B676B; | ||
+ | font-family: Arial; | ||
+ | align: bottom; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .textspace { | ||
+ | background-color: #EAFDE6; | ||
+ | margin-left: 8%; | ||
+ | margin-right: 15%; | ||
+ | height: 100%; | ||
+ | padding-left: 8%; | ||
+ | padding-right: 8%; | ||
+ | padding-top: 5%; | ||
+ | } | ||
+ | .thumbcaption { | ||
+ | font-size: 12px; | ||
+ | font-weight: bold; | ||
+ | text-align: center; | ||
} | } | ||
- | . | + | .gallerytext p { |
- | + | font-size: 12px; | |
- | + | font-weight: bold; | |
+ | text-align: center; | ||
} | } | ||
- | . | + | |
- | + | .stepbox { | |
- | + | width: 850px; | |
+ | margin-top: 0%; | ||
+ | margin-bottom: 2%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | padding: 5px 5px; | ||
+ | } | ||
+ | #step1 { | ||
+ | background-color: #d6e9ca; | ||
+ | } | ||
+ | #step2 { | ||
+ | background-color: #a0d8ef; | ||
+ | } | ||
+ | #step3 { | ||
+ | background-color: #f2a0a1; | ||
+ | } | ||
+ | #step4 { | ||
+ | background-color: #f7b977; | ||
+ | } | ||
+ | #step5 { | ||
+ | background-color: #d6e9ca; | ||
+ | } | ||
+ | #title{ | ||
+ | font-weight: bold; | ||
+ | font-size: 40px; | ||
+ | font-style: normal; | ||
+ | text-align: center; | ||
+ | padding: 10px 0px; | ||
+ | background-color: #000000; | ||
+ | color: #FFFFFF; | ||
+ | width: auto; | ||
} | } | ||
- | + | #silver{ | |
- | + | font-weight: bold; | |
- | + | font-size: 30px; | |
- | + | text-indent: 1em; | |
+ | padding: 10px 10px; | ||
+ | background-color: #923361; | ||
+ | color: #FFFFFF; | ||
} | } | ||
- | . | + | #top-section { |
- | + | background-image: url("top1.png"); | |
+ | background-position: center; | ||
+ | background-size: contain; | ||
+ | background-repeat: no-repeat; | ||
+ | height: inherit; | ||
+ | } | ||
+ | #p-logo { | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | #movie { | ||
+ | text-align: center; | ||
+ | } | ||
+ | #logospace { | ||
+ | background-image: url("top_bg.JPG"); | ||
+ | background-position: center; | ||
+ | } | ||
+ | #logotitle { | ||
+ | font-weight: bold; | ||
+ | float: right; | ||
+ | margin-left: auto; | ||
+ | margin-right: 20%; | ||
+ | margin-top: 7%; | ||
+ | font-size: 29px; | ||
+ | padding: 5px; | ||
+ | } | ||
+ | |||
+ | #pagemenu { | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | #abstract { | ||
+ | |||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 100%; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | #text-area { | ||
+ | width: 980px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2013/9/92/Titech2013_karakusa.jpg"); | ||
+ | background-size: 100px 75px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #menu { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | #sponser{ | ||
+ | width: 80%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color: #E7E5F0; | ||
+ | } | ||
+ | #bodyContent h1, #bodyContent h2 { | ||
+ | margin-bottom: 0em; | ||
} | } | ||
- | + | #dropmenu { | |
- | + | list-style: none; | |
+ | align: left ; | ||
+ | width: 980px; | ||
+ | height: 40px; | ||
+ | margin: 30px | ||
+ | padding: 0px; | ||
+ | background: #000000; | ||
+ | font-family: Arial; | ||
} | } | ||
- | + | #dropmenu li { | |
- | + | position: relative; | |
+ | width: 140px; | ||
+ | float: left; | ||
+ | margin: 0px; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | |||
} | } | ||
- | + | ||
- | + | #dropmenu li a { | |
+ | display: block; | ||
+ | margin: 0; | ||
+ | padding: 6px 10px 6px 10px; | ||
+ | color: #ffffff; | ||
+ | font-size: 15px; | ||
+ | font-weight: bold ; | ||
+ | line-height: 0.8; | ||
+ | text-decoration: none; | ||
} | } | ||
- | + | #dropmenu li:hover > a{ | |
- | + | background: #000000; | |
+ | color:#eb6101; | ||
} | } | ||
- | + | ||
- | + | #dropmenu li ul { | |
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
} | } | ||
- | + | ||
- | + | ||
+ | #dropmenu li ul li{ | ||
+ | overflow: hidden; | ||
+ | width: 280px; | ||
+ | height: 0px; | ||
+ | color: #000000; | ||
+ | -moz-transition: .2s; | ||
+ | -webkit-transition: .2s; | ||
+ | -o-transition: .2s; | ||
+ | -ms-transition: .2s; | ||
+ | transition: .2s; | ||
} | } | ||
- | li | + | #dropmenu li ul li a{ |
- | + | padding: 6px 10px; | |
+ | background: #000000; | ||
+ | text-align: center; | ||
+ | font-size: 15px; | ||
+ | font-weight: bold; | ||
+ | |||
} | } | ||
- | # | + | #dropmenu ul .qmswitch a{ |
- | + | color: #E5AAB6; | |
} | } | ||
- | # | + | #dropmenu ul .qmm13 a{ |
- | + | color: #A0CDE8; | |
- | + | ||
} | } | ||
- | + | #dropmenu ul .qmfarming a{ | |
- | + | color: #BFD4A5; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | ||
- | + | #dropmenu li:hover ul li{ | |
- | + | overflow: visible; | |
- | + | height: 24px; | |
- | + | border-top: 0px solid #000000; | |
- | + | border-bottom: 0px solid #000000; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | ||
- | + | #dropmenu li:hover ul li:hover a{ | |
- | + | background: #E7E5F0; | |
- | + | color:#eb6101; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #dropmenu ul .qmswitch a:hover{ | |
- | + | color: #99003E; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #dropmenu ul .qmm13 a:hover{ | |
- | + | color: #135498; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #dropmenu ul .qmfarming a:hover{ | |
- | + | color: #005234; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | #dropmenu li:hover ul li:first-child{ | |
- | + | border-top: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #dropmenu li:hover ul li:last-child{ | |
- | + | border-bottom: 0; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | </style> | |
- | + | </head> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </style> | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | <a name="topofthepage" style="background-color:transparent;"></a> |
- | + | ||
- | + | ||
- | < | + | <div id="text-area"> |
- | <div>< | + | <div id="logospace"><IMG src="https://static.igem.org/mediawiki/2013/c/c3/Titech2013_top.jpg" style="margin-left: 0%;" width="980" height="240" border=0 /> |
- | <div> | + | </div> |
- | + | <a style="position:absolute; top:30px; left:60%;" href="https://2013.igem.org/Main_Page"><b><img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="100px"></b></a> | |
- | + | <div id="pagemenu"> | |
- | + | <ul id="dropmenu" class="qmmc"> | |
- | + | <li> | |
- | + | <a class="qmparent2" href="https://2013.igem.org/Team:Tokyo_Tech">Home</a> | |
- | + | </li> | |
- | + | <li> | |
- | + | <a class="qmparent" href="javascript:void(0)">Project</a> | |
- | + | <ul> | |
- | + | <li class="qmswitch"> | |
- | + | <a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Ninja_State_Switching">Ninja State Switching</a> | |
- | + | </li> | |
- | + | <li class="qmm13"> | |
- | + | <a href="https://2013.igem.org/Team:Tokyo_Tech/Project/M13_Shuriken">M13 "Shuriken"</a> | |
- | + | </li> | |
- | + | <li class="qmfarming"> | |
- | + | <a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Farming">Farming</a> | |
- | + | </li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li> | |
- | + | <a class="qmparent" href="javascript:void(0)">Experiment</a> | |
- | + | <ul> | |
- | </div> | + | <li class="qmswitch"> |
- | < | + | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Confirmation_Assay">Crosstalk Confirmation Assay</a> |
+ | </li> | ||
+ | <li class="qmswitch"> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Circumvention_Assay">Crosstalk Circumvention Assay</a> | ||
+ | </li> | ||
+ | |||
+ | <li class="qmm13"> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/pSB-M13_Plasmid_Assay">pSB-M13 Plasmid Assay</a> | ||
+ | </li> | ||
+ | <li class="qmm13"> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Inducible_Plaque_Forming_Assay">Inducible Plaque Forming Assay</a> | ||
+ | </li> | ||
+ | <li class="qmfarming"> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/phoA_Promoter_Assay"><i>phoA</i> Promoter Assay</a> | ||
+ | </li> | ||
+ | <li class="qmfarming"> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Quantitative_Analysis_of_Cytokinin">Quantitative Analysis for Cytokinin</a> | ||
+ | </li> | ||
+ | <li class="qmfarming"> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/RM-lac_Hybrid_Promoter_Assay"><i>RM/lac</i> Hybrid Promoter Assay</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a class="qmparent" href="javascript:void(0)">Modeling</a> | ||
+ | <ul> | ||
+ | <li class="qmswitch"> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Crosstalk_Circumvention">Crosstalk Circumvention</a> | ||
+ | </li> | ||
+ | <li class="qmfarming"> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Incoherent_Feed_Forward_Loop">Incoherent Feed Forward Loop</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a class="qmparent2" href="https://2013.igem.org/Team:Tokyo_Tech/Submitted_Parts">Submitted Parts</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a class="qmparent2" href="https://2013.igem.org/Team:Tokyo_Tech/Human_Practice">Human Practice</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a class="qmparent" href="javascript:void(0)">More</a> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/More/Safety">Safety</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/More/Attribution_and_Contribution">Attribution and Contribution</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/More/Team">Team</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/More/Collaboration">Collaboration</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/More/Sponsors">Sponsors</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/More/Origami">Origami</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://igem.org/Team.cgi?id=1139">Official Team Profile</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2013.igem.org/Team:Tokyo_Tech/More/Judging_form">Judging form</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="qmclear"> | ||
+ | | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </div> |
Latest revision as of 01:12, 29 October 2013