"
Team:Cornell/sandbox
From 2013.igem.org
(Difference between revisions)
| Line 189: | Line 189: | ||
} | } | ||
| - | + | .head { | |
display: inline-block; | display: inline-block; | ||
padding: 0 10px; | padding: 0 10px; | ||
| Line 195: | Line 195: | ||
} | } | ||
| - | + | .nav { | |
display: inline-block; | display: inline-block; | ||
height: 90px; | height: 90px; | ||
| Line 208: | Line 208: | ||
} | } | ||
| - | + | .nav img{ | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
position: absolute; | position: absolute; | ||
height: 110%; | height: 110%; | ||
| Line 232: | Line 215: | ||
} | } | ||
| - | + | .nav span{ | |
position: absolute; | position: absolute; | ||
margin-left: -8%; | margin-left: -8%; | ||
| Line 398: | Line 381: | ||
$(window).resize(function() { | $(window).resize(function() { | ||
$(".wrapper").height($(document).height()-200); | $(".wrapper").height($(document).height()-200); | ||
| + | }); | ||
| + | |||
| + | //rotate module icons | ||
| + | $(".nav").hover(function() { | ||
| + | $(".nav").color("blue"); | ||
}); | }); | ||
| Line 470: | Line 458: | ||
<div class="nav" style="background-image: url('http://www.beverly.kiev.ua/fonmain.jpg');"> | <div class="nav" style="background-image: url('http://www.beverly.kiev.ua/fonmain.jpg');"> | ||
<span>Module</span> | <span>Module</span> | ||
| - | |||
<img src="http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/512/Sport-Activities-Skydiving-gear-icon.png"> | <img src="http://icons.iconarchive.com/icons/visualpharm/icons8-metro-style/512/Sport-Activities-Skydiving-gear-icon.png"> | ||
</div> | </div> | ||
Revision as of 14:32, 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
