"
Team:Cornell/sandbox
From 2013.igem.org
(Difference between revisions)
| Line 226: | Line 226: | ||
div.wrapper { | div.wrapper { | ||
position: relative; | position: relative; | ||
| - | margin: 0 | + | margin: 0 2%; |
overflow: hidden; | overflow: hidden; | ||
} | } | ||
| Line 431: | Line 431: | ||
<div id="first-screen" class="screen" data-speed="500" data-dist="100"> | <div id="first-screen" class="screen" data-speed="500" data-dist="100"> | ||
<span class="layer1" style="font-size:60px; top: 20%; left: 5%;">Parallax 2</span> | <span class="layer1" style="font-size:60px; top: 20%; left: 5%;">Parallax 2</span> | ||
| - | <img class="layer4" src="http://www.iconarchive.com/download/i74335/visualpharm/icons8-metro-style/Very-Basic-Settings.ico" style="left: | + | <img class="layer4" src="http://www.iconarchive.com/download/i74335/visualpharm/icons8-metro-style/Very-Basic-Settings.ico" style="left: 57%; height: 90%; width: 30%;"> |
| - | <span class="layer1" style="left: | + | <span class="layer1" style="left:25%; top: 45%">Use arrow keys to move through slider -></span> |
| - | <span class="layer1" style="left: | + | <span class="layer1" style="left:25%; top: 55%">I'll get mouse controls working in a bit</span> |
</div> | </div> | ||
<div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="left: 100%;"> | <div id="second-last-screen" class="screen" data-speed="500" data-dist="100" style="left: 100%;"> | ||
| - | <span class="layer1" style="left: | + | <span class="layer1" style="left:25%; top: 45%">There's no parallax effect right now... It's giving me some trouble</span> |
| - | <span class="layer1" style="left: | + | <span class="layer1" style="left:25%; top: 55%">Also all the colors and images are temporary -></span> |
</div> | </div> | ||
<div class="screen" data-speed="500" data-dist="100" style="left: 200%;"> | <div class="screen" data-speed="500" data-dist="100" style="left: 200%;"> | ||
| - | <span class="layer1" style="left: | + | <span class="layer1" style="left:25%; top: 45%">General page layout coming soon</span> |
| - | <span class="layer1" style="left: | + | <span class="layer1" style="left:25%; top: 55%">...and the hprac page that I keep forgetting to work on</span> |
</div> | </div> | ||
</div> | </div> | ||
Revision as of 00:11, 25 July 2014
Parallax 2
Use arrow keys to move through slider ->
I'll get mouse controls working in a bit
There's no parallax effect right now... It's giving me some trouble
Also all the colors and images are temporary ->
General page layout coming soon
...and the hprac page that I keep forgetting to work on
