"
Team:Cornell/sandbox
From 2013.igem.org
(Difference between revisions)
| Line 191: | Line 191: | ||
#navbar { | #navbar { | ||
position: fixed; | position: fixed; | ||
| + | display: block; | ||
z-index: 10; | z-index: 10; | ||
width: 100%; | width: 100%; | ||
| + | height: 70; | ||
text-align: center; | text-align: center; | ||
font-size: 13px; | font-size: 13px; | ||
| Line 328: | Line 330: | ||
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> | ||
| + | <!-- Parallax Script --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
| Line 385: | Line 388: | ||
<div class="wrapper"> | <div class="wrapper"> | ||
<header> | <header> | ||
| - | <h1> Parallax Design | + | <h1> Parallax Design 2 </h1> |
</header> | </header> | ||
| Line 405: | Line 408: | ||
</div> | </div> | ||
<!-- Screen 2 --> | <!-- Screen 2 --> | ||
| - | <div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="top: -100%; "> | + | <div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="top: -100%; left: 100%"> |
<div class="parallax" data-speed="2000" data-dist="10" style="left: 30%; top: 25%;"> | <div class="parallax" data-speed="2000" data-dist="10" style="left: 30%; top: 25%;"> | ||
<h2> These pages can replace sliders </h2> | <h2> These pages can replace sliders </h2> | ||
| Line 420: | Line 423: | ||
</div> | </div> | ||
<!-- Screen 3 --> | <!-- Screen 3 --> | ||
| - | <div class="screen" data-speed="500" data-dist="100" style="top: -200%; "> | + | <div class="screen" data-speed="500" data-dist="100" style="top: -200%; left: 200% "> |
<div class="parallax" data-speed="1000" data-dist="0" style="left: 10%;"> | <div class="parallax" data-speed="1000" data-dist="0" style="left: 10%;"> | ||
<h6> Whee! </h6> | <h6> Whee! </h6> | ||
Revision as of 16:03, 16 July 2014
- Project
- Outreach
- Notebook
- Team
