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

Line 1: Line 1:
 
{{:Team:British Columbia/Template/Fixednavbar}}
 
{{:Team:British Columbia/Template/Fixednavbar}}
 
<html lang="en">
 
<html lang="en">
<style>
+
 
.top{
+
    position:relative;
+
    margin-left:150px;
+
width: 100px;
+
height: 80px;
+
}
+
.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>
+
  
 
   <body>
 
   <body>
Line 63: Line 16:
 
<h1><small>Use the categories on the left to find the protocol you need:</small></h1>
 
<h1><small>Use the categories on the left to find the protocol you need:</small></h1>
 
<div class="button top">
 
<div class="button top">
<div class="button bottom"></div>
 
 
</div>
 
</div>
  
Line 81: Line 33:
  
 
<div class="tab-pane" id="a">
 
<div class="tab-pane" id="a">
 
+
</div>
</div></div>
+
  
  

Revision as of 22:03, 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.