Difference between revisions of "Team:Chalmers-Gothenburg/Notebook/protocols"

Line 678: Line 678:
 
}
 
}
  
−
/*.header is the class used in the header image at the top of pages*/
 
−
.header {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
  background-color: #000000;
 
−
  background-repeat: repeat;
 
−
  height: auto;
 
−
  line-height: 130px;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
−
  }
 
  
−
.header_Modelling {
+
.header_test {
−
  font-size: 45pt;
+
background-position: top;
−
  color: black;
+
background-attachment: fixed;
−
  text-align: center;
+
background-repeat: no-repeat;
−
position:bottom;
+
-webkit-background-size: cover;
−
  background-image: url("pictures_17/backgrounds/chalkboard_2.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
-moz-background-size: cover;
−
/*  min-height: 500px;*/
+
-o-background-size: cover;
 +
background-size: cover;
 +
        padding-top: 100vh;
 +
        background-image: url("https://static.igem.org/mediawiki/2017/f/f3/T--Chalmers-Gothenburg--Notebook_Protocols.jpg");
  
−
  background-attachment: fixed;
+
/*A lot of code for the line between the header and the body */
−
  background-position: center;
+
border-bottom: 3px solid transparent;
−
  background-repeat: no-repeat;
+
−
  background-size: cover;
+
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
Line 730: Line 705:
 
}
 
}
  
−
.header_Achievements_biobricks {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/bricks.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
  
−
  background-attachment: fixed;
+
/* Banner: name of the page */
−
  background-position: center;
+
#banner {
−
  background-repeat: no-repeat;
+
height: 100%;
−
  background-size: cover;
+
        position: relative;
−
background-color:#000000;
+
        bottom: 50px;
−
+
    float: left;
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
    width: 100%;
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
        font-size: 80pt; /*35pt*/
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
font-family:"Lato", cursive;
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
        color:#c91a03 ;
−
  border-image-slice: 1;
+
line-height: 65pt;
−
  -webkit-touch-callout: none;
+
        text-shadow: 5px 5px #000000;
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
 
}
 
}
  
−
.header_Project_theory {
+
#banner h3 {
−
  font-size: 45pt;
+
display: block;
−
  color: black;
+
position: absolute;
−
  text-align: center;
+
bottom: 50px;
−
position:bottom;
+
left: 200px;
−
  background-image: url("pictures_17/backgrounds/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 80pt; /*35pt*/
−
/* min-height: 500px;*/
+
font-family:"Lato", cursive;
 +
        color:#c91a03 ;
 +
line-height: 65pt;
 +
        text-shadow: 5px 5px #000000;
 +
        /*border-style:dashed;*/
 +
padding: 20px 20px 20px 20px;
  
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
 
}
 
}
  
−
.header_Project_constructs {
+
#banner h4 {
−
  font-size: 45pt;
+
display: block;
−
  color: black;
+
position: absolute;
−
  text-align: center;
+
bottom: -40px;
−
position:bottom;
+
left: 200px;
−
  background-image: url("pictures_17/backgrounds/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 40pt; /*35pt*/
−
/*  min-height: 500px;*/
+
font-family:"Lato", cursive;
−
 
+
        color:#c91a03 ;
−
  background-attachment: fixed;
+
line-height: 65pt;
−
  background-position: center;
+
        text-shadow: 3px 3px #000000;
−
  background-repeat: no-repeat;
+
        /*border-style:dashed;*/
−
  background-size: cover;
+
padding: 20px 20px 20px 20px;
−
background-color:#000000;
+
−
+
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
−
  border-image-slice: 1;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  cursor: default;
+
 
}
 
}
  
−
.header_Team_students {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/team_photos_2017/group_photo_stairs_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
−
}
 
−
 
−
.header_Team_supervisors {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/Chemistry_entrance_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
−
}
 
−
 
−
.header_Team_sponsors {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/money_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
−
}
 
−
 
−
.header_Team_collaborations {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/shaking_hands_darker.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
−
}
 
−
 
−
.header_Team_attributions {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/Chalmers_port_4.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
−
}
 
−
 
−
.header_Notebook_journal {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/Notebook.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
−
}
 
−
 
−
.header_Notebook_lab_safety {
 
−
  font-size: 45pt;
 
−
  color: black;
 
−
  text-align: center;
 
−
position:bottom;
 
−
  background-image: url("pictures_17/backgrounds/T--Chalmers-Gothenburg--Safety_form_Fume_hood.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
−
/*  min-height: 500px;*/
 
−
 
−
  background-attachment: fixed;
 
−
  background-position: center;
 
−
  background-repeat: no-repeat;
 
−
  background-size: cover;
 
−
background-color:#000000;
 
−
 
−
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
−
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
−
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
−
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
−
  border-image-slice: 1;
 
−
  -webkit-touch-callout: none;
 
−
  -webkit-user-select: none;
 
−
  -khtml-user-select: none;
 
−
  -moz-user-select: none;
 
−
  -ms-user-select: none;
 
−
  user-select: none;
 
−
  cursor: default;
 
−
}
 
  
 
.header-text {
 
.header-text {
Line 1,626: Line 1,366:
 
     <div class="wrap"> <!--To limit the width of the site-->
 
     <div class="wrap"> <!--To limit the width of the site-->
  
−
         
+
         <div class="header_test">
−
         <div class="header_Team_collaborations">
+
  <!-- Banner -->
−
    <div class="header-text">Notebook</div>
+
    <div id="banner">
−
    <div class="header-subtitle">Protocols</div>
+
            <h3>Protocols</h3>
−
    </div>
+
            </div>
 +
        </div>
 
        
 
        
 
       <div class="wrap-content">
 
       <div class="wrap-content">

Revision as of 15:08, 23 October 2017

Chalmers Gothenburg iGEM 2017

Introduction

Several protocols for specific procedures have been followed while working in the wet lab. These include protocols for PCR, purifications, digestions, assemblies as well as working with Saccharomyces cerevisiae and Escherichia coli. See the exact procedures in the lab journal.

Protocols

Protocols for PCR

Protocols for purification

Protocols for digestion and assembly

Protocols for Saccharomyces cerevisiae

Protocols for Escherichia coli

Protocols for Biobricks

Protocols for Interlab study