Team:Queens Canada/Notebook

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="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
 +
<script src="http://code.jquery.com/jquery.js"></script>
 +
</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">
+
}
 +
 
 +
#catlinks {
 +
display: none;
 +
}
 +
 
 +
#footer-box {
 +
display: none;
 +
}
 +
 
 +
#contentSub {
 +
display: none;
 +
}
 +
 
 +
#globalWrapper{
 +
    margin:0;
 +
    padding:0;
 +
    background-color:#999999
 +
}
 +
 
 +
#content{
 +
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
 +
 
 +
#bodyContent{
 +
    margin:0;
 +
    padding:0;
 +
    width:100%;
 +
}
 +
 
 +
/**---------TOP-SECTION----**/
 +
#top-section {
 +
height: 20px;
 +
width: 100%;
 +
background-color:#343838; /*per Page*/
 +
        margin:0;
 +
        padding:0;
 +
font-size:0.7em;
 +
}
 +
 
 +
#menubar {
 +
top: 1px;
 +
font-family: 'Droid Sans', sans-serif;
 +
}
 +
/* ----------------TopSection_left-menu---------------- */
 +
.left-menu,.left-menu a {
 +
color: white;
 +
left: 0px;
 +
text-transform: capitalize;
 +
}
-
<!--main content -->
+
.left-menu:hover {
-
<table width="70%" align="center">
+
background-color: transparent;
 +
}
 +
.left-menu:hover a {
 +
color: white;
 +
text-decoration: none !important;
 +
}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
.left-menu li a:hover {
-
<!-- end welcome box -->
+
color: #ff6669;
-
<tr>
+
}
-
<!--navigation menu -->
+
/* ----------------TopSection_right-menu---------------- */
-
<td align="center" colspan="3">
+
.right-menu li {
 +
background-color: transparent;
 +
}
-
<table  width="100%">
+
.right-menu,.right-menu a {
-
<tr heigth="15px"></tr>
+
color: white;
-
<tr heigth="75px">
+
right: 0;
 +
text-align: right;
 +
}
 +
.right-menu:hover {
 +
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"style="color:#000000">Home </a> </td>
+
color: white;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.right-menu li a {
-
<a href="https://2014.igem.org/Team:Queens_Canada/Team"style="color:#000000"> Team </a> </td>
+
background-color: transparent;
 +
color: white;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.right-menu li a:hover {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Queens_Canada"style="color:#000000"> Official Team Profile </a></td>
+
        text-decoration:none;
 +
color: #ff6669;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/**---------PAGE------------**/
-
<a href="https://2014.igem.org/Team:Queens_Canada/Project"style="color:#000000"> Project</a></td>
+
#fullpage{
 +
color:white;
 +
margin:0;
 +
padding:0;
 +
width:100%;
 +
height:100%;
 +
position:fixed;
 +
}
 +
body{
 +
background:#d9e8f5;
 +
background-size:cover;
 +
z-index:-999;
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
}
-
<a href="https://2014.igem.org/Team:Queens_Canada/Parts"style="color:#000000"> Parts</a></td>
+
.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;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
 
-
<a href="https://2014.igem.org/Team:Queens_Canada/Modeling"style="color:#000000"> Modeling</a></td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
/**---------HEADER----------**/
-
<a href="https://2014.igem.org/Team:Queens_Canada/Notebook"style="color:#000000"> Notebook</a></td>
+
.header-bg{
 +
        width:100%;
 +
background-color:#333366;
 +
padding:0px;
 +
        padding-left:0px;
 +
        padding-right:0px;
 +
        width:100%
 +
        min-width:1000px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
.header-logo{
-
<a href="https://2014.igem.org/Team:Queens_Canada/Safety"style=" color:#000000"> Safety </a></td>
+
width:800px;
 +
padding-top:10px;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/**-----HEADER-ANIMATION------**/
-
<a href="https://2014.igem.org/Team:Queens_Canada/Attributions"style="color:#000000"> Attributions </a></td>
+
-
<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>
+
.menuc {
-
</tr>
+
width: 100%;
-
</table>
+
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;
 +
}
-
</tr>
+
#panel li { 
 +
margin: 0px;
 +
padding: 0px;
 +
display:inline-block;
 +
width:125px;
 +
background: #99cccc;
 +
}
 +
#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);
 +
}
-
</tr>
+
#panel li.animation:hover {
-
+
-moz-transform:translateY(10px);
 +
-o-transform:translateY(10px);
 +
-webkit-transform:Y(10px);
 +
}
 +
#panel li a {
 +
color:#304269;
 +
display:inline-block;
 +
padding:0px;
 +
}
 +
#panel li a:hover {
 +
color:#ffffff;
 +
}
 +
/**---------FONT----------**/
 +
@font-face{
 +
font-family:bebasN;
 +
src:url(https://dl.dropboxusercontent.com/u/125588631/BebasNeue.otf);
 +
}
 +
/**----------SPONSORSHIP--------**/
-
</td>
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
.menuc{
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
background-color:#99cccc;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
        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;
 +
}
-
<!--requirements section -->
 
-
<tr><td colspan="3"> <h3>Notebook</h3></td></tr>
 
-
</tr>
 
 +
<!-----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;
-
<tr>
+
}
-
<td width="45%"  valign="top">
+
.img-rounded{
-
<p>You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well. </p>
+
        width:150px;
-
</td>
+
margin:5px;
 +
}
 +
</style>
 +
</head>
-
<td></td>
+
<body>
-
<td></td>
+
<div class="bodya">
-
</tr>
+
<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>
 +
<div class="header-logo">
 +
              <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>
 +
<img src="https://static.igem.org/mediawiki/2014/9/93/Outreach_Head.jpg" class="img-head"></a>
 +
    </div>
-
</table>
+
<div class="body-text">
 +
jfyu
 +
</div>
 +
</div>
 +
</body>
</html>
</html>

Revision as of 04:33, 17 October 2014

QGEM

jfyu

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