Template:Queens Canada/Notebook

From 2012.igem.org

(Difference between revisions)
 
(58 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Queens_Canada/Header}}
+
{{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 17: Line 20:
easing: 'easeOutQuint'
easing: 'easeOutQuint'
});
});
-
});
+
});
 +
</script>
</script>
-
</head>
 
-
 
<style type="text/css">
<style type="text/css">
Line 35: 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 104: Line 106:
.kwicks_container
.kwicks_container
{
{
-
width: 970px;
+
width: 1000px;
margin-left: 2.5px;
margin-left: 2.5px;
margin-right: 2.5px;
margin-right: 2.5px;
Line 127: Line 129:
padding: 0;
padding: 0;
cursor: pointer;
cursor: pointer;
-
width: 50%;
+
width: 500px;
height: 35px;
height: 35px;
z-index:2;
z-index:2;
Line 142: 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 152: 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 178: Line 181:
overflow: hidden;
overflow: hidden;
-
position: absolute;
+
position: relative;
display: inline;
display: inline;
width: 50%;
width: 50%;
Line 187: Line 190:
border-width: 0px 0px 0px 0px;
border-width: 0px 0px 0px 0px;
         border-right-color: black;
         border-right-color: black;
-
         width: 50%;
+
         width: 498px;
         background-color: crimson;
         background-color: crimson;
Line 198: Line 201:
background-color: coral;
background-color: coral;
-
width: 50%;
+
width: 498px;
border-right-width:2.5px;
border-right-width:2.5px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
Line 209: 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 223: Line 226:
.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 269: Line 272:
  margin-bottom: 10px;
  margin-bottom: 10px;
         background-color: white;
         background-color: white;
-
         margin-top: 5px;
+
         margin-top: 125px;
-
         width: 975px;
+
         width: 1000px;
 +
        height: auto;
 +
        margin-left: auto;
 +
        margin-right: auto;
}
}
Line 306: Line 312:
-moz-border-radius: 10px 10px 0px 0px ;
-moz-border-radius: 10px 10px 0px 0px ;
border-radius: 10px 10px 0px 0px ;
border-radius: 10px 10px 0px 0px ;
-
padding-left:  0px;
+
padding-left:  10px;
margin-bottom: 0px;
margin-bottom: 0px;
border-bottom: 0px;
border-bottom: 0px;
 +
margin-top: -212px;
}
}
Line 319: Line 326:
}
}
</style>
</style>
-
 
+
</head>
-
<div id="bodyContent">
+
<body>
-
</div>
+
<!--
 +
<div id="pagecontent">
<div id="NotebookNav" >
<div id="NotebookNav" >
<div class="menu">
<div class="menu">
Line 348: 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

Retrieved from "http://2012.igem.org/Template:Queens_Canada/Notebook"