Team:Queens Canada

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<html>
+
<head>
-
 
+
<title>QGEM</title>
-
<!-- Latest compiled and minified CSS -->
+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
<script src="http://code.jquery.com/jquery.js"></script>
 +
</script>
 +
 +
<style>
 +
/* ----------------Display:none---------------- */
 +
#p-logo {
 +
display: none;
 +
}
 +
 +
#search-controls {
 +
display: none;
 +
}
-
<!--main content -->
+
.firstHeading {
-
<table width="70%" align="center">
+
display: none;
 +
}
 +
#catlinks {
 +
display: none;
 +
}
 +
#footer-box {
 +
display: none;
 +
}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
#contentSub {
-
<!-- end welcome box -->
+
display: none;
-
<tr>
+
}
-
<!--navigation menu -->
+
#globalWrapper{
-
<td align="center" colspan="3">
+
    margin:0;
 +
    padding:0;
 +
    background-color:#999999
 +
}
-
<table  width="100%">
+
#content{
-
<tr heigth="15px"></tr>
+
    margin:0;
-
<tr heigth="75px">
+
    padding:0;
 +
    width:100%;
 +
}
 +
#bodyContent{
 +
    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"style="color:#000000">Home </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://2014.igem.org/Team:Queens_Canada/Team"style="color:#000000"> Team </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://igem.org/Team.cgi?year=2014&team_name=Queens_Canada"style="color:#000000"> Official Team Profile </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/Project"style="color:#000000"> Project</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/Parts"style="color:#000000"> Parts</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/Modeling"style="color:#000000"> Modeling</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/Notebook"style="color:#000000"> Notebook</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/Safety"style=" color:#000000"> Safety </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>
+
.right-menu:hover a {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Attributions"style="color:#000000"> Attributions </a></td>
+
color: white;
 +
}
 +
.right-menu li a {
 +
background-color: transparent;
 +
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:hover {
-
</tr>
+
        text-decoration:none;
-
</table>
+
color: #ff6669;
 +
}
-
<!--end navigation menu -->
+
/**---------PAGE------------**/
-
</tr>
+
#fullpage{
 +
color:white;
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
height:100%;
 +
position:fixed;
 +
}
 +
body{
 +
background:white;
 +
background-size:cover;
 +
z-index:-999;
 +
}
 +
.bodya{
 +
        background-color:#d9e8f5;
 +
}
 +
.body-text{
 +
        width:90%;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
        border-radius: 20px;
 +
        background-color:#91bed4;
 +
        box-shadow: 10px 10px 5px #888888;
 +
}
 +
td{
 +
        text-align:center;
 +
}
 +
.team-photos{
 +
        width:90%;
 +
        margin-left:auto;
 +
        margin-right:auto;
 +
    border-radius: 20px;
 +
    background-color:#d9e8f5;
 +
    box-shadow: 10px 10px 5px #888888;
 +
}
-
</tr>
 
-
 
 +
/**---------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;
 +
}
 +
/**-----HEADER-ANIMATION------**/
-
</td>
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
.menuc {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
width: 100%;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
margin: 0;
 +
overflow: hidden;
 +
position:relative;
 +
padding-bottom:0px;
 +
text-align:center;
 +
display:inline-block;
 +
}
 +
#panel {
 +
width:100%;
 +
list-style:none;
 +
padding-top:0px;
 +
        padding-bottom:0px;
 +
display:inline-block;
 +
}
-
<!--requirements section -->
+
#panel li { 
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
margin: 0px;
-
<tr>
+
padding: 0px;
-
<td width="45%"  valign="top">
+
display:inline-block;
 +
width:125px;
 +
background: #99cccc;
 +
}
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
#panel li.animation {
 +
-moz-transition: all 0.4s ease-in-out;
 +
-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);
 +
}
-
<!-- Links to other team pages -->
+
#panel li.animation:hover {
-
<ul>
+
-moz-transform:translateY(10px);
-
<li><a href="https://2014.igem.org/Team:Queens_Canada">Home</a> </li>
+
-o-transform:translateY(10px);
-
<li><a href="https://2014.igem.org/Team:Queens_Canada/Team">Team</a> </li>
+
-webkit-transform:Y(10px);
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Queens_Canada">Official Team Profile</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:Queens_Canada/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Queens_Canada/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Queens_Canada/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Queens_Canada/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Queens_Canada/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Queens_Canada/Attributions">Attributions</a> </li>
+
-
</ul>
+
#panel li a {
 +
color:#304269;
 +
display:inline-block;
 +
padding:0px;
 +
}
-
</td>
+
#panel li a:hover {
 +
color:#ffffff;
 +
}
-
<td > </td>
+
/**---------FONT----------**/
-
<td width="45%">
+
-
<p>There are a few wiki requirements teams must follow:</p>
+
@font-face{
-
<ul>
+
font-family:bebasN;
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
-
<li>All pages must be created under the team’s name space.</li>
+
}
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
/**---------HOME----------**/
-
<li>Do not use flash in wiki code. </li>
+
.Boxup{
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
Background-color:#304269;
-
</ul>
+
width:100px;
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
height:300px;
 +
text-align:center;
 +
color:white;
 +
border-radius:10px;
 +
 +
-moz-transition: all 0.4s ease-in-out;
 +
-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);
 +
}
 +
.Boxup:hover{
 +
-moz-transform:translateY(-20px);
 +
-o-transform:translateY(-20px);
 +
-webkit-transform:Y(-20px);
 +
}
 +
.Boxdown{
 +
Background-color:#91bed4;
 +
width:100px;
 +
height:300px;
 +
text-align:center;
 +
color:white;
 +
border-radius:10px;
 +
-moz-transition: all 0.4s ease-in-out;
 +
-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);
 +
}
 +
.Boxdown:hover{
 +
-moz-transform:translateY(20px);
 +
-o-transform:translateY(20px);
 +
-webkit-transform:Y(20px);
 +
}
 +
.homeicons{
 +
width:100%;
 +
background-color:#d9e8f5;
 +
}
-
</td>
+
/**----------SPONSORSHIP--------**/
-
</tr>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
.menuc{
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
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;
 +
}
-
<!--tips  -->
 
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
 
-
<tr>
+
<!-----MEET THE TEAM------>
-
<td width="45%" valign="top">
+
.white{
-
<p>We are currently working on providing teams with some easy to use design templates.
+
        background-color:white;
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
}
 +
}
 +
.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;
-
<ul>
+
}
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
.img-rounded{
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
        width:150px;
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
margin:5px;
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
}
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
</style>
-
</ul>
+
</head>
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
<body>
-
</td>
+
<div class="bodya">
 +
<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="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>
-
<td> </td>
+
<div class="header-logo">
-
<td width="45%">  
+
              <a href="https://igem.org/Main_Page"> <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>
 +
    </div>
 +
<div class="homeicons">
 +
<div class="row">
 +
<div class="col-md-3"></div>
 +
<div class="col-md-1">
 +
<div class="Boxup"><a href="https://2014.igem.org/Team:Queens_Canada/Team">T</br>E</br>A</br>M</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxdown"><a href="https://2014.igem.org/Team:Queens_Canada/Project">P</br>R</br>O</br>J</br>E</br>C</br>T</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxup"><a href="https://2014.igem.org/Team:Queens_Canada/Outreach">O</br>U</br>T</br>R</br>E</br>A</br>C</br>H</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxdown"><a href="https://2014.igem.org/Team:Queens_Canada/Notebook">N</br>O</br>T</br>E</br>B</br>O</br>O</br>K</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxup"><a href="https://2014.igem.org/Team:Queens_Canada/Safety">S</br>A</br>F</br>E</br>T</br>Y</a></div></div>
 +
<div class="col-md-1">
 +
<div class="Boxdown"><a href="https://2014.igem.org/Team:Queens_Canada/Attributions">A</br>T</br>T</br>R</br>I</br>B</br>U</br>T</br>I</br>O</br>N</br>S</a></div></div>
 +
<div class="col-md-3"></div>
 +
</div>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
</div>
-
<ul>
+
</div>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
</body>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
</html>
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Revision as of 02:20, 2 October 2014

QGEM