Template:Queens Canada/Notebook

From 2012.igem.org

(Difference between revisions)
 
(116 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Template:Queens_Canada/Headernojs}}
<html>
<html>
<head>
<head>
-
<meta http-equiv="content-type" content="text/html;charset=utf-8">
+
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
-
<script src="http://konamicodesites.s3.amazonaws.com/javascripts/all.js" type="text/javascript"></script>
+
<script type="text/javascript" src="http://2012.igem.org/Team:Queens_Canada/Javascript/Smoothscroll?action=raw&ctype=text/js"> </script>
-
<script type="text/javascript" src="http://2012.igem.org/Team:Queens_Canada/Javascript/jqueryeasing?action=raw&ctype=text/js"></script>
+
<script type="text/javascript" src="http://2012.igem.org/Team:Queens_Canada/Javascript/easing?action=raw&ctype=text/js"> </script>
-
<script type="text/javascript" src="http://2012.igem.org/Team:Queens_Canada/Javascript/jquery1.2.3?action=raw&ctype=text/js"></script>  
+
<script type="text/javascript" src="http://2012.igem.org/Team:Queens_Canada/Javascript/Init?action=raw&ctype=text/js">
 +
 
 +
 
 +
</script>
 +
 
 +
<script type="text/javascript" src="http://2012.igem.org/Team:Queens_Canada/Javascript/jquerykwicks?action=raw&ctype=text/js"></script>
 +
 
<script type="text/javascript">
<script type="text/javascript">
-
$().ready(function() {
+
$().ready(function() {
$('.kwicks').kwicks({
$('.kwicks').kwicks({
-
max : 200,
+
max : 650,
-
duration: 800,   
+
duration: 1000,   
easing: 'easeOutQuint'
easing: 'easeOutQuint'
});
});
-
});
+
});
 +
</script>
</script>
-
</head>
 
-
 
<style type="text/css">
<style type="text/css">
-
#top-section { height: 20px; margin-left: auto; margin-right: auto; margin-bottom: 5; !important;
 
-
border: none; font-size: 12px; background-color:#9999ff;
 
-
-webkit-border-radius: 10px;
 
-
-khtml-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
-moz-box-shadow: 3px 3px 4px #000;
 
-
-webkit-box-shadow: 3px 3px 4px #000;
 
-
box-shadow: 3px 3px 4px #000;
 
-
margin-bottom: 2px;
 
-
padding-top: 5px;
 
-
padding-bottom: 5px;
 
-
}
 
-
#p-logo { height:0px; overflow:hidden; display: none;}
 
-
 
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 
-
#content
 
-
{
 
-
border-left: none;
 
-
    border-right: none;
 
-
}
 
-
#bodyContent { border: none; padding:0; margin:0; width: 975px; height:100%;
 
-
}
 
-
.firstHeading { display: none;}
 
-
#content2
 
-
{
 
-
-khtml-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
-moz-box-shadow: 3px 3px 4px #000;
 
-
-webkit-box-shadow: 3px 3px 4px #000;
 
-
box-shadow: 3px 3px 4px #000;
 
-
margin-bottom: 10px;
 
-
        background-color: white;
 
-
}
 
#NotebookNav
#NotebookNav
Line 66: Line 37:
         background-color: white;
         background-color: white;
         padding: 15px 15px 15px 15px;
         padding: 15px 15px 15px 15px;
-
         width: 945px;
+
         width: 970px;
                 background-color: transparent;
                 background-color: transparent;
     border:none;
     border:none;
Line 109: Line 80:
}
}
-
#searchform { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
 
-
body {background-color:#ffffff}
 
-
h3#siteSub { display: none;}
 
-
#contentSub {display: none;}
 
-
#top-section
 
-
{
 
-
}
+
}
-
#menubar
+
#teamtable
{
{
 +
font-family:"Trebuchet MS", Helvetica, sans-serif;
 +
font-size:12px;
 +
text-align: center;
 +
background:none;
 +
border-spacing:20pt;
 +
border:0pt;
}
}
-
 
+
#teamtd, #teamth
-
.left-menu, .left-menu a {
+
{
-
    left: 0px;
+
border:30px;
-
    text-align: left;
+
width:170px;
-
    color: black;
+
vertical-align:top;
-
    text-transform: lowercase;
+
}
 +
#teamth
 +
{
 +
text-align:left;
 +
font-size:20px;
 +
color:gray;
 +
}
 +
.kwicks_container
 +
{
 +
width: 1000px;
 +
margin-left: 2.5px;
 +
margin-right: 2.5px;
 +
}
 +
.kwicks {
 +
list-style: none;
 +
position: relative;
 +
margin: 0;
 +
padding: 0;
 +
width:100%;
 +
height:50px;
 +
z-index:2;
 +
        border-width: 10;
 +
        -khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
}
}
 +
.kwicks li {
 +
display: block;
 +
float: left;
 +
overflow: hidden;
 +
padding: 0;
 +
cursor: pointer;
 +
width: 500px;
 +
height: 35px;
 +
z-index:2;
 +
cursor:pointer;
 +
border-left-width: 2.5px;
 +
border-left-style: solid;
 +
border-left-color: transparent;
 +
        border-right-color: transparent;
 +
        border-right-width: 2.5px;
-
.left-menu:hover {
 
-
    color: black;
 
-
    background-color: transparent;
 
}
}
 +
.kwicks li a {
 +
background-image:url(images/sprites_menu.png);
 +
background-repeat:no-repeat;
 +
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
 +
font-size: 1.5em;
 +
letter-spacing: -0.07em;
 +
color: #ffffff;
 +
height: 40px;
 +
outline:none;
 +
display:block;
 +
z-index:100;
 +
cursor:pointer;
 +
text-transform: uppercase;
 +
font-weight: bold;
 +
line-height: 37px;
 +
margin-left: 5px;
 +
text-decoration: none;
 +
        vertical-align: middle;
 +
}
 +
.kwicks li h3 {
 +
position: absolute;
 +
width: 120px;
 +
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
 +
font-size: 10px;
 +
color: #FF6600;
 +
letter-spacing: -0.02em;
 +
outline:none;
 +
z-index:0;
 +
cursor:pointer;
 +
text-transform: uppercase;
 +
font-weight: normal;
 +
margin-left: 5px;
 +
text-decoration: none;
 +
left: 0px;
 +
top: 5px;
 +
right: 0px;
 +
bottom: 0px;
 +
}
 +
#kwick_1, #kwick_2, #kwick_3, #kwick_4, #kwick_5, #kwick_6, #kwick_7 {
 +
overflow: hidden;
 +
position: relative;
 +
display: inline;
 +
width: 50%;
}
}
 +
#kwick_1 {
 +
left: 0px;
 +
border-width: 0px 0px 0px 0px;
 +
        border-right-color: black;
 +
        width: 498px;
 +
        background-color: crimson;
-
#menubar ul
+
-webkit-border-radius: 10px;
-
{
+
-khtml-border-radius: 10px;
-
background-color: #9999ff
+
-moz-border-radius: 10px;
-
opacity: 0;
+
border-radius: 10px;
 +
}
 +
#kwick_2 {
 +
background-color: coral;
 +
width: 498px;
 +
border-right-width:2.5px;
 +
-webkit-border-radius: 10px;
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
}
}
-
.left-menu.noprint
+
#kwick_1 li a {
-
{
+
background-position:0px 0px;
-
display: inline;
+
        border-width: 0px 0px 0px 0px;
-
background-color: #9999ff
+
        border-right-color:  
-
opacity: 0;
+
}
-
padding-top: 5px;
+
 +
#kwick_1 li a:hover {
 +
background-position:0px 0px;
 +
        border-width: 0px 0px 0px 0px;
 +
        border-right-color: black;
}
}
-
.selected
+
#kwick_2 li a, a:hover, a:active
{
{
-
 
+
border-left-color: black;
-
display: inline;
+
-
 
+
}
}
-
 
+
.kwicks a:hover, .kwicks #active {
-
 
+
color: #ffffff;
-
a {
+
-
    text-decoration: none;
+
}
}
-
 
+
.kwicks li a:hover h3, .kwicks li #active h3 {
-
#menubar li {
+
color: #999999;
-
    display: inline;
+
-
    position: relative;
+
-
    cursor: pointer;
+
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
-
    color: black;
+
-
    font-family: "Gill Sans MT", Arial, Helvetica, sans-serif;
+
-
    font-size: 14px;
+
-
    padding-top: 5px;
+
-
 
+
}
}
-
.left-menu li
+
#kwick_2 a {
-
{
+
background-position:0px -50px;
-
    color: black;
+
}
}
-
.left-menu li a {
+
#kwick_3 a {
-
    padding: 0px 10px 0px 0px;
+
background-position:0px -192px;
}
}
-
.left-menu .selected {
+
#kwick_4 a {
-
color: black;
+
background-position:0px -100px;
-
padding-top: 5px;
+
}
}
-
#.left-menu .selected:hover {
+
#kwick_5 a {
-
color: black;
+
background-position:0px -150px;
-
#}
+
-
 
+
-
.left-menu:hover a {
+
-
    color: black;
+
}
}
-
.right-menu li {
+
#kwick_6 a {
-
#    background-color: #9999ff;
+
background-position:0px -250px;
-
padding: 0px 15px 5px 5px;
+
}
}
-
.right-menu li a {
+
#kwick_7 a {
-
    padding: 0px 15px 5px 5px;
+
background-position:0px -300px;
-
    color: black;
+
-
    background-color: transparent;
+
}
}
-
.right-menu li a:hover {
+
      p fade1 { position:inline;  }
-
    color: black;
+
      ul fade2 { position:inline;
-
    text-decoration: underline;
+
        font-size:36px; text-align:center;  
-
padding: 0px 15px 5px 5px;
+
        color:yellow; background:red;
-
}
+
        padding-top:25px;  
-
.right-menu li a.new {
+
        top:0; left:0; display:none; }
-
    color: black;
+
        span { display:none; }
-
padding-top: 10px;
+
#notebook
-
  }
+
{
-
.right-menu li a.new:hover {
+
border-width: 10px;
-
    color: black;
+
border-color: black;
-
    text-decoration: underline;
+
-
    padding-top: 5px;
+
}
}
-
#header
+
#labcontent
{
{
-
height: 200px;
 
-
width: 975px;
 
-
-webkit-border-radius: 10px;
 
-khtml-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
Line 230: Line 270:
-webkit-box-shadow: 3px 3px 4px #000;  
-webkit-box-shadow: 3px 3px 4px #000;  
box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
-
margin-bottom: 10px;
+
margin-bottom: 10px;
-
padding-top: 5px;
+
-
padding-bottom: 5px;
+
         background-color: white;
         background-color: white;
 +
        margin-top: 125px;
 +
        width: 1000px;
 +
        height: auto;
 +
        margin-left: auto;
 +
        margin-right: auto;
}
}
-
h2{color:#96d446; }
+
#labcontent h1, h2, h3, h4, h5
-
h1, h2, h3, h4, h5, h2.noline, h2.topheader{font-family:"Segoe WP", serif; font-size:200%; line-height:35px; border-bottom:0; margin-bottom:5px; border-top:0px; margin-top:10px; padding-top:30px; font-weight:light;}
+
-
h2.noline{ border-top:0; margin-top:0; padding-top:0; margin-bottom:0; line-height:20px; padding-top:2px; font-size:20px;}
+
-
h2.topheader{border-top:0; padding-top:0; margin-top:5px; font-weight:normal}
+
-
#catlinks
+
{
{
-
display:none;
+
padding-top: 0px;
 +
padding-bottom:0px;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
margin-top:0px;
 +
margin-bottom: 0px;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
line-height: normal;
}
}
-
f1
+
#notebookcontent h1
{
{
-
font-size: 70px;
+
font-size: 2em;
-
font-family: "Gill Sans MT";
+
color:grey;
 +
padding-top: 5px;
}
}
-
 
+
#notebookcontent h2
-
f1 a:link
+
{
{
-
color: black
+
font-size: 1.1em;
 +
color:black;
}
}
-
 
+
#protocolcontent
-
f1 a:hover
+
{
{
-
color: black;
+
display:none;
-
text-decoration: none;
+
}
}
-
f1 a:active
+
#NotebookTitle
{
{
-
color: black;  
+
background-color: MediumTurquoise;
 +
-webkit-border-radius: 10px 10px 0px 0px ;
 +
-khtml-border-radius: 10px 10px 0px 0px ;
 +
-moz-border-radius: 10px 10px 0px 0px ;
 +
border-radius: 10px 10px 0px 0px ;
 +
padding-left:  10px;
 +
margin-bottom: 0px;
 +
border-bottom: 0px;
 +
margin-top: -212px;
}
}
-
f1 a:visited
+
#NotebookTitle p
{
{
-
color: black;
+
color:white;
 +
font-size: 2em;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
text-decoration: bold;
}
}
-
 
-
#footer-box
 
-
{
 
-
-webkit-border-radius: 10px;
 
-
-khtml-border-radius: 10px;
 
-
-moz-border-radius: 10px;
 
-
border-radius: 10px;
 
-
-moz-box-shadow: 3px 3px 4px #000;
 
-
-webkit-box-shadow: 3px 3px 4px #000;
 
-
box-shadow: 3px 3px 4px #000;
 
-
margin-bottom: 10px;
 
-
padding-top: 5px;
 
-
padding-bottom: 5px;
 
-
 
-
}
 
-
#teamtable
 
-
{
 
-
font-family:"Gill Sans MT",sans-serif;
 
-
font-size:12px;
 
-
text-align: center;
 
-
background:none;
 
-
border-spacing:20pt;
 
-
border:0pt;
 
-
}
 
-
#teamtd, #teamth
 
-
{
 
-
border:30px;
 
-
width:170px;
 
-
vertical-align:top;
 
-
}
 
-
#teamth
 
-
{
 
-
text-align:left;
 
-
font-size:20px;
 
-
color:gray;
 
-
}
 
-
 
</style>
</style>
-
 
+
</head>
-
<div id="header">
+
<body>
-
<p align="center">
+
<!--
-
<f1>
+
<div id="pagecontent">
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<a href="http://2012.igem.org/Team:Queens_Canada">
+
-
The QGEM Team
+
-
</a>
+
-
</f1>
+
-
</p>
+
-
 
+
-
</div>
+
-
 
+
-
<div id="bodyContent">
+
-
</div>
+
<div id="NotebookNav" >
<div id="NotebookNav" >
<div class="menu">
<div class="menu">
Line 350: Line 355:
</div>
</div>
</div>
</div>
 +
 +
</div>
 +
<script type="text/javascript">
 +
var maxHeight = ("#notebookcontent").height();
 +
 +
$("#procotolcontent").css("height", maxHeight);
 +
 +
 +
 +
</script>
 +
-->
 +
</body>
</html>
</html>

Latest revision as of 05:59, 16 August 2012

Control