james2doyle

/**
 * Stepnavigation
 */

body {
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
}

ul {

james2doyle

/**
 * event widget
 * url: http://dribbble.com/shots/713807-Extended
 */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300); 

* {
	box-sizing: border-box;
}

james2doyle

/**
 * odr button
 */

body {
margin: 5em;
background: white;
}

button {

james2doyle

/**
 * diagonal flip
 */

body {
	background: #fff;
}

* {
box-sizing: border-box;

james2doyle

// Simple JavaScript Templating
// John Resig - http://ejohn.org/ - MIT Licensed
(function(){
  var cache = {};
  
  this.tmpl = function tmpl(str, data){
    // Figure out if we're getting a template, or if we need to
    // load the template - and be sure to cache the result.
    var fn = !/\W/.test(str) ?
      cache[str] = cache[str] ||

james2doyle

//http://paulirish.com/2009/random-hex-color-code-snippets
var color  = '#'+Math.floor( Math.random()*16777215  ).toString( 16 ) ;

james2doyle

@media screen and (min-width: 25em) { /* phone */
	body {
		background: blue;
	}
}

@media screen and (min-width: 35em) { /* tablet portrait */
	body {
		background: yellow;
	}

james2doyle

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="pragma" content="no-cache">

james2doyle

function easeIn(pos){
    return -Math.cos(pos * (Math.PI/2)) + 1;
}

function easeOut(pos){
    return Math.cos(pos * (Math.PI/2));
}

function elastic(pos) {
    return -1 * Math.pow(4,-8*pos) * Math.sin((pos*6-1)*(2*Math.PI)/2) + 1;

james2doyle

/**
 * Responsive accordion
 */

body {
	margin: 3em;
}

.accordion {
	height: auto;