Template:Queens Canada/Notebook
From 2012.igem.org
(Difference between revisions)
(55 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | {{Template:Queens_Canada/ | + | {{Template:Queens_Canada/Headernojs}} |
<html> | <html> | ||
<head> | <head> | ||
- | + | ||
- | <script | + | <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> |
- | <script src=" | + | <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/ | + | <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/ | + | <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() { | |
$('.kwicks').kwicks({ | $('.kwicks').kwicks({ | ||
max : 650, | max : 650, | ||
Line 17: | Line 20: | ||
easing: 'easeOutQuint' | easing: 'easeOutQuint' | ||
}); | }); | ||
- | + | }); | |
+ | |||
</script> | </script> | ||
- | |||
- | |||
<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: | + | width: 970px; |
background-color: transparent; | background-color: transparent; | ||
border:none; | border:none; | ||
Line 104: | Line 106: | ||
.kwicks_container | .kwicks_container | ||
{ | { | ||
- | width: | + | 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: | + | 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: 1. | + | font-size: 1.5em; |
letter-spacing: -0.07em; | letter-spacing: -0.07em; | ||
- | color: # | + | 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; | ||
- | + | line-height: 37px; | |
margin-left: 5px; | margin-left: 5px; | ||
text-decoration: none; | text-decoration: none; | ||
Line 179: | Line 181: | ||
overflow: hidden; | overflow: hidden; | ||
- | position: | + | position: relative; |
display: inline; | display: inline; | ||
width: 50%; | width: 50%; | ||
Line 188: | Line 190: | ||
border-width: 0px 0px 0px 0px; | border-width: 0px 0px 0px 0px; | ||
border-right-color: black; | border-right-color: black; | ||
- | width: | + | width: 498px; |
background-color: crimson; | background-color: crimson; | ||
Line 199: | Line 201: | ||
background-color: coral; | background-color: coral; | ||
- | width: | + | width: 498px; |
border-right-width:2.5px; | border-right-width:2.5px; | ||
-webkit-border-radius: 10px; | -webkit-border-radius: 10px; | ||
Line 224: | Line 226: | ||
.kwicks a:hover, .kwicks #active { | .kwicks a:hover, .kwicks #active { | ||
- | color: # | + | color: #ffffff; |
} | } | ||
.kwicks li a:hover h3, .kwicks li #active h3 { | .kwicks li a:hover h3, .kwicks li #active h3 { | ||
Line 270: | Line 272: | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
background-color: white; | background-color: white; | ||
- | margin-top: | + | margin-top: 125px; |
- | width: | + | width: 1000px; |
+ | height: auto; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
} | } | ||
Line 310: | Line 315: | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
border-bottom: 0px; | border-bottom: 0px; | ||
+ | margin-top: -212px; | ||
} | } | ||
Line 320: | Line 326: | ||
} | } | ||
</style> | </style> | ||
- | + | </head> | |
- | <div id=" | + | <body> |
- | + | <!-- | |
+ | <div id="pagecontent"> | ||
<div id="NotebookNav" > | <div id="NotebookNav" > | ||
<div class="menu"> | <div class="menu"> | ||
Line 349: | Line 356: | ||
</div> | </div> | ||
- | < | + | </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