Template:Queens Canada/Notebook

From 2012.igem.org

(Difference between revisions)
 
(110 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.2/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="https://2012.igem.org/Team:Queens_Canada/Javascript/Smoothscroll?action=raw&ctype=text/js"> </script>
-
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jquery1.2.3?action=raw&ctype=text/js"></script>  
+
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/easing?action=raw&ctype=text/js"> </script>
-
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jqueryeasing?action=raw&ctype=text
+
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/Init?action=raw&ctype=text/js">
-
/js"></script>
+
 
-
<script type="text/javascript" src="https://2012.igem.org/Team:Queens_Canada/Javascript/jquerykwicks?action=raw&ctype=text/js"></script>  
+
 
 +
</script>
 +
 
 +
<script type="text/javascript" src="https://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 69: 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 112: 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
 
-
{
 
-
}
 
-
 
-
.left-menu, .left-menu a {
 
-
    left: 0px;
 
-
    text-align: left;
 
-
    color: black;
 
-
    text-transform: lowercase;
 
-
}
 
-
 
-
.left-menu:hover {
 
-
    color: black;
 
-
    background-color: transparent;
 
-
}
 
-
 
-
 
-
}
 
-
 
-
#menubar ul
 
-
{
 
-
background-color: #9999ff
 
-
opacity: 0;
 
-
 
-
}
 
-
 
-
.left-menu.noprint
 
-
{
 
-
display: inline;
 
-
background-color: #9999ff
 
-
opacity: 0;
 
-
padding-top: 5px;
 
-
 
-
}
 
-
.selected
 
-
{
 
-
 
-
display: inline;
 
-
 
-
}
 
-
 
-
 
-
 
-
a {
 
-
    text-decoration: none;
 
-
}
 
-
 
-
#menubar li {
 
-
    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
 
-
{
 
-
    color: black;
 
-
}
 
-
.left-menu li a {
 
-
    padding: 0px 10px 0px 0px;
 
-
}
 
-
.left-menu .selected {
 
-
color: black;
 
-
padding-top: 5px;
 
-
}
 
-
#.left-menu .selected:hover {
 
-
color: black;
 
-
#}
 
-
 
-
.left-menu:hover a {
 
-
    color: black;
 
-
}
 
-
.right-menu li {
 
-
#    background-color: #9999ff;
 
-
padding: 0px 15px 5px 5px;
 
-
}
 
-
.right-menu li a {
 
-
    padding: 0px 15px 5px 5px;
 
-
    color: black;
 
-
    background-color: transparent;
 
-
}
 
-
.right-menu li a:hover {
 
-
    color: black;
 
-
    text-decoration: underline;
 
-
padding: 0px 15px 5px 5px;
 
-
}
 
-
.right-menu li a.new {
 
-
    color: black;
 
-
padding-top: 10px;
 
-
  }
 
-
.right-menu li a.new:hover {
 
-
    color: black;
 
-
    text-decoration: underline;
 
-
    padding-top: 5px;
 
-
}
 
-
 
-
#header
 
-
{
 
-
height: 200px;
 
-
width: 975px;
 
-
-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;
 
-
        background-color: white;
 
-
}
 
-
 
-
h2{color:#96d446; }
 
-
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;
 
-
}
 
-
f1
 
-
{
 
-
font-size: 70px;
 
-
font-family: "Gill Sans MT";
 
-
}
 
-
 
-
f1 a:link
 
-
{
 
-
color: black
 
-
}
 
-
 
-
f1 a:hover
 
-
{
 
-
color: black;
 
-
text-decoration: none;
 
-
}
 
-
f1 a:active
 
-
{
 
-
color: black;
 
-
}
 
-
 
-
f1 a:visited
 
-
{
 
-
color: black;
 
-
}
 
-
 
-
#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
#teamtable
{
{
-
font-family:"Gill Sans MT",sans-serif;
+
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size:12px;
font-size:12px;
text-align: center;
text-align: center;
Line 307: Line 103:
font-size:20px;
font-size:20px;
color:gray;
color:gray;
 +
}
 +
.kwicks_container
 +
{
 +
width: 1000px;
 +
margin-left: 2.5px;
 +
margin-right: 2.5px;
}
}
.kwicks {
.kwicks {
Line 313: Line 115:
margin: 0;
margin: 0;
padding: 0;
padding: 0;
-
width:840px;
+
width:100%;
height:50px;
height:50px;
z-index:2;
z-index:2;
 +
        border-width: 10;
 +
        -khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
}
}
.kwicks li {
.kwicks li {
Line 323: Line 129:
padding: 0;
padding: 0;
cursor: pointer;
cursor: pointer;
-
width: 100px;
+
width: 500px;
height: 35px;
height: 35px;
z-index:2;
z-index:2;
cursor:pointer;
cursor:pointer;
-
border-left-width: 1px;
+
border-left-width: 2.5px;
border-left-style: solid;
border-left-style: solid;
-
border-left-color: #FF9933;
+
border-left-color: transparent;
 +
        border-right-color: transparent;
 +
        border-right-width: 2.5px;
 +
 
}
}
.kwicks li a {
.kwicks li a {
Line 335: Line 144:
background-repeat:no-repeat;
background-repeat:no-repeat;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial;
-
font-size: 14px;
+
font-size: 1.5em;
letter-spacing: -0.07em;
letter-spacing: -0.07em;
-
color: #AA0000;
+
color: #ffffff;
height: 40px;
height: 40px;
outline:none;
outline:none;
Line 345: Line 154:
text-transform: uppercase;
text-transform: uppercase;
font-weight: bold;
font-weight: bold;
-
margin-top: -3px;
+
line-height: 37px;
margin-left: 5px;
margin-left: 5px;
text-decoration: none;
text-decoration: none;
 +
        vertical-align: middle;
}
}
.kwicks li h3 {
.kwicks li h3 {
Line 364: Line 174:
text-decoration: none;
text-decoration: none;
left: 0px;
left: 0px;
-
top: 15px;
+
top: 5px;
right: 0px;
right: 0px;
bottom: 0px;
bottom: 0px;
}
}
#kwick_1, #kwick_2, #kwick_3, #kwick_4, #kwick_5, #kwick_6, #kwick_7 {
#kwick_1, #kwick_2, #kwick_3, #kwick_4, #kwick_5, #kwick_6, #kwick_7 {
-
margin: 0pt;
+
 
overflow: hidden;
overflow: hidden;
-
position: absolute;
+
position: relative;
-
display: block;
+
display: inline;
-
width: 120px;
+
width: 50%;
 +
 
}
}
#kwick_1 {
#kwick_1 {
left: 0px;
left: 0px;
-
border: none;
+
border-width: 0px 0px 0px 0px;
 +
        border-right-color: black;
 +
        width: 498px;
 +
        background-color: crimson;
 +
 
 +
-webkit-border-radius: 10px;
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
}
}
#kwick_2 {
#kwick_2 {
-
left: 120px;
+
 
 +
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;
}
}
-
#kwick_3 {
+
 
-
left: 240px;
+
#kwick_1 li a {
 +
background-position:0px 0px;
 +
        border-width: 0px 0px 0px 0px;
 +
        border-right-color:
}
}
-
#kwick_4 {
+
 
-
left: 360px;
+
#kwick_1 li a:hover {
-
}
+
-
#kwick_5 {
+
-
left: 480px;
+
-
}
+
-
#kwick_6 {
+
-
left: 600px;
+
-
}
+
-
#kwick_7 {
+
-
right: 0px;
+
-
}
+
-
#kwick_1 a {
+
background-position:0px 0px;
background-position:0px 0px;
 +
        border-width: 0px 0px 0px 0px;
 +
        border-right-color: black;
}
}
 +
#kwick_2 li a, a:hover, a:active
 +
{
 +
border-left-color: black;
 +
}
 +
.kwicks a:hover, .kwicks #active {
.kwicks a:hover, .kwicks #active {
-
color: #3399FF;
+
color: #ffffff;
}
}
.kwicks li a:hover h3, .kwicks li #active h3 {
.kwicks li a:hover h3, .kwicks li #active h3 {
Line 423: Line 248:
#kwick_7 a {
#kwick_7 a {
background-position:0px -300px;
background-position:0px -300px;
 +
}
 +
      p fade1 { position:inline;  }
 +
      ul fade2 { position:inline; 
 +
        font-size:36px; text-align:center;
 +
        color:yellow; background:red;
 +
        padding-top:25px;
 +
        top:0; left:0; display:none; }
 +
        span { display:none; }
 +
#notebook
 +
{
 +
border-width: 10px;
 +
border-color: black;
}
}
-
</style>
+
#labcontent
 +
{
 +
-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;
 +
        margin-top: 125px;
 +
        width: 1000px;
 +
        height: auto;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
}
-
<div id="header">
+
#labcontent h1, h2, h3, h4, h5
-
<p align="center">
+
{
-
<f1>
+
padding-top: 0px;
-
<br>
+
padding-bottom:0px;
-
<br>
+
padding-left: 10px;
-
<br>
+
padding-right: 10px;
-
<br>
+
margin-top:0px;
-
<a href="https://2012.igem.org/Team:Queens_Canada">
+
margin-bottom: 0px;
-
The QGEM Team
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
-
</a>
+
line-height: normal;
-
</f1>
+
}
-
</p>
+
#notebookcontent h1
 +
{
 +
font-size: 2em;
 +
color:grey;
 +
padding-top: 5px;
 +
}
 +
#notebookcontent h2
 +
{
 +
font-size: 1.1em;
 +
color:black;
 +
}
 +
#protocolcontent
 +
{
 +
display:none;
 +
}
 +
#NotebookTitle
 +
{
 +
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;
 +
}
-
</div>
+
#NotebookTitle p
-
 
+
{
-
<div id="bodyContent">
+
color:white;
-
</div>
+
font-size: 2em;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
text-decoration: bold;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<!--
 +
<div id="pagecontent">
<div id="NotebookNav" >
<div id="NotebookNav" >
<div class="menu">
<div class="menu">
Line 469: 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