Difference between revisions of "Team:Tianjin/Notebook"

 
(15 intermediate revisions by one other user not shown)
Line 87: Line 87:
 
#description h1{
 
#description h1{
 
clear: both;
 
clear: both;
         margin-top: 1.325em;
+
         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: 1.6em;
+
     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: linear-gradient(165deg, transparent 29%, #51698b 30%);
+
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: linear-gradient(165deg, transparent 29%, #afcada 30%);
+
background:#afcada;
 
border: none;
 
border: none;
 
color: #51698b;
 
color: #51698b;
 
}
 
}
.tab .nav-tabs li a:before{
+
 
content: "";
+
height: 70px;
+
line-height: 90px;
+
border-bottom: 70px solid rgba(0, 0, 0, 0.1);
+
border-right: 10px solid transparent;
+
position: absolute;
+
top: 0;
+
left: 100%;
+
z-index: 1;
+
}
+
 
.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">
<div >
+
 
 
             <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>notebooknotebooknotebooknotebooknotebooknotebooknotebooknotebooknotebooknotebooknotebook</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>mating type switching</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 swicher</h3>
+
<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%">

Latest revision as of 03:18, 2 November 2017

/* OVERRIDE IGEM SETTINGS */

Notebook


Notebook 1:Mating Type Switching

Notebook 2:SCRaMbLE

Notebook 3:Verification of Mating Swicher

Notebook 4:Heavy Metal

Mating Type Switching

SCRaMbLE

Verification of Mating Swicher

Heavy Metal