Difference between revisions of "Team:British Columbia/Notebook/Protocols"

Line 33: Line 33:
  
 
<div class="tab-pane" id="a">
 
<div class="tab-pane" id="a">
 +
<style>
 +
.top{
 +
position:relative;
 +
width: 100px;
 +
height: 80px;
 +
float:left;
 +
margin:10px;
 +
}
 +
.button:before, .button:after{
 +
position:absolute;
 +
    width:70%; height:50%;   
 +
content: ""; 
 +
    z-index:-1;
 +
}
 +
.top:before {
 +
    left:0; top:0;
 +
    -webkit-transform:skewX(-20deg);
 +
    -ms-transform:skewX(-20deg);
 +
    transform:skewX(-20deg);
 +
    background: #469BF9;
 +
    box-shadow: -5px 10px 0px -5px #104f96;
 +
    z-index:-2;
 +
}
 +
.top:after {
 +
    right:0; top:0;
 +
    -webkit-transform:skewX(20deg);
 +
    -ms-transform:skewX(20deg);
 +
    transform:skewX(20deg);
 +
    background: #469BF9;
 +
    box-shadow: 5px 10px 0px -5px #104f96;
 +
    z-index:-2;
 +
}
 +
.bottom:before{
 +
    left:0; top:50%;
 +
    -webkit-transform:skewX(20deg);
 +
    -ms-transform:skewX(20deg);
 +
    transform:skewX(20deg);
 +
    background: #1E80F7;
 +
    box-shadow: -4px 5px 0px 0px #104f96;
 +
}
 +
.bottom:after{
 +
    right:0; top:50%;
 +
    -webkit-transform:skewX(-20deg);
 +
    -ms-transform:skewX(-20deg);
 +
    transform:skewX(-20deg);
 +
    background: #1E80F7;
 +
    box-shadow: 4px 5px 0px 0px #104f96;
 +
}
 +
</style>
 +
<div class="button top">
 +
<div class="button bottom"></div>
 +
</div>
 +
<div class="button top">
 +
<div class="button bottom"></div>
 +
 
</div>
 
</div>
  

Revision as of 22:06, 1 September 2015

UBC iGEM 2015

 

Protocols

 

Use the categories on the left to find the protocol you need:

Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.
hirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae.Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis elementum auctor accumsan. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae.