Difference between revisions of "Team:KoreaSonyeodul/Composite Part"

(Prototype team page)
 
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{KoreaSonyeodul}}
 
{{KoreaSonyeodul}}
−
<html>
+
<html lang="en">
 +
  <head>
 +
    <style>
 +
      #wrap {width: 60%; margin: auto;}
 +
      body{
 +
      margin: 0;
 +
      background: url('https://static.igem.org/mediawiki/2016/e/ee/T--KoreaSonyeodul--TitleBackground.png');
 +
      background-size: 100%;
 +
      background-repeat: no-repeat;
 +
      background-attachment: top;
 +
      }
 +
      <!--mainTitle-->
 +
      .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;}
 +
      .site {width: 100%}
 +
            .site h1 {
 +
      margin-top: 15%;
 +
      color: #ffffff;
 +
      text-decoration: none;
 +
      font-size: 800%;
 +
      height: 35px; <!--error-->
 +
      background-color: rgba(255, 255, 255, 0.0);}
 +
      .site h2 {margin-top: 0; position: relative; margin-bottom: 300px; padding-bottom: 100px;
 +
      font-size: 300%;
 +
      color: #ffffff;
 +
font-weight: 100;
 +
      height: 30px;<!--error-->
 +
      }
 +
      table {text-align: center;}
 +
      .site .mainBox .mainBox1 {width: 1000px; margin-left: auto; margin-right: auto;}
 +
.content h1 {
 +
font-size: 30px;
 +
line-height: 1.3em;
 +
}
 +
.content h2 {
 +
font-size: 25px;
 +
line-height: 1.3em;
 +
font-weight: normal;
 +
}
 +
   
 +
      <!--FadeIn-->
 +
      @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
  
 +
      body {padding: 0; margin: 0; background-color: #333;}
  
−
<div class="column full_size judges-will-not-evaluate">
+
      .container {position: fixed; top: 25%; left: 25%;}
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Awards#Special_Prizes">Composite Part special prize</a>. </p>
+
  
 +
      @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 +
      @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
 +
      @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  
 +
      .fade-in {
 +
      opacity:0;  /* make things invisible upon start */
 +
      -webkit-animation:fadeIn ease-in 1;
 +
      -moz-animation:fadeIn ease-in 1;
 +
      animation:fadeIn ease-in 1;
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
      -webkit-animation-fill-mode:forwards;
−
</div>
+
      -moz-animation-fill-mode:forwards;
 +
      animation-fill-mode:forwards;
  
 +
      -webkit-animation-duration:1s;
 +
      -moz-animation-duration:1s;
 +
      animation-duration:1s;
 +
      }
  
 +
      .fade-in.one {
 +
      -webkit-animation-delay: 0.7s;
 +
      -moz-animation-delay: 0.7s;
 +
      animation-delay: 0.7s;
 +
      }
  
 +
      .fade-in.two {
 +
      -webkit-animation-delay: 1.2s;
 +
      -moz-animation-delay:1.2s;
 +
      animation-delay: 1.2s;
 +
      }
  
 +
      .fade-in.three {
 +
      -webkit-animation-delay: 1.6s;
 +
      -moz-animation-delay: 1.6s;
 +
      animation-delay: 1.6s;
 +
      }
  
−
<div class="column full_size">
+
    </style>
 +
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.css" rel="stylesheet"></link>
 +
    <link href="https://fonts.googleapis.com/css?family=Roboto:100,300" rel="stylesheet">
 +
      <meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
 +
    </link>
 +
  </head>
  
 +
  <body>
  
 +
    <!--Title-->
  
−
<p>
+
    <div class="box fade-in one">
−
A composite part is a functional unit of DNA consisting of two or more basic parts assembled together. <a href="http://parts.igem.org/wiki/index.php/Part:BBa_I13507">BBa_I13507</a> is an example of a composite part, consisting of an RBS, a protein coding region for a red fluorescent protein, and a terminator.
+
      <div id="" align="center">
−
</p>
+
        <div id="fontlight" class="site">
 +
          <h1>
 +
            <font face="Roboto" weight="200">COMPOSITE</font>
 +
          </h1>
 +
          <h2>
 +
            <font face="Roboto">Main Subtitle</font>
 +
          </h2>
 +
        </div>
 +
      </div>
 +
    </div>
  
−
<p>New composite BioBrick devices can be made by combining existing BioBrick Parts (like Inverters, Amplifiers, Smell Generators, Protein Balloon Generators, Senders, Receivers, Actuators, and so on).</p>
 
  
 +
    <!--TitleBoxes-->
 +
<div class="content">
 +
    <div id="wrap">
 +
      <div class="box fade-in two">
 +
        <h2>A composite part is a functional unit of DNA consisting of two or more basic parts assembled together. BBa_I13507 is an example of a composite part, consisting of an RBS, a protein coding region for a red fluorescent protein, and a terminator.
 +
        <br/>New composite BioBrick devices can be made by combining existing BioBrick Parts (like Inverters, Amplifiers, Smell Generators, Protein Balloon Generators, Senders, Receivers, Actuators, and so on).</h2>
 +
      </div>
 +
</div>
  
  
−
<div class="highlight">
+
      <!--OtherTitleBoxes-->
−
<h4>Note</h4>
+
      <div class="box fade-in three">
−
<p>This page should list all the composite parts your team has made during your project. You must add all characterization information for your parts on the Registry. You should not put characterization information on this page.</p>
+
  
−
</div>
+
    </div>
−
 
+
    <!--EndOfWrap-->
−
</div>
+
    <!--Footer-->
  
 +
  </body>
 
</html>
 
</html>

Latest revision as of 09:53, 9 October 2016

COMPOSITE

Main Subtitle

A composite part is a functional unit of DNA consisting of two or more basic parts assembled together. BBa_I13507 is an example of a composite part, consisting of an RBS, a protein coding region for a red fluorescent protein, and a terminator.
New composite BioBrick devices can be made by combining existing BioBrick Parts (like Inverters, Amplifiers, Smell Generators, Protein Balloon Generators, Senders, Receivers, Actuators, and so on).