Template:Queens Canada/Notebook

From 2012.igem.org

(Difference between revisions)
 
(87 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 : 650,
max : 650,
Line 16: Line 20:
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: "Trebuchet MS", 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: "Trebuchet MS", Helvetica, sans-serif;
 
-
}
 
-
 
-
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;
 
}
}
Line 310: Line 106:
.kwicks_container
.kwicks_container
{
{
-
width: 1005px;
+
width: 1000px;
-
 
+
margin-left: 2.5px;
 +
margin-right: 2.5px;
}
}
.kwicks {
.kwicks {
Line 332: Line 129:
padding: 0;
padding: 0;
cursor: pointer;
cursor: pointer;
-
width: 50%;
+
width: 500px;
height: 35px;
height: 35px;
z-index:2;
z-index:2;
cursor:pointer;
cursor:pointer;
-
border-left-width: 5px;
+
border-left-width: 2.5px;
border-left-style: solid;
border-left-style: solid;
-
border-left-color: #FF9933;
+
border-left-color: transparent;
-
         border-right-color:#FF9933;
+
         border-right-color: transparent;
-
         border-right-width: 5px;
+
         border-right-width: 2.5px;
}
}
Line 347: 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 357: 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 381: Line 179:
}
}
#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: inline;
display: inline;
width: 50%;
width: 50%;
Line 392: Line 190:
border-width: 0px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
         border-right-color: black;
         border-right-color: black;
-
         width: 477.5px;
+
         width: 498px;
         background-color: crimson;
         background-color: crimson;
 +
-webkit-border-radius: 10px;
 +
-khtml-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
}
}
#kwick_2 {
#kwick_2 {
background-color: coral;
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;
}
}
Line 404: Line 212:
background-position:0px 0px;
background-position:0px 0px;
         border-width: 0px 0px 0px 0px;
         border-width: 0px 0px 0px 0px;
-
         border-right-color: black;
+
         border-right-color:  
}
}
Line 411: Line 219:
         border-width: 0px 0px 0px 0px;
         border-width: 0px 0px 0px 0px;
         border-right-color: black;
         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 459: Line 271:
box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;
  margin-bottom: 10px;
  margin-bottom: 10px;
-
         background-color: white;
+
         background-color: white;
 +
        margin-top: 125px;
 +
        width: 1000px;
 +
        height: auto;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
}
 +
 
 +
#labcontent h1, h2, h3, h4, h5
 +
{
 +
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;
 +
}
 +
#notebookcontent h1
 +
{
 +
font-size: 2em;
 +
color:grey;
 +
padding-top: 5px;
 +
}
 +
#notebookcontent h2
 +
{
 +
font-size: 1.1em;
 +
color:black;
}
}
#protocolcontent
#protocolcontent
{
{
display:none;
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;
 +
}
 +
 +
#NotebookTitle p
 +
{
 +
color:white;
 +
font-size: 2em;
 +
font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
text-decoration: bold;
}
}
</style>
</style>
-
 
+
</head>
-
<div id="header">
+
<body>
-
<p align="center">
+
<!--
-
<f1>
+
<div id="pagecontent">
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<a href="https://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 510: Line 356:
</div>
</div>
-
<body>
+
</div>
 +
<script type="text/javascript">
 +
var maxHeight = ("#notebookcontent").height();
 +
 
 +
$("#procotolcontent").css("height", maxHeight);
 +
 
 +
 
 +
 
 +
</script>
 +
-->
</body>
</body>
</html>
</html>

Latest revision as of 05:59, 16 August 2012

Control