Team:SJTU-BioX-Shanghai/Notebook

From 2014.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 2: Line 2:
{{Template:Team:SJTU-BioX-Shanghai/Header}}
{{Template:Team:SJTU-BioX-Shanghai/Header}}
{{Template:Team:SJTU-BioX-Shanghai/top-nav}}
{{Template:Team:SJTU-BioX-Shanghai/top-nav}}
-
{{Template:Team:SJTU-BioX-Shanghai/article}}
+
{{Template:Team:SJTU-BioX-Shanghai/preview}}
<html>
<html>
<style type="text/css">
<style type="text/css">
   .header_logo{ background-image:url("/wiki/images/f/f9/SJTU14_notebook.png");}
   .header_logo{ background-image:url("/wiki/images/f/f9/SJTU14_notebook.png");}
-
.jiao{ margin:0 auto;
 
-
      width:90%;
 
-
      font-family:OpenSans, 'Arial Black', Gadget, sans-serif;
 
-
      color: #2d3e58;
 
-
      }
 
.projtile {
.projtile {
-
     margin:5%;
+
     margin-left:10%;
-
    float:left;
+
     margin-right:10%;
-
    width:40%;
+
     width:30%;
-
    height:400px;   
+
     height:300px; }  
-
    background:#fbf4de;
+
#content
-
    overflow:hidden;
+
{
-
     margin-bottom:15px;
+
background-image: url('https://static.igem.org/mediawiki/2014/2/2d/SJTU14_Background.png');
-
  }
+
background-repeat: repeat;
-
.projtile_only {
+
}
-
    background:#fbf4de;
+
  @media screen and (max-width: 45em) {
-
    overflow:hidden;
+
-
    margin:15px auto;
+
-
    padding:15px 0px;
+
-
     width:96%;
+
-
     height:20px;  
+
-
    font-size:1.5em;
+
-
    font-weight: normal;
+
-
    }
+
-
.projtile_only h5{color: #2d3e58;}
+
-
.projtile h2 {
+
-
    padding-bottom:10px;
+
-
    padding-top:10px;
+
-
    color: #2d3e58;
+
-
    font-size:1.5em;
+
-
    font-weight: 100;
+
-
    }
+
-
.jiao p{
+
-
    margin:0 5%;
+
-
  font-family:'Trebuchet MS', Helvetica, sans-serif;
+
-
    font-weight:lighter;
+
-
    text-align: justify;
+
-
    word-spacing: 0.2em;
+
-
    font-size:17px;
+
-
    text-indent: 3em;
+
-
   
+
-
}
+
-
.jiao img{float:left;}
+
-
@media screen and (max-width: 45em) {
+
.projtile {
.projtile {
-
width:100%
+
width:100%;
 +
        height:200px;
}
}
}
}
@media screen and (max-width: 30em) {
@media screen and (max-width: 30em) {
-
 
+
.projtile {
 +
width:100%;
 +
        height:200px;
 +
}
}
}
    
    
Line 61: Line 32:
<div class="jiao">
<div class="jiao">
  <div class="projtile_only">
  <div class="projtile_only">
-
     <center><h5>This records our everyday work.</h5></center>
+
     <center><h2>This records our everyday work.</h2></center>
     </div>
     </div>
-
<p>"Rome was not built in a day."</p>
+
<div class="projtile_img"><p>"Rome was not built in a day."<br/>This quotation greatly applies to the work every team do to prove their thoughts.We write this page for ourselves to remember this long journey. Maybe there're only a few words, but the words reminds us how we accomplish what we intended to do at the first place.</p></div>
-
<p>This quotation greatly applies to the work every team do to prove their thoughts.We write this page for ourselves to remember this long journey. Maybe there're only a few words, but the words reminds us how we accomplish what we intended to do at the first place.</p>
+
     <div class="projtile">
     <div class="projtile">
-
      <a href="#" title="CONNECT">
+
  <a href="/Team:SJTU-BioX-Shanghai/daynotes" title="Gear Box">
-
      <center><h2>CONNECT</h2></center>
+
    <center><h2>Notes & Protocols</h2></center><br/>
-
      <center><img src="#" style="height:50px;margin-bottom:5px;margin-top:3px;"/></center>
+
    <center><img src="/wiki/images/7/70/Daynotes-small.png"></img></a></center>
-
    </a>
+
  <p>Our work notes.<br/><a href="/Team:SJTU-BioX-Shanghai/daynotes">Click here~</a></p>
-
      <p>  
+
</div>
-
 
+
<div class="projtile">
-
CONNECT information:
+
    <a href="/Team:SJTU-BioX-Shanghai/Safety" title="Maximize">
-
      </p>
+
      <center><h2>Safety</h2></center><br/>
-
    </div>
+
       <center><img src="/wiki/images/4/4e/Safetyform-small.png"></img></center></a>
-
    <div class="projtile">
+
<p>Be responsible to the lab is responsible to ourselves.<br/><a href="/Team:SJTU-BioX-Shanghai/Safety">Click here~</a></p>
-
    <a href="#" title="MAXIMIZE">
+
</div>
-
    <center> <h2>MAXIMIZE</h2></center>
+
-
       <center><img src="#" style="height:50px;margin-bottom:5px;margin-top:3px;"/></center>
+
-
    </a>
+
-
      <p>
+
-
 
+
-
MAXIMIZEinformation:
+
-
 
+
-
 
+
-
      </p>
+
-
    </div>
+
</div>
</div>
  <div style="clear:both;"></div>
  <div style="clear:both;"></div>
</html>
</html>
{{Team:SJTU-BioX-Shanghai/footer}}
{{Team:SJTU-BioX-Shanghai/footer}}

Latest revision as of 20:04, 17 October 2014

This records our everyday work.

"Rome was not built in a day."
This quotation greatly applies to the work every team do to prove their thoughts.We write this page for ourselves to remember this long journey. Maybe there're only a few words, but the words reminds us how we accomplish what we intended to do at the first place.

Safety


Be responsible to the lab is responsible to ourselves.
Click here~