Template:Queens Canada/Notebook
From 2012.igem.org
(Difference between revisions)
(92 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | {{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 16: | Line 20: | ||
easing: 'easeOutQuint' | easing: 'easeOutQuint' | ||
}); | }); | ||
- | + | }); | |
+ | |||
</script> | </script> | ||
- | |||
- | |||
<style type="text/css"> | <style type="text/css"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#NotebookNav | #NotebookNav | ||
Line 69: | 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 112: | Line 80: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 310: | Line 106: | ||
.kwicks_container | .kwicks_container | ||
{ | { | ||
- | width: | + | width: 1000px; |
- | + | margin-left: 2.5px; | |
+ | margin-right: 2.5px; | ||
} | } | ||
.kwicks { | .kwicks { | ||
Line 322: | Line 119: | ||
z-index:2; | z-index:2; | ||
border-width: 10; | border-width: 10; | ||
+ | -khtml-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
} | } | ||
.kwicks li { | .kwicks li { | ||
Line 329: | Line 129: | ||
padding: 0; | padding: 0; | ||
cursor: pointer; | cursor: pointer; | ||
- | width: | + | 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: | + | border-left-color: transparent; |
- | border-right-color: | + | border-right-color: transparent; |
- | border-right-width: 5px; | + | border-right-width: 2.5px; |
} | } | ||
Line 344: | 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: | + | font-size: 1.5em; |
letter-spacing: -0.07em; | letter-spacing: -0.07em; | ||
- | color: # | + | color: #ffffff; |
height: 40px; | height: 40px; | ||
outline:none; | outline:none; | ||
Line 354: | 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; | ||
+ | vertical-align: middle; | ||
} | } | ||
.kwicks li h3 { | .kwicks li h3 { | ||
Line 373: | Line 174: | ||
text-decoration: none; | text-decoration: none; | ||
left: 0px; | left: 0px; | ||
- | top: | + | 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 { | ||
- | + | ||
overflow: hidden; | overflow: hidden; | ||
- | position: | + | position: relative; |
display: inline; | display: inline; | ||
width: 50%; | width: 50%; | ||
Line 387: | Line 188: | ||
#kwick_1 { | #kwick_1 { | ||
left: 0px; | left: 0px; | ||
- | border-width: 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; | ||
+ | -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; | ||
} | } | ||
#kwick_1 li a { | #kwick_1 li a { | ||
background-position:0px 0px; | background-position:0px 0px; | ||
- | border-width: 0px 0px | + | border-width: 0px 0px 0px 0px; |
- | border-right-color: | + | border-right-color: |
} | } | ||
#kwick_1 li a:hover { | #kwick_1 li a:hover { | ||
background-position:0px 0px; | background-position:0px 0px; | ||
- | border-width: 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: # | + | color: #ffffff; |
} | } | ||
.kwicks li a:hover h3, .kwicks li #active h3 { | .kwicks li a:hover h3, .kwicks li #active h3 { | ||
Line 456: | Line 271: | ||
box-shadow: 3px 3px 4px #000; | box-shadow: 3px 3px 4px #000; | ||
margin-bottom: 10px; | margin-bottom: 10px; | ||
- | background-color: | + | 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> | |
- | < | + | <body> |
- | + | <!-- | |
- | + | <div id="pagecontent"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <div id=" | + | |
- | + | ||
<div id="NotebookNav" > | <div id="NotebookNav" > | ||
<div class="menu"> | <div class="menu"> | ||
Line 507: | 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