Difference between revisions of "Team:Penn/Educational Toolbox"
| Line 170: | Line 170: | ||
</div> | </div> | ||
</body> | </body> | ||
| + | |||
| + | <style type="text/css"> | ||
| + | #wrap { | ||
| + | position: absolute; | ||
| + | top: 1000; | ||
| + | left: 0; | ||
| + | width: 100%; | ||
| + | height: 205px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | #header { | ||
| + | position: absolute; | ||
| + | top: 1000; | ||
| + | left: 0; | ||
| + | width: 100%; | ||
| + | height: 200px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | animation: move 40s infinite linear; | ||
| + | } | ||
| + | |||
| + | @keyframes move { | ||
| + | from { | ||
| + | left: 0; | ||
| + | } | ||
| + | to { | ||
| + | left: -2450px; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | #header > div { | ||
| + | width: 600px; | ||
| + | height: 200px; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | border-right: 2px solid black; | ||
| + | background-position: center; | ||
| + | background-size: 600px auto; | ||
| + | display: block; | ||
| + | position: inherit; | ||
| + | border-bottom: 30px solid black; | ||
| + | } | ||
| + | |||
| + | #header > div.one { | ||
| + | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Rho_Ophiuchi.jpg/611px-Rho_Ophiuchi.jpg); | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | |||
| + | #header > div.two { | ||
| + | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Dawn_at_swifts_creek_panorama.jpg/1280px-Dawn_at_swifts_creek_panorama.jpg); | ||
| + | margin-left: 602px; | ||
| + | } | ||
| + | |||
| + | #header > div.three { | ||
| + | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Mist_-_Ensay_region3.jpg/1024px-Mist_-_Ensay_region3.jpg); | ||
| + | margin-left: 1204px; | ||
| + | } | ||
| + | |||
| + | #header > div.four { | ||
| + | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/e6/Lower_Manhattan_from_Staten_Island_Ferry_Jan_2006.jpg/1280px-Lower_Manhattan_from_Staten_Island_Ferry_Jan_2006.jpg); | ||
| + | margin-left: 1806px; | ||
| + | } | ||
| + | |||
| + | #header > div.five { | ||
| + | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/a/a3/Mt_hotham_alpine_range_scenery.jpg/1024px-Mt_hotham_alpine_range_scenery.jpg); | ||
| + | margin-left: 2408px; | ||
| + | } | ||
| + | |||
| + | #header > div.six { | ||
| + | background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/e/ea/Sydney_Harbour_Bridge_night.jpg/1024px-Sydney_Harbour_Bridge_night.jpg); | ||
| + | margin-left: 3010px; | ||
| + | } | ||
| + | </style> | ||
| + | <div id="wrap"><div id="header"> | ||
| + | <div class="one"></div> | ||
| + | <div class="two"></div> | ||
| + | <div class="three"></div> | ||
| + | <div class="four"></div> | ||
| + | <div class="five"></div> | ||
| + | <div class="six"></div> | ||
| + | </div> | ||
</html> | </html> | ||
Revision as of 01:54, 29 August 2015
Berlin, Molecular Man
Berlin, Schöneberg
Berlin, Oberbaumbrücke