Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 432: Line 432:
<div class="wrapper">
<div class="wrapper">
<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: 20%;">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: 35%; height: 100%; width: 40%;">
+
<img class="layer4" src="http://www.iconarchive.com/download/i74335/visualpharm/icons8-metro-style/Very-Basic-Settings.ico" style="left: 45%; height: 100%; width: 40%;">
-
<span class="layer1">Use arrow keys to move through slider</span>
+
<span class="layer1" style="left:5%; top: 45%">Use arrow keys to move through slider</span>
-
<span class="layer1">I'll get mouse controls working too</span>
+
<span class="layer1" style="left:5%; top: 55%">I'll get mouse controls working too</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%;">  

Revision as of 15:30, 21 July 2014

Parallax Test

Parallax 2 Use arrow keys to move through slider I'll get mouse controls working too