Team:USTC-China/notebook

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:USTC-China/partials/header}}
+
/* Main Layout */
-
<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>
+
-
        <p> We sincerely hoped that you can gain something from our notes, and if you have doubt of anything, you can contact us!</p>
+
#main {
-
      </div>
+
    max-width: 100%;
-
     </div>
+
    padding-left: 5%;
-
   </div>
+
    padding-right: 5%;
-
</div>
+
    background-color: white;
-
</html>
+
    padding-top: 30px;
-
{{: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

/* Main Layout */

  1. main { 
   max-width: 100%;
   padding-left: 5%;
   padding-right: 5%;
   background-color: white;
   padding-top: 30px;

}

/* 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;
   }

}

  1. topcontrol { 
   z-index: 100;

}


.accordion-navigation a:hover { 

   text-decoration: none;

}

  1. 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;
   }

}

Retrieved from "http://2014.igem.org/Team:USTC-China/notebook"