Difference between revisions of "Team:Oxford/Protocols"

Line 45: Line 45:
 
}*/
 
}*/
  
−
#header-lightbox {
 
−
    margin-top: -32px;
 
−
    width: 20%;
 
−
    padding-bottom: 40%;
 
−
    overflow: visible;
 
−
}
 
−
 
−
#header-lightbox-img {
 
−
    position: absolute;
 
−
    top: 0px;
 
−
    bottom: 0px;
 
−
    left: -20px;
 
−
    right: 0;
 
−
    background-image: url(https://static.igem.org/mediawiki/2017/4/44/T--Oxford--Protocols--Logo.png);
 
−
    background-size: cover;
 
−
    background-position: center 20%;
 
−
}
 
−
 
−
#header-lightbox-darken {
 
−
    position: absolute;
 
−
    top: 0px;
 
−
    bottom: 0px;
 
−
    left: 0px;
 
−
    right: 0px;
 
−
    background: rgba(0,0,0,0.2);
 
−
}
 
−
 
−
#header-lightbox-title {
 
−
    position: absolute;
 
−
    top: 70%;
 
−
    left: 0px;
 
−
    right: 0px;
 
−
    font-size: 10vw;
 
−
    font-weight: bolder;
 
−
    text-shadow: 1px 3px 5px rgba(0,0,0,0.8);
 
−
    color: white;
 
−
    text-align: center;
 
−
}
 
−
 
−
@media (max-width: 768px) {
 
−
    #header-lightbox {
 
−
        margin-top: 37px;
 
−
        background-position: center 20%;
 
−
        padding-bottom: 70%;
 
−
    }
 
−
 
−
    #header-lightbox-title {
 
−
        top: 60%;
 
−
    }
 
 
}
 
}
  
Line 131: Line 82:
 
.team-member-img {
 
.team-member-img {
 
     cursor: pointer;
 
     cursor: pointer;
−
}
 
−
 
−
.subject-icon {
 
−
    position: absolute;
 
−
    right: 10%;
 
−
    top: 6%;
 
−
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
 
−
    border-radius: 50%;
 
−
    width: 18%;
 
−
    background-position: center;
 
−
    background-size: 100%;
 
−
}
 
−
 
−
.subject-icon:before {
 
−
    content: "";
 
−
    display: block;
 
−
    padding-bottom: 100%;
 
−
}
 
−
 
−
.bioch {
 
−
    background-image: url(https://static.igem.org/mediawiki/2017/3/3a/T--oxford--team--biochemistry--icon.png);
 
−
}
 
−
 
−
.eng {
 
−
    background-image: url(https://static.igem.org/mediawiki/2017/7/71/T--oxford--team--engineering--icon.png);
 
−
}
 
−
 
−
.bio {
 
−
    background-image: url(https://static.igem.org/mediawiki/2017/d/d4/T--oxford--team--biology--icon.png);
 
−
}
 
−
 
−
.med {
 
−
    background-image: url(https://static.igem.org/mediawiki/2017/7/7c/T--oxford--team--medicine--icon.png);
 
−
}
 
−
 
−
#supervisor-header {
 
−
    margin-top: 50px;
 
−
    margin-bottom: 50px;
 
−
    text-align: center;
 
−
    font-size: 28pt;
 
−
    color: white;
 
−
    font-weight: bolder;
 
−
 
−
}
 
−
 
−
#supervisor-header>center {
 
−
    display:block;
 
−
    max-width: 800px;
 
−
    width: 80%;
 
−
    line-height: 0.1em;
 
−
    border-bottom: 3px solid white;
 
−
    text-align: center;
 
−
    font-size: 28pt;
 
−
    color: white;
 
−
    font-weight: bolder;
 
−
    margin: 0px auto;
 
−
}
 
−
 
−
#supervisor-header>center>span {
 
−
    background: rgb(95,155,175);
 
−
    padding: 0 20px;
 
−
}
 
−
 
−
#supervisor-container {
 
−
    margin-top: 50px;
 
−
    background: rgb(95,155,175);
 
−
}
 
−
 
−
.supervisor-description {
 
−
    padding-top: 10px;
 
−
    color: white;
 
−
    line-height: 1.8;
 
−
}
 
−
 
−
.supervisor {
 
−
    margin-bottom: 50px;
 
−
}
 
−
 
−
.supervisor-img img {
 
−
    border-radius: 10px;
 
−
}
 
−
 
−
.supervisor>div {
 
−
    margin-top: 30px;
 
−
}
 
 
</style>
 
</style>
  
Line 224: Line 90:
 
   <div class="col-sm-4">
 
   <div class="col-sm-4">
 
   </div>
 
   </div>
−
  <div class="col-sm-4" id="header-lightbox">
+
  <div class="col-sm-4">
−
   <div id="header-lightbox-img"></div>
+
   <img src="https://static.igem.org/mediawiki/2017/3/37/T--Oxford--Protocols--Figure_1.png">
 +
  </div>
 
   <div class="col-sm-4">
 
   <div class="col-sm-4">
 
   </div>
 
   </div>

Revision as of 22:53, 29 October 2017


Protocols

Create DNA in Snapgene
Order DNA from IDT
PCR from G-Blocks
Run a Gel of the PCR
Digest and Ligate
Transform and Plate
Inoculate (Placeholder Image)
Miniprep
Test Digest and Sequence
Send DNA to iGEM