Difference between revisions of "Team:Rice/Parts"

Line 4: Line 4:
 
<head>
 
<head>
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<style>
+
<style>
−
* {
+
        * {
 
   box-sizing: border-box;
 
   box-sizing: border-box;
 
}
 
}
Line 14: Line 14:
 
    #sideMenu, #top_title, .patrollink  {display:none;}
 
    #sideMenu, #top_title, .patrollink  {display:none;}
 
         #content {  margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 
         #content {  margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
 
+
       
 
         #topbox{
 
         #topbox{
 
             height:50vh;
 
             height:50vh;
−
             width:100%;
+
             width: 100%;
 
             background-image: url(https://static.igem.org/mediawiki/2019/7/70/T--Rice--Parts.svg);
 
             background-image: url(https://static.igem.org/mediawiki/2019/7/70/T--Rice--Parts.svg);
 
             background-size: cover;
 
             background-size: cover;
−
             background-position: 50% 50%;
+
             background-position: 50% 30%;
 
             background-attachment: absolute;
 
             background-attachment: absolute;
 
             display: table;
 
             display: table;
 
             background-color: #1f9ec1!important;
 
             background-color: #1f9ec1!important;
−
        }
+
              }
−
        #topbox h1{
+
 
 +
              #topbox h1{
 
             font-size: 70px;
 
             font-size: 70px;
 
             color: white !important;
 
             color: white !important;
Line 44: Line 45:
 
         background-color: #fff!important;
 
         background-color: #fff!important;
 
         }
 
         }
 +
             
 +
      div.center{
 +
    text-align: center!important;
 +
    margin-bottom: 5px;
 +
}
 +
 
 +
.container{
 +
  width: 72%;
 +
  margin-left: 15% !important;
 +
                        margin-top: 2% !important;
 +
  }
  
−
/* Create two equal columns that floats next to each other */
+
h1{
−
.column {
+
color:#000000!important;
−
  float: left;
+
font-family: comfortaa!important;
−
  width: 50%;
+
font-size: 50px!important;
−
  padding:10px;
+
                        line-height: 100%;
−
}
+
}
 +
h2{
 +
color:#000000!important;
 +
font-family: comfortaa!important;
 +
font-size: 30px!important;
 +
                        line-height: 100%;
 +
}
 +
              h3{
 +
color:#000000!important;
 +
font-family: comfortaa!important;
 +
font-size: 25px!important;
 +
                        line-height: 100%;
 +
}
 +
p, ol{
 +
color:#000000!important;
 +
font-family: raleway!important;
 +
font-size: 20px!important;
 +
                        align = "left";
 +
                      font-weight: normal;
 +
}
  
−
/* Clear floats after the columns */
 
−
.row:after {
 
−
  content: "";
 
−
  display: table;
 
−
  clear: both;
 
  
−
}
+
 
−
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
+
        .pb {
−
@media screen and (max-width: 700px) {
+
color:white!important;
−
  .column {
+
font-family: font-family: raleway!important;
−
    width: 100%;
+
font-size: 18px!important;
−
  }
+
}
 +
.caption{
 +
color:#000000!important;
 +
font-family: font-family: raleway!important;
 +
font-size: 16px!important;
 +
  }
 +
  .container{
 +
  width: 72%;
 +
  margin: auto;
 +
  padding-top: 10px;
 +
  padding-right: 10px;
 +
            margin-right: 3%;
 +
            align: left;
 +
  }
 +
div.center{
 +
text-align: center!important;
 +
margin-bottom: 5px;
 +
}
 +
.scale{
 +
width:90%!important;
 +
}
 +
        .scale2{
 +
width:65%!important;
 +
}
 +
table.center{
 +
    margin-left:auto!important;
 +
    margin-right:auto!important;
 +
  }
 +
 
 +
  .scale3{
 +
width:69%!important;
 +
}
 +
table.center{
 +
    margin-left:auto!important;
 +
    margin-right:auto!important;
 +
  }
 +
  table.text{
 +
color:#000000!important;
 +
font-family: raleway!important;
 +
font-size: 16px!important;
 +
  }
 +
  .tableheader{
 +
color:#0145ac!important;
 +
font-family: comfortaa!important;
 +
font-size: 22px!important;
 +
  }
 +
 
 +
             
 +
      div.center{
 +
    text-align: center!important;
 +
            .container{
 +
  width: 80%;
 +
  margin-left: 10% !important;
 +
                        margin-top: 2% !important;
 +
                        padding-bottom: 50px;
 +
      }
 +
 +
       
 +
 
 +
p{
 +
color:#000000!important;
 +
font-family: raleway!important;
 +
font-size: 16px!important;
 
}
 
}
  
−
p {
+
table.center{
−
        color:#000000!important;
+
    margin-left:auto!important;
−
font-family: raleway!important;
+
    margin-right:auto!important;
−
font-size: 20px!important;
+
−
                padding: 0px!important;
+
−
                margin-left:5%!important;
+
−
                margin-right:5%!important;       
+
−
    }
+
−
h1{
+
−
color:#000000 !important;
+
−
font-family: comfortaa !important;
+
−
font-size: 70px!important;
+
−
                text-align:center;
+
−
                color: #fff!important;
+
−
                padding:40px!important;
+
  
−
}
+
  }
−
h2{
+
  table.text{
−
color:#000000!important;
+
color:#000000!important;
−
font-family: comfortaa !important;
+
font-family: raleway!important;
−
font-size: 30px!important;
+
font-size: 16px!important;
−
                text-align:center;
+
  }
−
                margin-left:5%!important;
+
  .tableheader{
−
                margin-right:5%!important; 
+
color:##0145ac!important;
−
    }
+
font-family: comfortaa!important;
−
h3{
+
font-size: 22px!important;
−
color:#000000!important;
+
  }
−
font-family: comfortaa !important;
+
          body {
−
font-size: 20px!important;
+
−
                text-align:center;
+
−
    }
+
−
body {
+
 
         margin: 0;
 
         margin: 0;
 
         background-color: #fff!important;
 
         background-color: #fff!important;
 +
    }
 +
 +
    #beforeImage {
 +
  padding: 20px;
 +
  display: inline-block; /* or block */
 
     }
 
     }
 
</style>
 
</style>
Line 105: Line 182:
  
 
<body>
 
<body>
 +
        <div id="topbox">
 +
            <h1></h1>
 +
        </div>
  
−
    <div id="topbox">
+
<div id = "container">
−
        <h1></h1>
+
<table class = "center text" align = "center">
−
    </div>
+
<thead>
−
   
+
  
−
<div id="container">
 
  
 +
<p>
 +
<br>
 +
</p>
 +
</thead>
 +
 +
 +
 +
<tr>
 +
<col width="10">
 +
<col width="200">
 +
<col width="400">
 +
  <col width="10">
 +
    <th>Name</th>
 +
    <th>Type</th>
 +
    <th>Description</th>
 +
    <th>Length</th>
 +
                  </tr>
 +
                 
 +
  <tr>
 +
    <td><a href='http://parts.igem.org/Part:BBa_K2540011'>BBa_K2540011</a></td>
 +
    <td>(type)</td>
 +
    <td>(description)</td>
 +
    <td>(length)</td>
 +
 +
  </tr>
 +
 +
 +
 +
  <tr>
 +
                    <td><a href='http://parts.igem.org/Part:BBa_K2540010'>BBa_K2540010</a></td>
 +
                    <td>(type)</td>
 +
    <td>(description)</td>
 +
                    <td>(length)</td>
 +
                   
 +
                  </tr>
 +
   
 +
                 
 +
  <tr>
 +
                        <td><a href='http://parts.igem.org/Part:BBa_K2540010'>BBa_K2540010</a></td>
 +
                        <td>(type)</td>
 +
                        <td>(description)</td>
 +
                        <td>(length)</td>
 +
                       
 +
                    </tr>
  
−
<h2>The Rice iGEM team has synthesized the following parts:</h2>
 
−
<div class="center">
 
−
<img class="img-responsive" style="width:70%;" src="https://static.igem.org/mediawiki/2019/d/dd/T--Rice--Partstablev2.jpg"/>
 
−
</div>
 
−
</div>
 
  
 +
</table>
 +
</div>
  
−
<div class="container">
 
−
<br />
 
−
<br />
 
  
−
<h2>For those interested in repeating our work, we have compiled a list of all the sequences and embedded them below.</h2>
 
−
<div class="report">
 
−
    <div class="column">
 
−
        <h3> List of single stranded sequences</h3>
 
−
        <div class="report">
 
−
    <div class="center">
 
−
        <iframe src="https://static.igem.org/mediawiki/2019/7/76/T--Rice--oligolist.pdf" width="100%" margin="10%" height="600px" download="Single Strand Sequences">
 
−
        </iframe>
 
−
    </div></div></div>
 
−
    <div class="column">
 
−
        <h3> List of double stranded sequences</h3>
 
−
        <div class="report">
 
−
    <div class="center">
 
−
        <iframe src="https://static.igem.org/mediawiki/2019/6/65/T--Rice--Plasmidsequences.pdf" width="100%" margin="10%" height="600px" download="Double Strand Sequences">
 
−
        </iframe>
 
−
</div>
 
−
</div></div>
 
−
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
 
−
</div>
 
 
</body>
 
</body>
 
</html>
 
</html>
 
{{Rice/footer}}
 
{{Rice/footer}}

Revision as of 01:52, 22 October 2019
Name Type Description Length
BBa_K2540011 (type) (description) (length)
BBa_K2540010 (type) (description) (length)
BBa_K2540010 (type) (description) (length)