Team:Cornell/sandbox

From 2013.igem.org

(Difference between revisions)
Line 35: Line 35:
height: 100%;
height: 100%;
line-height: inherit;
line-height: inherit;
-
color: white;
+
color: rgb(70, 70, 70);
}
}
#bodyContent {
#bodyContent {
Line 190: Line 190:
font-size: 28px;
font-size: 28px;
font-variant: small-caps;
font-variant: small-caps;
-
color: rgb(70, 70, 70);
 
}
}
Line 196: Line 195:
display: inline-block;
display: inline-block;
padding: 0 10px;
padding: 0 10px;
-
color: rgb(70, 70, 70)
 
}
}
Line 222: Line 220:
margin-left: -8%;
margin-left: -8%;
margin-top: 0.7%;
margin-top: 0.7%;
-
color: rgb(70, 70, 70);
 
}
}
Line 236: Line 233:
border-bottom: none;
border-bottom: none;
margin-bottom: 0px !important;  
margin-bottom: 0px !important;  
-
color: white;
 
}
}
Line 345: Line 341:
height: 100%;
height: 100%;
width: 100%;
width: 100%;
-
background-color: rgb(50, 187, 83);
+
//background-color: rgb(50, 187, 83);
-
border: 3px solid black;
+
//border: 3px solid black;
}
}
Line 434: Line 430:
<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: 45%; height: 100%; width: 50%;">
<img class="layer4" src="http://www.iconarchive.com/download/i74335/visualpharm/icons8-metro-style/Very-Basic-Settings.ico" style="left: 45%; height: 100%; width: 50%;">
-
<span class="layer1" style="left:5%; top: 45%">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" style="left:5%; top: 55%">I'll get mouse controls working in a bit</span>
<span class="layer1" style="left:5%; 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:5%; top: 45%">There's no parallax effect right now... It's giving me some trouble</span>
<span class="layer1" style="left:5%; top: 45%">There's no parallax effect right now... It's giving me some trouble</span>
-
<span class="layer1" style="left:5%; top: 55%">Also all the colors and images are temporary</span>
+
<span class="layer1" style="left:5%; 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%;">  

Revision as of 15:40, 21 July 2014

Parallax Test

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