Team:USTC-China/notebook

From 2014.igem.org

(Difference between revisions)
(Undo revision 239965 by Zhenzhang (talk))
Line 1: Line 1:
-
/* Main Layout */
+
{{:Team:USTC-China/partials/header}}
 +
<html>
 +
<div id="main" class="row">
 +
  <div id="main" class="row">
 +
    <div class="large-3 columns" id="side-navbar">
 +
      <div class="side-nav">
 +
        <dl class="accordion" data-accordion>
 +
          <dd class="accordion-navigation">
 +
            <a href="#panel">Notebook</a>
 +
            <div id="panel" class="content active">
 +
              <ul class="side-nav">
 +
                <li>
 +
                  <a href="https://2014.igem.org/Team:USTC-China/notebook/timeline">
 +
                    Timeline
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2014.igem.org/Team:USTC-China/notebook/bib">
 +
                    Bibliography
 +
                  </a>
 +
                </li>
 +
                <li>
 +
                  <a href="https://2014.igem.org/Team:USTC-China/notebook/protocols">
 +
                    Protocols
 +
                  </a>
 +
                </li>
 +
              </ul>
 +
            </div>
 +
          </dd>
 +
        </dl>
 +
      </div>
 +
    </div>
 +
   
 +
    <div class="large-9 columns" id="content-page">
 +
      <div class="title"><h1>Introduction</h1></div>
 +
      <div class="text">
 +
        <p> Out notebook has three sections: </p>
 +
        <ul>
 +
        <li> Timeline: Record our laboratory progress; </li>
 +
        <li> Bibliography: The collection of literatures </li>
 +
        <li> Protocols: The experiments standard we applied </li>
 +
        </ul>
-
#main {
+
        <p> We sincerely hoped that you can gain something from our notes, and if you have doubt of anything, you can contact us!</p>
-
    max-width: 100%;
+
      </div>
-
    padding-left: 5%;
+
     </div>
-
    padding-right: 5%;
+
   </div>
-
    background-color: white;
+
</div>
-
    padding-top: 30px;
+
</html>
-
}
+
{{:Team:USTC-China/partials/footer}}
-
 
+
-
/* Font */
+
-
 
+
-
.title h1 {
+
-
    color: #333333;
+
-
    font-size: 64px;
+
-
}
+
-
 
+
-
.text p {
+
-
    font-size: 20px;
+
-
     color: #333333;
+
-
    font-family: 'Noto serif', 'serif';
+
-
}
+
-
 
+
-
/* Responsive */
+
-
 
+
-
@media (max-width: 1050px){
+
-
    #side-navbar{
+
-
        display: none;
+
-
    }
+
-
 
+
-
    .title h1 {
+
-
        font-size: 50px;
+
-
    }
+
-
}
+
-
 
+
-
#topcontrol {
+
-
    z-index: 100;
+
-
}
+
-
 
+
-
 
+
-
.accordion-navigation a:hover {
+
-
    text-decoration: none;
+
-
}
+
-
 
+
-
#bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
-
margin-bottom: 15px;
+
-
margin-top: 50px;
+
-
}
+
-
 
+
-
.text ul, ol, dl {
+
-
line-height: 2.3rem;
+
-
font-size: 20px;
+
-
font-family: sans-serif;
+
-
margin-top: 10px;
+
-
margin-left: 0;
+
-
}
+
-
 
+
-
h3 {
+
-
font-size: 2.4rem;
+
-
}
+
-
 
+
-
.text {
+
-
   padding-left: 80px;
+
-
  padding-right: 80px;
+
-
  padding-bottom: 50px;
+
-
  padding-top: 30px;
+
-
}
+
-
 
+
-
.text p {
+
-
  font-size: 1.0em;
+
-
  color: #333333;
+
-
  font-family: 'Noto serif', 'serif';
+
-
  line-height: 1.65em;
+
-
}
+
-
 
+
-
.text img {
+
-
  margin-bottom: 25px;
+
-
}
+
-
 
+
-
p {
+
-
  margin-bottom: 20px;
+
-
}
+
-
 
+
-
 
+
-
@media (min-width: 800px){
+
-
    .title {
+
-
        padding-left: 80px;
+
-
        padding-right: 80px;
+
-
    }
+
-
 
+
-
    .text {
+
-
        padding-left: 80px;
+
-
        padding-right: 80px;
+
-
        padding-bottom: 50px;
+
-
    }
+
-
}
+

Revision as of 07:41, 15 October 2014

Introduction

Out notebook has three sections:

  • Timeline: Record our laboratory progress;
  • Bibliography: The collection of literatures
  • Protocols: The experiments standard we applied

We sincerely hoped that you can gain something from our notes, and if you have doubt of anything, you can contact us!