Team:Queens Canada/Project

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<title>QGEM</title>
 +
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/125588631/bootstrap.min.css" media="screen" />
 +
<script src="http://code.jquery.com/jquery.js"></script>
 +
<script src="https://dl.dropboxusercontent.com/u/125588631/bootstrap.min.js"></script>
-
{{CSS/Main}}
+
<style>
 +
/* ----------------Display:none---------------- */
 +
#p-logo {
 +
display: none;
 +
}
 +
#search-controls {
 +
display: none;
 +
}
-
<html>
+
.firstHeading {
-
<!-- Latest compiled and minified CSS -->
+
display: none;
-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
+
}
-
<!--main content -->
+
#catlinks {
-
<table width="70%" align="center">
+
display: none;
 +
}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
#footer-box {
-
<!-- end welcome box -->
+
display: none;
-
<tr>
+
}
-
<!--navigation menu -->
+
#contentSub {
-
<td align="center" colspan="3">
+
display: none;
 +
}
-
<table  width="100%">
+
#globalWrapper{
-
<tr heigth="15px"></tr>
+
    margin:0;
-
<tr heigth="75px">
+
    padding:0;
 +
    background-color:#999999
 +
}
 +
#content{
 +
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#bodyContent{
-
<a href="https://2014.igem.org/Team:Queens_Canada"style="color:#000000">Home </a> </td>
+
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/**---------TOP-SECTION----**/
-
<a href="https://2014.igem.org/Team:Queens_Canada/Team"style="color:#000000"> Team </a> </td>
+
#top-section {
 +
height: 20px;
 +
width: 100%;
 +
background-color:#343838; /*per Page*/
 +
        margin:0;
 +
        padding:0;
 +
font-size:0.7em;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#menubar {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Queens_Canada"style="color:#000000"> Official Team Profile </a></td>
+
top: 1px;
 +
font-family: 'Droid Sans', sans-serif;
 +
}
 +
/* ----------------TopSection_left-menu---------------- */
 +
.left-menu,.left-menu a {
 +
color: white;
 +
left: 0px;
 +
text-transform: capitalize;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
.left-menu:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Project"style="color:#000000"> Project</a></td>
+
background-color: transparent;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu:hover a {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Parts"style="color:#000000"> Parts</a></td>
+
color: white;
 +
text-decoration: none !important;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.left-menu li a:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Modeling"style="color:#000000"> Modeling</a></td>
+
color: #ff6669;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/* ----------------TopSection_right-menu---------------- */
-
<a href="https://2014.igem.org/Team:Queens_Canada/Notebook"style="color:#000000"> Notebook</a></td>
+
.right-menu li {
 +
background-color: transparent;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.right-menu,.right-menu a {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Safety"style=" color:#000000"> Safety </a></td>
+
color: white;
 +
right: 0;
 +
text-align: right;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.right-menu:hover {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Attributions"style="color:#000000"> Attributions </a></td>
+
background-color: transparent;
 +
}
 +
.right-menu:hover a {
 +
color: white;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
.right-menu li a {
-
</tr>
+
background-color: transparent;
-
</table>
+
color: white;
 +
}
-
</tr>
+
.right-menu li a:hover {
-
</tr>
+
        text-decoration:none;
-
</td>
+
color: #ff6669;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
/**---------PAGE------------**/
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
#fullpage{
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
color:white;
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
height:100%;
 +
position:fixed;
 +
}
 +
body{
 +
background:white;
 +
background-size:cover;
 +
z-index:-999;
 +
}
 +
td{
 +
        text-align:center;
 +
}
 +
table{
 +
        width:90%;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
    border-radius: 20px;
 +
    height: 5em;
 +
    margin: 2em auto;
 +
    background-color:#d9e8f5;
 +
    box-shadow: 10px 10px 5px #888888;
 +
}
 +
/**---------HEADER----------**/
 +
.header-bg{
 +
        width:100%;
 +
background-color:#333366;
 +
padding:0px;
 +
        padding-left:0px;
 +
        padding-right:0px;
 +
        width:100%
 +
        min-width:1000px;
 +
}
 +
.header-logo{
 +
width:800px;
 +
padding-top:10px;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
}
-
<!--Project content  -->
+
/**-----HEADER-ANIMATION------**/
-
<tr><td > <h3> Project Description </h3></td>
+
-
<td ></td >
+
-
<td > <h3> Content</h3></td>
+
-
</tr>
+
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs) </p>
 
-
<br>
 
-
<h3>References </h3>
 
-
<p>
 
-
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>
 
-
</td>
 
-
<td></td>
+
.menuc {
-
<td  width="45%"  valign="top">
+
width: 100%;
-
<p> You can use these subtopics to further explain your project</p>
+
margin: 0;
 +
overflow: hidden;
 +
position:relative;
 +
padding-bottom:0px;
 +
text-align:center;
 +
display:inline-block;
 +
}
-
<ol>
+
#panel {
-
<li>Overall project summary</li>
+
width:100%;
-
<li>Project Details</li>
+
list-style:none;
-
<li>Materials and Methods</li>
+
padding-top:0px;
-
<li>The Experiments</li>
+
        padding-bottom:0px;
-
<li>Results</li>
+
display:inline-block;
-
<li>Data analysis</li>
+
}
-
<li>Conclusions</li>
+
-
</ol>
+
-
<p>
+
#panel li { 
-
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.
+
margin: 0px;
-
</p>
+
padding: 0px;
 +
display:inline-block;
 +
width:125px;
 +
background: #99cccc;
 +
}
-
<p>
+
#panel li.animation {
-
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.  
+
-moz-transition: all 0.4s ease-in-out;
-
</p>
+
-moz-transform:translateY(0px);
 +
-o-transition: all 0.4s ease-in-out;
 +
-o-transform:translateY(0px);
 +
-webkit-transition: all 0.4s ease-in-out;
 +
-webkit-transform:translateY(0px);
 +
}
-
</td>
+
#panel li.animation:hover {
 +
-moz-transform:translateY(10px);
 +
-o-transform:translateY(10px);
 +
-webkit-transform:Y(10px);
 +
}
-
</tr>
+
#panel li a {
 +
color:#304269;
 +
display:inline-block;
 +
padding:0px;
 +
}
 +
#panel li a:hover {
 +
color:#ffffff;
 +
}
-
</table>
+
/**---------FONT----------**/
 +
@font-face{
 +
font-family:bebasN;
 +
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
 +
}
 +
/**----------SPONSORSHIP--------**/
 +
 
 +
 
 +
.menuc{
 +
background-color:#99cccc;
 +
        text-align:center;
 +
        padding-top:0px;
 +
        padding-bottom:0px;
 +
        border:10px solid #333366;
 +
        border-left:0px;
 +
        border-right:0px;
 +
        border-top:0px;
 +
}
 +
.menuc li{
 +
margin: 0px;
 +
padding: 0px;
 +
        height:30px;
 +
display:inline-block;
 +
font-size:0.9em;
 +
font-family:bebasN;
 +
}
 +
.menuc li a:link{
 +
        text-align: center;
 +
        vertical-align: middle;
 +
 
 +
color:#333366;
 +
text-decoration:none;
 +
}
 +
.menuc li a:hover{
 +
color:white;
 +
}
 +
.menuc li a:visited{
 +
color:#bf3f3e;
 +
text-decoration:none;
 +
}
 +
 
 +
 
 +
<!-----MEET THE TEAM------>
 +
.white{
 +
        background-color:white;
 +
}
 +
}
 +
.bio{
 +
overflow:auto;
 +
word-wrap:break-word;
 +
}
 +
.span5{
 +
overflow:hidden;
 +
        font-size:0.9em;
 +
        margin:10px 5px;
 +
}
 +
.right{
 +
float:right;
 +
padding:5px;
 +
}
 +
.left{
 +
float:left;
 +
padding:5px;
 +
}
 +
.photo-right{
 +
float:left;
 +
margin:5px;
 +
width:200px;
 +
        border-radius:10px;
 +
}
 +
.photo-left{
 +
float:right;
 +
width:200px;
 +
margin:5px;
 +
        border-radius:10px;
 +
 
 +
}
 +
</style>
 +
</head>
 +
 
 +
<body>
 +
<div class="menuc" style="font-size:1.3em;">
 +
<ul id="panel" class="animation">
 +
    <li id="home" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada">HOME</a></li>
 +
        <li id="team" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Team">TEAM</a></li>
 +
        <li id="project" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Project">PROJECT</a></li>
 +
        <li id="outreach" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Outreach">OUTREACH</a></li>
 +
        <li id="modeling" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Modeling">MODELING</a></li>
 +
<li id="notebook" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Notebook">NOTEBOOK</a></li>
 +
        <li id="safety" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Safety">SAFETY</a></li>
 +
        <li id="attributions" class="animation"><a href="https://2014.igem.org/Team:Queens_Canada/Attributions">ATTRIBUTIONS</a></li>
 +
       
 +
    </ul>
 +
</div>
 +
<div class="bodya">
 +
 
 +
<div class="header-logo">
 +
                <img src="https://static.igem.org/mediawiki/2013/4/46/Igem_qgem_logo.png" class="img-circle" style="height:60px;min-width:60px;float:right;"></a>
 +
<img src="https://static.igem.org/mediawiki/2014/8/85/Team_Head.jpg" class="img-head"></a>
 +
    </div>
 +
 
 +
<li id="Official Team Profile" class="animation"><a href="https://igem.org/Team.cgi?year=2014">OFFICIAL TEAM PROFILE</a></li>
 +
</body>
</html>
</html>

Revision as of 18:33, 13 August 2014

QGEM

  • OFFICIAL TEAM PROFILE

    • Retrieved from "http://2014.igem.org/Team:Queens_Canada/Project"