Difference between revisions of "Team:Sydney Australia/Parts"

 
(69 intermediate revisions by 3 users not shown)
Line 5: Line 5:
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 +
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 +
<link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet">
 +
 
<style>  
 
<style>  
  
Line 17: Line 20:
 
#please h1 {
 
#please h1 {
 
font-family: "banaue", sans-serif;  
 
font-family: "banaue", sans-serif;  
−
color: #3e3f3f
+
color: #3e3f3f;
 +
font-size: 60px;
 +
}
 +
 
 +
#please h4 {
 +
  font-family: 'Quicksand', sans-serif;
 +
color: #3e3f3f;
 +
  font-size: 20px;
 +
  LINE-HEIGHT:20px;
 +
 
 
}
 
}
  
 
#please p {
 
#please p {
 
   font-family: 'Quicksand', sans-serif;
 
   font-family: 'Quicksand', sans-serif;
−
color: #3e3f3f
+
color: #3e3f3f;
 +
 
 
}
 
}
  
−
.img-center  {
+
#please h3 {
 +
  font-family: 'quicksand', sans-serif;
 +
color: #db4d4f;
 +
 
 +
}
 +
 
 +
#please h2 {
 +
  font-family: 'Quicksand', sans-serif;
 +
color: #a2cca3;
 +
font-size: 20.8px;
 +
 
 +
}
 +
 
 +
#please h5 {
 +
  font-family: 'Quicksand', sans-serif;
 +
color: #3e3f3f;
 +
font-size: 22px;
 +
font-weight: bold;
 +
 
 +
}
 +
 
 +
#please h6 {
 +
  font-family: 'Quicksand', sans-serif;
 +
color: #3e3f3f;
 +
font-size: 20px;
 +
padding:40px;
 +
 
 +
}
 +
 
 +
.crispy {
 
image-rendering: -moz-crisp-edges;
 
image-rendering: -moz-crisp-edges;
 
image-rendering: -o-crisp-edges;
 
image-rendering: -o-crisp-edges;
 
image-rendering: -webkit-optimize-contrast;
 
image-rendering: -webkit-optimize-contrast;
 
-ms-interpolation-mode: nearest-neighbor;
 
-ms-interpolation-mode: nearest-neighbor;
−
width:80%;
+
  padding:0px;
−
    }
+
  width:90%;  
 +
  margin-top: 0px;
 +
  margin-left:5%;,
 +
  margin-right:5%;
 +
background: #fff;
 +
}
  
−
.crispy {
+
.img-center  {
 
image-rendering: -moz-crisp-edges;
 
image-rendering: -moz-crisp-edges;
 
image-rendering: -o-crisp-edges;
 
image-rendering: -o-crisp-edges;
 
image-rendering: -webkit-optimize-contrast;
 
image-rendering: -webkit-optimize-contrast;
 
-ms-interpolation-mode: nearest-neighbor;
 
-ms-interpolation-mode: nearest-neighbor;
 +
width:80%;
 +
    }
 +
 +
.insert {
 +
  height: 68px;
 +
  width: 100%;
 +
  background-color:#fff;
 +
}
 +
.insert2 {
 +
  height: 150px;
 +
  width: 100%
 +
  background-color:#fff;
 +
}
 +
 +
.box {
 +
  background:#fff;
 +
  border:0px solid;
 +
  border-color: #e2e2e2;
 +
  margin-top: 0px;
 +
  box-sizing: border-box;
 +
  background-clip: padding-box;
 +
  padding:0 20px 20px 20px;
 +
  min-height:500px;
 +
  min-width:400px
 +
}
 +
 +
.bannerbox {
 +
  background:#e2e2e2;
 +
  border:0px solid;
 +
  border-color: #e2e2e2;
 +
  margin-top: 0px;
 +
  box-sizing: border-box;
 +
  background-clip: padding-box;
 +
  padding:0 20px 20px 20px;
 +
  height:750px;
 +
  width:100%;
 +
}
 +
 +
.content {
 
   padding:0px;  
 
   padding:0px;  
−
   width:100%;  
+
   width:80%;  
 
   margin-top: 0px;  
 
   margin-top: 0px;  
−
   margin-left:0%;,
+
   margin-left:10%;  
−
   margin-right:0%;
+
   margin-right:10%;
−
background: #e2e2e2;
+
 
}
 
}
  
−
table caption {
+
 
−
padding: .5em 0;
+
tr, tf {color:#3e3f3f;}
 +
tr td:hover { background: #e2e2e2; color: #3e3f3f; } 
 +
p, caption, h1 {font-family:'Quicksand';color:#3e3f3f;}
 +
 
 +
select {
 +
    width:30%;
 +
    height:10vh;
 +
    background-color:#e2e2e2;
 +
    position:relative;
 
}
 
}
  
−
table.dataTable th,
+
.box1, .box2, .box3, .box4, .box5 {
−
table.dataTable td {
+
   background:#f6d562;
−
   white-space: nowrap;
+
  border:0px solid;
 +
  border-color: #f6d562;
 +
  margin-top: 10px;
 +
  box-sizing: border-box;
 +
  background-clip: padding-box;
 +
  padding:0 10px 10px 10px;
 +
  max-height:2px;
 +
  width:500px;
 
}
 
}
  
−
.insert {
+
.box2 {
−
  height: 68px;
+
  background:#cfcfcf;
−
  width: 100%
+
  border-color: #cfcfcf;
−
  background-color:#e2e2e2;
+
 
}
 
}
  
−
</style>
+
.box3 {
−
</head>
+
  background:#cd8b65;
 +
  border-color: #cd8b65;
 +
}
  
−
<body>
+
.box4 {
 +
  background:#D9E2F3;
 +
  border-color: #D9E2F3;
 +
}
  
−
<div class = "insert">
+
.box5 {
−
</div>
+
  background:#93bcc1;
 +
  border-color: #93bcc1;
 +
  width:900px;
 +
}
  
 +
.center {
 +
    position: absolute;
 +
    right:4px;
 +
    top:80px;
 +
}
  
−
<!-- Banner-->
+
</style>
−
<div class="container-fluid page-heading">
+
</head>
−
<div class = "row"
+
<body>
−
<div style="background-color:#e2e2e2">
+
<div class="container-fluid">
−
<div class = "crispy">
+
−
      <center><img src="https://static.igem.org/mediawiki/2017/b/bf/T--Sydney_Australia--PartsBanner.gif" class="img-center" width="80%"></center>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<div class="container">
+
<div class = "row" style ="background-color:#e2e2e2;margin-top:60px;">
−
  <div class="row">
+
    <img class="center-block img-center" src="https://static.igem.org/mediawiki/2017/4/48/T--Sydney_Australia--partspage_banner.png" width="80%">
−
    <div class="col-xs-12" id = "please">
+
−
<div class="table-responsive">
+
−
<table summary="This table shows how to create responsive tables using Bootstrap's default functionality" class="table table-bordered table-hover">
+
−
        <thead>
+
−
          <tr>
+
−
            <th>Part Number</th>
+
−
            <th>Part Name</th>
+
−
            <th>Type</th>
+
−
            <th>Function</th>
+
−
            <th>Description</th>
+
−
          </tr>
+
−
        </thead>
+
−
        <tbody>
+
−
          <tr>
+
−
            <td>BBa_K2417000</td>
+
−
            <td>Human Proinsulin</td>
+
−
            <td>Basic</td>
+
−
            <td>Hormone therapy substitute</td>
+
−
            <td>Bronze</td>
+
−
          </tr>
+
−
    <tr>
+
−
            <td>BBa_K2417001</td>
+
−
            <td>Winsulin</td>
+
−
            <td>Basic</td>
+
−
            <td>Hormone therapy substitute</td>
+
−
            <td>Bronze</td>
+
−
          </tr>
+
−
        </tbody>
+
−
        <tfoot>
+
−
      </table>
+
−
    </div>
+
−
  </div>
+
 
</div>
 
</div>
  
 +
<div class ="row" style="height:5vw;"></div>
 +
<div id="please"><h6> Below is a table showing all the parts we have submitted to the registry. Please see our <a href="https://2017.igem.org/Team:Sydney_Australia/Basic_Part">basic parts </a> and <a href="https://2017.igem.org/Team:Sydney_Australia/Composite_Part">composite parts</a> pages for more information on each part, as well as our <a href="https://2017.igem.org/Team:Sydney_Australia/Improve">part improvements page</a> to see how we improved upon previously registered parts.</h6></div>
 +
<center>
 +
</html><groupparts>iGEM17 Sydney_Australia</groupparts>
 +
<html>
  
 +
<div class="row" style="height:10vw;"></div>
 +
</div>
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Sydney_Australia/templates/Footer}}
 
{{:Team:Sydney_Australia/templates/Footer}}

Latest revision as of 13:53, 1 November 2017

Below is a table showing all the parts we have submitted to the registry. Please see our basic parts and composite parts pages for more information on each part, as well as our part improvements page to see how we improved upon previously registered parts.
<groupparts>iGEM17 Sydney_Australia</groupparts>