Difference between revisions of "Team:Tianjin/Notebook"

 
(31 intermediate revisions by one other user not shown)
Line 5: Line 5:
 
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincss?action=raw&ctype=text/css
 
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:maincss?action=raw&ctype=text/css
 
" rel="stylesheet">
 
" rel="stylesheet">
−
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhaijaan|Montserrat:300i,400,400i,500i,600i,700,700i|PT+Sans:400,400i,700" rel="stylesheet">
+
 
−
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:Tianjin/Resources/CSS:fonts?action=raw&ctype=text/css">
  
 
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:tab?action=raw&ctype=text/css
 
<link href="https://2017.igem.org/Team:Tianjin/Resources/CSS:tab?action=raw&ctype=text/css
 
" rel="stylesheet">
 
" rel="stylesheet">
−
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:tabjq?action=raw&ctype=text/javascript"></script>
+
 
 
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:tabbootstrap?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript" src="https://2017.igem.org/Team:Tianjin/Resources/JS:tabbootstrap?action=raw&ctype=text/javascript"></script>
  
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.325em;
+
         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: 'Baloo Bhaijaan', cursive;
+
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: 1.6em;
+
     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: linear-gradient(165deg, transparent 29%, #51698b 30%);
+
background: #51698b ;
−
font-size: 15px;
+
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: 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 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">
−
<div id="pagedescription">
+
 
 
             <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">Section 1</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">Section 2</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">Section 3</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 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>Section 2222222222222222221</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/c/cc/1-s2.0-S0968089617302584-main.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%">
 
</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/c/cc/1-s2.0-S0968089617302584-main.pdf'" style="float:right;">
+
<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>Section 2</h3>
+
<h3>SCRaMbLE</h3>
−
<div style="width:53em; height:70em; margin:0 auto 0 auto;">
+
<div style="height:60em; margin:0 auto 0 auto;">
−
<object data="https://static.igem.org/mediawiki/2017/c/cc/1-s2.0-S0968089617302584-main.pdf" type="application/pdf" width="100%" height="80%">
+
<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/c/cc/1-s2.0-S0968089617302584-main.pdf'" style="float:right;">
+
<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>Section 3</h3>
+
<h3>Verification of Mating Swicher</h3>
−
<div style="width:53em; height:70em; margin:0 auto 0 auto;">
+
<div style="height:60em; margin:0 auto 0 auto;">
−
<object data="https://static.igem.org/mediawiki/2017/c/cc/1-s2.0-S0968089617302584-main.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%">
 +
</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;">
 +
<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/c/cc/1-s2.0-S0968089617302584-main.pdf'" style="float:right;">
+
<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>

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