Team:St Pauls London/Procedures

From 2013hs.igem.org

(Difference between revisions)
Line 1: Line 1:
<html> <!-- STYLES -->
<html> <!-- STYLES -->
   <head>
   <head>
-
 
+
 
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
     <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
-
 
+
   
     <style>
     <style>
         body {
         body {
Line 12: Line 12:
         #p-logo {
         #p-logo {
 +
                display: none;
 +
        }
 +
 +
        form#searchform {
                 display: none;
                 display: none;
         }
         }
Line 25: Line 29:
                 height: 120px;
                 height: 120px;
                 width: 975px;
                 width: 975px;
-
                 background-image: url('https://static.igem.org/mediawiki/2013hs/1/17/Header_img_1.jpg');
+
                 background-image: url('https://static.igem.org/mediawiki/2013hs/b/b5/Banner.jpg');
         }
         }
-
         #toc
+
         #toc {
-
        {
+
                 display: none;
                 display: none;
         }
         }
-
     
+
 
-
#catlinks
+
        #catlinks {
-
        {
+
                 display: none;
                 display: none;
         }
         }
-
 
+
#internet-explorer {
#internet-explorer {
margin-top: 0px;
margin-top: 0px;
Line 61: Line 63:
font-weight: 400;
font-weight: 400;
font-size: 44px;
font-size: 44px;
 +
                color: black;
}
}
Line 87: Line 90:
/*----- HEADER BUTTONS -----*/
/*----- HEADER BUTTONS -----*/
 +
.nav_button {
.nav_button {
bottom: 20%;
bottom: 20%;
Line 96: Line 100:
text-align: center;
text-align: center;
vertical-align: middle;
vertical-align: middle;
-
display: table-cell;
+
display: table-cell;
-
                 font-weight: 100;
+
                 font-weight: 100;
}
}
-
+
 
-
a.nav_buttonLink, a.nav_buttonLink:visited {
+
        a.nav_buttonLink, a.nav_buttonLink:visited {
text-decoration: none;
text-decoration: none;
                 color: black;
                 color: black;
Line 108: Line 112:
text-decoration: underline;
text-decoration: underline;
}
}
 +
 +
        a.no-decoration {
 +
                text-decoration: none;
 +
                color: inherit;
 +
        }
         #first {
         #first {
Line 114: Line 123:
         #second {
         #second {
-
                 margin-left: 0px;
+
                 margin-left: -17px;
         }
         }
         #third {
         #third {
                 margin-right: -10px;
                 margin-right: -10px;
-
                 margin-left: -10px;
+
                 margin-left: -15px;
         }
         }
         #fourth {
         #fourth {
-
                 margin-right: -20px;
+
                 margin-left: -5px;
         }
         }
-
         #fifth {
+
/*----- END OF BUTTONS -----*/
-
                 margin-right: 20px;
+
 
 +
         ul.drop-down {
 +
                list-style: none;
 +
                 margin-top: 0px;
 +
                position: absolute;
 +
                padding: 0;
 +
        }
 +
 
 +
        ul.drop-down li {
 +
                display: none;
 +
                position: relative;
 +
                text-align: left;
 +
                margin: 5px;               
 +
        }
 +
 
 +
        div.drop-down {
 +
                background-color: #EAEAEA;
 +
        }
 +
 
 +
        ul.drop-down li.top-of-list {
 +
                display: block;
 +
                background-color: transparent;
 +
                color: black;
 +
                text-decoration: none;
 +
        }
 +
             
 +
        ul.drop-down:hover li {  /*----- shows drop down -----*/
 +
                display: block;             
 +
        }
 +
 
 +
        ul.drop-down:hover li.top-of-list {
 +
                color: #F93;
 +
text-decoration: underline;
         }
         }
-
/*----- END OF BUTTONS -----*/
 
-
 
/*----- END OF HEADER -----*/
/*----- END OF HEADER -----*/
Line 143: Line 182:
                 text-align: center;
                 text-align: center;
         }
         }
 +
.title-link, .title-link:active, .title-link:visited {
.title-link, .title-link:active, .title-link:visited {
text-decoration: none;
text-decoration: none;
Line 152: Line 192:
                 color: #F93;
                 color: #F93;
         }
         }
-
+
 
</style>
</style>
   </head>
   </head>
Line 186: Line 226:
   </div>
   </div>
     <!--[if gte IE 2 ]>
     <!--[if gte IE 2 ]>
-
  <p id="internet-explorer">This Wiki is designed for best use on <a href="https://www.google.com/intl/en_uk/chrome/browser/?hl=en-GB">Google Chrome</a> and <a href="https://www.mozilla.org/en-US/firefox/fx/#desktop">Mozilla Firefox</a>. Some key features are not available to your browser, please use a different browser or click <a href="">here</a>.</p>
+
  <p id="internet-explorer">This Wiki is designed for best use on <a href="https://www.google.com/intl/en_uk/chrome/browser/?hl=en-GB">Google Chrome</a> and <a href="https://www.mozilla.org/en-US/firefox/fx/#desktop">Mozilla Firefox</a>. Some features may not available to your browser.</p>
     <![endif]-->
     <![endif]-->
</html>
</html>
Line 195: Line 235:
<html>
<html>
-
   <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London"><div class="nav_button" id="first"><p class="nav_buttonText">
+
   <ul class="drop-down" id="first">
 +
  <li class="top-of-list">
 +
    <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
HOME
HOME
<html>
<html>
-
   </p></div></a>
+
   </p></div></a></li></ul>
</html>
</html>
|
|
<html>
<html>
-
<a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Project"><div class="nav_button" id="second"><p class="nav_buttonText">
+
  <ul class="drop-down" id="second">
 +
  <li class="top-of-list">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
PROJECT
PROJECT
<html>
<html>
-
   </p></div></a>
+
   </p></li></div>
</html>
</html>
 +
<html><div class="drop-down"><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Abstract"></html>
 +
ABSTRACT
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Parts"></html>
 +
PARTS
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Procedures"></html>
 +
PROCEDURES
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Protocols"></html>
 +
PROTOCOLS
 +
----
 +
<html></a></li></html>
 +
<html></div></ul></html>
|
|
<html>
<html>
-
   <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/The_Team"><div class="nav_button" id="third"><p class="nav_buttonText">
+
   <ul class="drop-down" id="third">
 +
  <li class="top-of-list">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
THE TEAM
THE TEAM
<html>
<html>
-
   </p></div></a>
+
   </li></p></div>
</html>
</html>
 +
<html><div class="drop-down"><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Participants"></html>
 +
PARTICIPANTS
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Supervisors"></html>
 +
SUPERVISORS
 +
----
 +
<html></a></li></html>
 +
<html></div></html>
|
|
<html>
<html>
-
   <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Procedures"><div class="nav_button" id="fourth"><p class="nav_buttonText">
+
   <ul class="drop-down" id="fourth">
 +
  <li class="top-of-list">
 +
    <div class="nav_button">
 +
    <p class="nav_buttonText">
</html>
</html>
-
PROCEDURES
+
OTHER
<html>
<html>
-
   </p></div></a>
+
   </li></p></div>
-
</html>
+
-
|
+
-
<html>
+
-
  <a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Notebook"><div class="nav_button" id="fifth"><p class="nav_buttonText">
+
</html>
</html>
 +
<html><div class="drop-down"><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Notebook"></html>
NOTEBOOK
NOTEBOOK
-
<html>
+
----
-
  </p></div></a>
+
<html></a></li></html>
-
</html>
+
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Human_Practices"></html>
 +
HUMAN PRACTICES
 +
----
 +
<html></a></li></html>
 +
<html><li><a class="nav_buttonLink" href="https://2013hs.igem.org/Team:St_Pauls_London/Safety"></html>
 +
SAFETY
 +
----
 +
<html></a></li></html>
 +
<html></div></html>
|-
|-
|}
|}

Revision as of 16:15, 6 May 2013

Contents

Procedures

Our project involves various different digest, ligation, transformation, purification and extraction steps. The PDFs below illustrate which methods we used (and at which stage they were used) during the construction of our operons.

Operons

Operon 1
Operon 2

Operon 3