Template:Tokyotechmenudark
From 2013.igem.org
(Difference between revisions)
Shinya0825 (Talk | contribs) |
|||
(101 intermediate revisions not shown) | |||
Line 17: | Line 17: | ||
body{ | body{ | ||
min-height: 100%; | min-height: 100%; | ||
- | background: url("https://static.igem.org/mediawiki/2013/ | + | background: url("https://static.igem.org/mediawiki/2013/f/ff/Titech2013_background.png") no-repeat center center fixed; |
-webkit-background-size: cover; | -webkit-background-size: cover; | ||
-moz-background-size: cover; | -moz-background-size: cover; | ||
Line 23: | Line 23: | ||
background-size: cover | background-size: cover | ||
} | } | ||
- | h1, h2, h3 { | + | h1, h2, h3, h4 { |
- | + | ||
font-family: Arial; | font-family: Arial; | ||
} | } | ||
Line 32: | Line 31: | ||
h1 { | h1 { | ||
+ | font-weight: bold; | ||
color: #000000; | color: #000000; | ||
font-size: 35px; | font-size: 35px; | ||
margin-top: 10px; | margin-top: 10px; | ||
margin-left: 10px; | margin-left: 10px; | ||
- | border-bottom: | + | border-bottom: 4px solid #D8CE4A; |
line-height: 1.1em; | line-height: 1.1em; | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
Line 45: | Line 45: | ||
color: #000000; | color: #000000; | ||
font-size: 17px; | font-size: 17px; | ||
- | + | margin-left: 20px; | |
+ | border:0; | ||
} | } | ||
h3 { | h3 { | ||
color: #000000; | color: #000000; | ||
font-size: 25px; | font-size: 25px; | ||
- | margin-left: | + | margin-left: 30px; |
- | + | ||
} | } | ||
h4 { | h4 { | ||
color: #000000; | color: #000000; | ||
font-size: 12px; | font-size: 12px; | ||
- | |||
} | } | ||
p { | p { | ||
- | text-indent: | + | text-indent:1em; |
- | padding: | + | padding-left: 15px; |
} | } | ||
img { | img { | ||
Line 70: | Line 69: | ||
text-decoration: none; | text-decoration: none; | ||
- | color: # | + | color: #0000CD; |
} | } | ||
+ | em{ | ||
+ | font-style: normal; | ||
+ | font-size: 20px; | ||
+ | text-decoration: underline; | ||
+ | margin-left: 20px; | ||
+ | |||
+ | } | ||
td { | td { | ||
padding-left:1%; | padding-left:1%; | ||
Line 87: | Line 93: | ||
a:hover{ | a:hover{ | ||
text-decoration: none; | text-decoration: none; | ||
- | color: # | + | color: #FF4500; |
} | } | ||
table { | table { | ||
Line 94: | Line 100: | ||
border: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 { | .projecttable { | ||
background-color: #EFEDFA; | background-color: #EFEDFA; | ||
Line 112: | Line 143: | ||
margin-right: auto; | margin-right: auto; | ||
background-color: #FFFFFF; | background-color: #FFFFFF; | ||
- | padding: | + | padding: 10px; |
} | } | ||
.moviebox{ | .moviebox{ | ||
Line 141: | Line 172: | ||
padding-right: 8%; | padding-right: 8%; | ||
padding-top: 5%; | 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{ | #title{ | ||
Line 148: | Line 213: | ||
text-align: center; | text-align: center; | ||
padding: 10px 0px; | 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 { | #top-section { | ||
Line 193: | Line 269: | ||
margin-left: auto; | margin-left: auto; | ||
margin-right: auto; | margin-right: auto; | ||
- | background- | + | background-image: url("https://static.igem.org/mediawiki/2013/9/92/Titech2013_karakusa.jpg"); |
+ | background-size: 100px 75px; | ||
+ | |||
} | } | ||
Line 210: | Line 288: | ||
margin-bottom: 0em; | 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; | |
- | + | } | |
+ | #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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </style | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</head> | </head> | ||
Line 452: | Line 399: | ||
<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> | <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"> | <div id="pagemenu"> | ||
- | <ul id=" | + | <ul id="dropmenu" class="qmmc"> |
<li> | <li> | ||
- | <a href="https://2013.igem.org/Team:Tokyo_Tech">Home</a> | + | <a class="qmparent2" href="https://2013.igem.org/Team:Tokyo_Tech">Home</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a class="qmparent">Project</a> | + | <a class="qmparent" href="javascript:void(0)">Project</a> |
<ul> | <ul> | ||
- | <li> | + | <li class="qmswitch"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Ninja_State_Switching">Ninja State Switching</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Ninja_State_Switching">Ninja State Switching</a> | ||
</li> | </li> | ||
- | <li> | + | <li class="qmm13"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Project/M13_Shuriken">M13 "Shuriken"</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Project/M13_Shuriken">M13 "Shuriken"</a> | ||
</li> | </li> | ||
- | <li> | + | <li class="qmfarming"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Farming">Farming</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Project/Farming">Farming</a> | ||
</li> | </li> | ||
Line 471: | Line 418: | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a class="qmparent">Experiment</a> | + | <a class="qmparent" href="javascript:void(0)">Experiment</a> |
<ul> | <ul> | ||
- | <li> | + | <li class="qmswitch"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Confirmation_Assay">Crosstalk Confirmation Assay</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Confirmation_Assay">Crosstalk Confirmation Assay</a> | ||
</li> | </li> | ||
- | <li> | + | <li class="qmswitch"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Circumvention_Assay">Crosstalk Circumvention Assay</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Crosstalk_Circumvention_Assay">Crosstalk Circumvention Assay</a> | ||
</li> | </li> | ||
- | <li> | + | <li class="qmm13"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/pSB-M13_Plasmid_Assay">pSB-M13 Plasmid Assay</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/pSB-M13_Plasmid_Assay">pSB-M13 Plasmid Assay</a> | ||
</li> | </li> | ||
- | <li> | + | <li class="qmm13"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Inducible_Plaque_Forming_Assay">Inducible Plaque Forming Assay</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Inducible_Plaque_Forming_Assay">Inducible Plaque Forming Assay</a> | ||
</li> | </li> | ||
- | <li> | + | <li class="qmfarming"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/phoA_Promoter_Assay"><i>phoA</i> Promoter Assay</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/phoA_Promoter_Assay"><i>phoA</i> Promoter Assay</a> | ||
</li> | </li> | ||
- | <li> | + | <li class="qmfarming"> |
- | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Quantitative_Analysis_of_Cytokinin">Quantitative Analysis | + | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/Quantitative_Analysis_of_Cytokinin">Quantitative Analysis for Cytokinin</a> |
</li> | </li> | ||
- | <li> | + | <li class="qmfarming"> |
- | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/RM-lac_Hybrid_Promoter_Assay"><i> | + | <a href="https://2013.igem.org/Team:Tokyo_Tech/Experiment/RM-lac_Hybrid_Promoter_Assay"><i>RM/lac</i> Hybrid Promoter Assay</a> |
</li> | </li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a class="qmparent">Modeling</a> | + | <a class="qmparent" href="javascript:void(0)">Modeling</a> |
<ul> | <ul> | ||
- | <li> | + | <li class="qmswitch"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Crosstalk_Circumvention">Crosstalk Circumvention</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Crosstalk_Circumvention">Crosstalk Circumvention</a> | ||
</li> | </li> | ||
- | <li> | + | <li class="qmfarming"> |
<a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Incoherent_Feed_Forward_Loop">Incoherent Feed Forward Loop</a> | <a href="https://2013.igem.org/Team:Tokyo_Tech/Modeling/Incoherent_Feed_Forward_Loop">Incoherent Feed Forward Loop</a> | ||
</li> | </li> | ||
Line 509: | Line 456: | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a class=" | + | <a class="qmparent2" href="https://2013.igem.org/Team:Tokyo_Tech/Submitted_Parts">Submitted Parts</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a href="https://2013.igem.org/Team:Tokyo_Tech/Human_Practice">Human Practice</a> | + | <a class="qmparent2" href="https://2013.igem.org/Team:Tokyo_Tech/Human_Practice">Human Practice</a> |
</li> | </li> | ||
<li> | <li> | ||
- | <a class="qmparent">More</a> | + | <a class="qmparent" href="javascript:void(0)">More</a> |
<ul> | <ul> | ||
<li> | <li> | ||
Line 531: | Line 478: | ||
<li> | <li> | ||
<a href="https://2013.igem.org/Team:Tokyo_Tech/More/Sponsors">Sponsors</a> | <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> | ||
<li> | <li> | ||
Line 536: | Line 486: | ||
</li> | </li> | ||
<li> | <li> | ||
- | <a href="https://igem.org/ | + | <a href="https://2013.igem.org/Team:Tokyo_Tech/More/Judging_form">Judging form</a> |
</li> | </li> | ||
</ul> | </ul> |
Latest revision as of 01:12, 29 October 2013