Team:Queens Canada

From 2013.igem.org

(Difference between revisions)
Line 10: Line 10:
}
}
<!------Swivel Buttons------->
<!------Swivel Buttons------->
-
ul.look{height:auto;overflow:auto;}
+
ul.project{height:auto;overflow:auto;}
-
ul.look li{display:block;float:left;padding:20px;text-align:center;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
+
ul.project li{display:block;float:left;padding:20px;text-align:center;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
-
ul.look li a.image{border:3px solid #d8d7d7;display:block;padding:15px;-moz-border-radius:200em;-webkit-border-radius:200em;border-radius:200em;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);box-shadow:0 0 4px rgba(0, 0, 0, 0.8);background:#e87478;background:-moz-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #e87478), color-stop(100%, #e1383f));background:-webkit-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:-o-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:-ms-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:radial-gradient(ellipse at center, #e87478 0%, #e1383f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87478', endColorstr='#e1383f', GradientType=1);}
+
ul.project li a.image{border:3px solid #d8d7d7;display:block;padding:15px;-moz-border-radius:200em;-webkit-border-radius:200em;border-radius:200em;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.8);box-shadow:0 0 4px rgba(0, 0, 0, 0.8);background:#e87478;background:-moz-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #e87478), color-stop(100%, #e1383f));background:-webkit-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:-o-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:-ms-radial-gradient(center, ellipse cover, #e87478 0%, #e1383f 100%);background:radial-gradient(ellipse at center, #e87478 0%, #e1383f 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87478', endColorstr='#e1383f', GradientType=1);}
-
ul.look li a.image:hover img{transform:rotate(360deg) scale(0.95);-ms-transform:rotate(360deg) scale(0.95);-moz-transform:rotate(360deg) scale(0.9);-webkit-transform:rotate(360deg) scale(0.95);-o-transform:rotate(360deg) scale(0.95);}
+
ul.project li a.image:hover img{transform:rotate(360deg) scale(0.95);-ms-transform:rotate(360deg) scale(0.95);-moz-transform:rotate(360deg) scale(0.9);-webkit-transform:rotate(360deg) scale(0.95);-o-transform:rotate(360deg) scale(0.95);}
-
ul.look li a.image img{border:0px solid rgba(225, 225, 225, 0.9);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:200em;-webkit-border-radius:200em;border-radius:200em;-webkit-transition:all 1.5s ease-in-out 0s;-moz-transition:all 1.5s ease-in-out 0s;-o-transition:all 1.5s ease-in-out 0s;transition:all 1.5s ease-in-out 0s;}
+
ul.project li a.image img{border:0px solid rgba(225, 225, 225, 0.9);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:200em;-webkit-border-radius:200em;border-radius:200em;-webkit-transition:all 1.5s ease-in-out 0s;-moz-transition:all 1.5s ease-in-out 0s;-o-transition:all 1.5s ease-in-out 0s;transition:all 1.5s ease-in-out 0s;}
-
ul.look li p{text-align:justify;}
+
ul.project li p{text-align:justify;}
-
ul.look li a{display:block;}ul.look li a:hover h3{color:#e1383f;}
+
ul.project li a{display:block;}
 +
 
 +
ul.project li a:hover h3{color:#e1383f;}
</style>
</style>
</head>
</head>
Line 53: Line 55:
</center>
</center>
-
<ul class="look">
+
 
 +
<row>
 +
        <span4>
 +
        <ul class="project">
<li>
<li>
Line 64: Line 69:
<p>Description goes aqui.</p>
<p>Description goes aqui.</p>
</li>
</li>
-
</ul>
+
        </ul>
-
<row>
+
-
        <span4>
+
-
       
+
         </span4>
         </span4>
         <span4>
         <span4>
 +
        <ul class="project">
 +
 +
<li>
 +
<a href="http://base.webknit.co.uk/" class="image" title="attract" target="_blank">
 +
<img src="https://dl.dropboxusercontent.com/u/125588631/attract.jpg" />
 +
</a>
 +
<a href="http://base.webknit.co.uk/" title="attract" target="_blank">
 +
<h3>Attract.</h3>
 +
</a>
 +
<p>Description goes aqui.</p>
 +
</li>
 +
        </ul>
         </span4>
         </span4>
         <span4>
         <span4>

Revision as of 16:31, 4 June 2013

Untitled Document

Welcome to the Queen's University iGEM homepage!

Queen's University is located in Kingston, Ontario, a small city located on the eastern side of Canada. Their igem team is composed of dedicated students who have devoted their summer to working with synthetic biology, toiling away in labs and of course, having a blast. To find out more about what we've been up to, keep reading!