Team:Queens Canada/Notebook
From 2012.igem.org
(Difference between revisions)
Line 21: | Line 21: | ||
{ | { | ||
position:relative; | position:relative; | ||
- | + | height: 75px; | |
- | height: | + | width 75px; |
- | width | + | |
background-color: #D84421; | background-color: #D84421; | ||
} | } | ||
Line 29: | Line 28: | ||
{ | { | ||
position:relative; | position:relative; | ||
- | + | height: 75px; | |
- | height: | + | width 75px; |
- | width | + | |
background-color: #EF7901; | background-color: #EF7901; | ||
} | } | ||
Line 60: | Line 58: | ||
font-family: 'Gill sans MT'; | font-family: 'Gill sans MT'; | ||
} | } | ||
- | + | #selectorcontainer | |
+ | { | ||
+ | margin-top: 20px; | ||
+ | padding-left: 5px; | ||
+ | padding-bottom: 10px; | ||
+ | left: 1000px; | ||
+ | position:relative; | ||
+ | width:90px; | ||
+ | padding-top: 30px; | ||
+ | background-color:white; | ||
+ | } | ||
</style> | </style> | ||
<script type="text/javscript" src="http://dl.dropbox.com/u/46807995/jquery.hoverflow.js"> </script> | <script type="text/javscript" src="http://dl.dropbox.com/u/46807995/jquery.hoverflow.js"> </script> | ||
Line 68: | Line 76: | ||
<div id="labcontent"> | <div id="labcontent"> | ||
+ | <div id="selectorcontainer"> | ||
+ | <div id="edge"> | ||
+ | </div> | ||
<div id="notebookselector" style="width:100px;"> | <div id="notebookselector" style="width:100px;"> | ||
Notebook | Notebook | ||
Line 74: | Line 85: | ||
Protocols | Protocols | ||
</div> | </div> | ||
+ | </div> | ||
<div id="NotebookTitle" style="height:38px";> | <div id="NotebookTitle" style="height:38px";> | ||
<div id="titlecontainer"> | <div id="titlecontainer"> | ||
Line 179: | Line 191: | ||
$(this).animate({ left: "25px", opacity: 0.8 }); | $(this).animate({ left: "25px", opacity: 0.8 }); | ||
}); | }); | ||
- | + | $('#notebookselector').hover(function(e) | |
+ | { | ||
+ | $(this).filter(':not(:animated)').animate({ opacity: 1 }); | ||
+ | }, function() { | ||
+ | $(this).animate({ opacity: 0.8 }); | ||
+ | }); | ||
+ | $('#protocolselector').hover(function(e) | ||
+ | { | ||
+ | $(this).filter(':not(:animated)').animate({ opacity: 1 }); | ||
+ | }, function() { | ||
+ | $(this).animate({ opacity: 0.8 }); | ||
+ | }); | ||
</script> | </script> | ||
</body> | </body> |
Latest revision as of 18:09, 16 August 2012
Control
Notebook
Protocols
Notebook - Week 1
Protocol Content