Notebook
Notebook 1:Mating Type Switching
Notebook 2:SCRaMbLE
Notebook 3:Verification of Mating Swicher
Notebook 4:Heavy Metal
Liu Zichen (Talk | contribs) |
|||
(25 intermediate revisions by one other user not shown) | |||
Line 31: | Line 31: | ||
#content {width: 100%; background: transparent; margin: 0; padding: 0; } | #content {width: 100%; background: transparent; margin: 0; padding: 0; } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 2px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 2px; } | ||
− | #top_menu_under | + | #top_menu_under |
height: 0px; | height: 0px; | ||
border-bottom: 0 none; | border-bottom: 0 none; | ||
Line 87: | Line 87: | ||
#description h1{ | #description h1{ | ||
clear: both; | clear: both; | ||
− | margin-top: 1. | + | margin-top: 1.1em; |
margin-bottom: 1.1em; | margin-bottom: 1.1em; | ||
line-height: 1.3; | line-height: 1.3; | ||
Line 93: | Line 93: | ||
font-size: 3.5 em; | font-size: 3.5 em; | ||
font-weight: 400; | font-weight: 400; | ||
− | font-family: ' | + | font-family: 'righteous',Verdana,sans-serif; |
text-align:center; | text-align:center; | ||
} | } | ||
Line 101: | Line 101: | ||
font-weight:bold; | font-weight:bold; | ||
color:#0D0F3D; | color:#0D0F3D; | ||
− | margin-bottom:2em | + | margin-bottom:2em; |
+ | font-famliy:'righteous',san-serif; | ||
} | } | ||
#description a{ | #description a{ | ||
Line 118: | Line 119: | ||
background-color:transparent; | background-color:transparent; | ||
} | } | ||
+ | |||
+ | #p1 { | ||
+ | font-size: 1.5em; | ||
+ | line-height: 1em; | ||
+ | font-weight: 400; | ||
+ | font-family: 'relaway',Verdana,sans-serif; | ||
+ | margin: 2em auto; | ||
+ | padding-top:2em; | ||
+ | } | ||
+ | |||
+ | |||
.content p { | .content p { | ||
padding: 10px 15px 4px 10px; | padding: 10px 15px 4px 10px; | ||
Line 135: | Line 147: | ||
font-size: 1.225em; | font-size: 1.225em; | ||
margin-bottom: 1.500em; | margin-bottom: 1.500em; | ||
− | line-height: | + | line-height: 1em; |
font-weight: 400; | font-weight: 400; | ||
text-align:justify; | text-align:justify; | ||
Line 168: | Line 180: | ||
height: 70px; | height: 70px; | ||
line-height: 65px; | line-height: 65px; | ||
− | background: | + | background: #51698b ; |
− | font-size: | + | font-size: 2rem; |
font-weight: 600; | font-weight: 600; | ||
color: #fff; | color: #fff; | ||
Line 181: | Line 193: | ||
.tab .nav-tabs li.active a, | .tab .nav-tabs li.active a, | ||
.tab .nav-tabs li a:hover{ | .tab .nav-tabs li a:hover{ | ||
− | background: | + | background:#afcada; |
border: none; | border: none; | ||
color: #51698b; | color: #51698b; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
.tab .nav-tabs li:last-child a:before{ | .tab .nav-tabs li:last-child a:before{ | ||
border: none; | border: none; | ||
Line 246: | Line 248: | ||
<div id="primary" class="content-area"> | <div id="primary" class="content-area"> | ||
<main id="main" class="about-main" role="main"> | <main id="main" class="about-main" role="main"> | ||
− | + | ||
<article id="description"> | <article id="description"> | ||
<h1>Notebook</h1> | <h1>Notebook</h1> | ||
− | <hr /> | + | <a title="huge suprise" href="https://2017.igem.org/Team:Tianjin/surprise23333" target="_blank"><hr></a> |
− | + | <div id="p1"> | |
+ | <p><i class="fa fa-random fa-x"></i> Notebook 1:Mating Type Switching</p> | ||
+ | <p><i class="fa fa-refresh fa-x"></i> Notebook 2:SCRaMbLE</i></p> | ||
+ | <p><i class="fa fa-bar-chart fa-x"></i> Notebook 3:Verification of Mating Swicher </i></p> | ||
+ | <p><i class="fa fa-cogs fa-x"></i> Notebook 4:Heavy Metal</p> | ||
+ | </div> | ||
<div class="container"> | <div class="container"> | ||
Line 258: | Line 265: | ||
<!-- Nav tabs --> | <!-- Nav tabs --> | ||
<ul class="nav nav-tabs" role="tablist"> | <ul class="nav nav-tabs" role="tablist"> | ||
− | <li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-random"></i></a></li> | + | <li role="presentation" class="active"><a href="#Section1" aria-controls="home" role="tab" data-toggle="tab"><i class="fa fa-random fa-2x"></i></a></li> |
− | <li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa- | + | <li role="presentation"><a href="#Section2" aria-controls="profile" role="tab" data-toggle="tab"><i class="fa fa-refresh fa-2x"></i></a></li> |
− | <li role="presentation"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa- | + | <li role="presentation"><a href="#Section3" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-bar-chart fa-2x"></i></a></li> |
+ | <li role="presentation"><a href="#Section4" aria-controls="messages" role="tab" data-toggle="tab"><i class="fa fa-cogs fa-2x"></i></a></li> | ||
</ul> | </ul> | ||
<!-- Tab panes --> | <!-- Tab panes --> | ||
<div class="tab-content tabs"> | <div class="tab-content tabs"> | ||
<div role="tabpanel" class="tab-pane fade in active" id="Section1"> | <div role="tabpanel" class="tab-pane fade in active" id="Section1"> | ||
− | <h3> | + | <h3>Mating Type Switching</h3> |
<div style="height:60em; margin:0 auto 0 auto;"> | <div style="height:60em; margin:0 auto 0 auto;"> | ||
− | <object data="https://static.igem.org/mediawiki/2017/ | + | <object data="https://static.igem.org/mediawiki/2017/d/dd/Tianjin-nb-matingswitching.pdf" type="application/pdf" width="100%" height="80%"> |
</object> | </object> | ||
<input type="button" name="kkk" value="Click here to check up the installation of Adobe Acrobat" onClick="if(isAcrobatPluginInstall()) alert('Adobe Acrobat has already been installed');else alert('Please install Adobe Acrobat');"/> | <input type="button" name="kkk" value="Click here to check up the installation of Adobe Acrobat" onClick="if(isAcrobatPluginInstall()) alert('Adobe Acrobat has already been installed');else alert('Please install Adobe Acrobat');"/> | ||
− | <input type="button" name="click here" value="click here to download our notebook" onClick="location='https://static.igem.org/mediawiki/2017/ | + | <input type="button" name="click here" value="click here to download our notebook" onClick="location='https://static.igem.org/mediawiki/2017/d/dd/Tianjin-nb-matingswitching.pdf'" style="float:right;"> |
</div> | </div> | ||
</div> | </div> | ||
<div role="tabpanel" class="tab-pane fade" id="Section2"> | <div role="tabpanel" class="tab-pane fade" id="Section2"> | ||
− | <h3> | + | <h3>SCRaMbLE</h3> |
<div style="height:60em; margin:0 auto 0 auto;"> | <div style="height:60em; margin:0 auto 0 auto;"> | ||
− | <object data="https://static.igem.org/mediawiki/2017/ | + | <object data="https://static.igem.org/mediawiki/2017/0/03/Tianjin-nb-scramble.pdf" type="application/pdf" width="100%" height="80%"> |
</object> | </object> | ||
<input type="button" name="kkk" value="Click here to check up the installation of Adobe Acrobat" onClick="if(isAcrobatPluginInstall()) alert('Adobe Acrobat has already been installed');else alert('Please install Adobe Acrobat');"/> | <input type="button" name="kkk" value="Click here to check up the installation of Adobe Acrobat" onClick="if(isAcrobatPluginInstall()) alert('Adobe Acrobat has already been installed');else alert('Please install Adobe Acrobat');"/> | ||
− | <input type="button" name="click here" value="click here to download our notebook" onClick="location='https://static.igem.org/mediawiki/2017/ | + | <input type="button" name="click here" value="click here to download our notebook" onClick="location='https://static.igem.org/mediawiki/2017/0/03/Tianjin-nb-scramble.pdf'" style="float:right;"> |
</div> | </div> | ||
</div> | </div> | ||
<div role="tabpanel" class="tab-pane fade" id="Section3"> | <div role="tabpanel" class="tab-pane fade" id="Section3"> | ||
− | <h3> | + | <h3>Verification of Mating Swicher</h3> |
+ | <div style="height:60em; margin:0 auto 0 auto;"> | ||
+ | <object data="https://static.igem.org/mediawiki/2017/c/cc/Tianjin-nb-Verification.pdf" type="application/pdf" width="100%" height="80%"> | ||
+ | </object> | ||
+ | <input type="button" name="kkk" value="Click here to check up the installation of Adobe Acrobat" onClick="if(isAcrobatPluginInstall()) alert('Adobe Acrobat has already been installed');else alert('Please install Adobe Acrobat');"/> | ||
+ | <input type="button" name="click here" value="click here to download our notebook" onClick="location='https://static.igem.org/mediawiki/2017/c/cc/Tianjin-nb-Verification.pdf'" style="float:right;"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div role="tabpanel" class="tab-pane fade" id="Section4"> | ||
+ | <h3>Heavy Metal</h3> | ||
<div style="height:60em; margin:0 auto 0 auto;"> | <div style="height:60em; margin:0 auto 0 auto;"> | ||
− | <object data="https://static.igem.org/mediawiki/2017/ | + | <object data="https://static.igem.org/mediawiki/2017/3/3c/Tianjin-nb-heavymetal.pdf" type="application/pdf" width="100%" height="80%"> |
</object> | </object> | ||
<input type="button" name="kkk" value="Click here to check up the installation of Adobe Acrobat" onClick="if(isAcrobatPluginInstall()) alert('Adobe Acrobat has already been installed');else alert('Please install Adobe Acrobat');"/> | <input type="button" name="kkk" value="Click here to check up the installation of Adobe Acrobat" onClick="if(isAcrobatPluginInstall()) alert('Adobe Acrobat has already been installed');else alert('Please install Adobe Acrobat');"/> | ||
− | <input type="button" name="click here" value="click here to download our notebook" onClick="location='https://static.igem.org/mediawiki/2017/ | + | <input type="button" name="click here" value="click here to download our notebook" onClick="location='https://static.igem.org/mediawiki/2017/3/3c/Tianjin-nb-heavymetal.pdf'" style="float:right;"> |
</div> | </div> | ||
</div> | </div> |
/* OVERRIDE IGEM SETTINGS */