Notebook
Notebook 1:Mating Type Switching
Notebook 2:SCRaMbLE
Notebook 3:Verification of Mating Swicher
Notebook 4:Heavy Metal
Liu Zichen (Talk | contribs) |
|||
(15 intermediate revisions by one other user not shown) | |||
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 119: | 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 136: | 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 169: | Line 180: | ||
height: 70px; | height: 70px; | ||
line-height: 65px; | line-height: 65px; | ||
− | background: | + | background: #51698b ; |
font-size: 2rem; | font-size: 2rem; | ||
font-weight: 600; | font-weight: 600; | ||
Line 182: | 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 247: | 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> |
− | <p> | + | <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 259: | 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-refresh"></i></a></li> | + | <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-bar-chart"></i></a></li> | + | <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"></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/d/dd/Tianjin-nb-matingswitching.pdf" type="application/pdf" width="100%" height="80%"> | <object data="https://static.igem.org/mediawiki/2017/d/dd/Tianjin-nb-matingswitching.pdf" type="application/pdf" width="100%" height="80%"> | ||
Line 285: | Line 291: | ||
</div> | </div> | ||
<div role="tabpanel" class="tab-pane fade" id="Section3"> | <div role="tabpanel" class="tab-pane fade" id="Section3"> | ||
− | <h3>Verification of Mating | + | <h3>Verification of Mating Swicher</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/c/cc/Tianjin-nb-Verification.pdf" type="application/pdf" width="100%" height="80%"> | <object data="https://static.igem.org/mediawiki/2017/c/cc/Tianjin-nb-Verification.pdf" type="application/pdf" width="100%" height="80%"> |
/* OVERRIDE IGEM SETTINGS */