nielsdoorn

body, html {
	height: 100%;
}

body {
	background: linear-gradient(45deg, #f06, yellow);
}

h1 {
	text-align: center;

nielsdoorn

input[type=text] {
	background-color: red;
}

nielsdoorn

body, html {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
}

#header {

nielsdoorn

#container {
	width: 80%;
	margin: 0 auto;
}

#header {
	width: 100%;
	background-color: blue;
	height: 120px;
}

nielsdoorn

body {
 font-family: sans-serif;
}

.button {
	display: inline-block;
	width: 120px;
	height: 32px;
	line-height: 32px;
	background: linear-gradient(0deg, rgb(41, 0, 97), rgb(241,158,51));

nielsdoorn

#wrap {
	display: table;
	width: 800px;
	margin: 0 auto;
	background-color: lightyellow;
}

.col {
	display: table-cell;
	width: 250px;

nielsdoorn

// Paul Irish animation loop polyfill
// https://gist.github.com/paulirish/1579671

(function() {
  var lastTime = 0;
  var vendors = ['ms', 'moz', 'webkit', 'o'];
  for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
    window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
    window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
                               || window[vendors[x]+'CancelRequestAnimationFrame'];

nielsdoorn

// Paul Irish animation loop polyfill
// https://gist.github.com/paulirish/1579671

(function() {
		var lastTime = 0;
		var vendors = ['ms', 'moz', 'webkit', 'o'];
		for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {
				window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame'];
				window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] 
																	 || window[vendors[x]+'CancelRequestAnimationFrame'];

nielsdoorn

function LeapLander() {
  var canvas;
  var c;
  var width;
  var height;
  var roll;
  var viewPort = { x: 0, y: 0};
  var explosions = [];

  this.BG_WIDTH = 2000;

nielsdoorn

	</div>
	<?php wp_footer(); ?>
</body>
</html>