jrudenstam

/**
 * CSS pseudo
 */
 
/* Makes CSS box model logical*/
* {box-sizing: border-box;}

body {
	background: #ccc;
	min-height: 100%;

jrudenstam

/**
 * Responsive Web Demo
 */



html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #f5f5f5; margin: 0; font-size: 14px; line-height: 1.75; }
body, button, input, select, textarea { font-family: 'Open Sans', sans-serif; color: #333; text-shadow: 1px 1px 0 #fff;}

jrudenstam

/**
 * Mobile first demo
 */
 
 * {box-sizing: border-box;}

body {
	/*background: hsl(60,80%,70%);*/
	background-color: hsl(60,30%,70%);
	background-image:

jrudenstam

/**
 * Mobile first demo - stripped
 */
 
 * {box-sizing: border-box;}

body {
	/*background: hsl(60,80%,70%);*/
	background-color: hsl(60,30%,70%);
	background-image:

jrudenstam

/**
 * Mobile first live demo
 */


 * {box-sizing: border-box;}
 
 body {
	/*background: hsl(60,80%,70%);*/
	background-color: hsl(60,30%,70%);

jrudenstam

/**
 * Mobile first demo
 */
 
 * {box-sizing: border-box;}

body {
	/*background: hsl(60,80%,70%);*/
	background-color: hsl(60,30%,70%);
	background-image:

jrudenstam

/**
 * CSS demo
 */
 
 @keyframes demo {
 	0%{
 		margin-left: 0;
 		width: 0;

 	}

jrudenstam

/**
 * Mixed CSS3 demo
 */

body {
	background: hsla(5,20%,70%,1);
	font: 16px/22px sans-serif;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}

jrudenstam

body{
	
}

/* Button */
.button {
	background-color: hsla(90,40%,50%,1);
	border-style: solid;
	border-width: 1px;
	border-color: rgba(255,255,255,0.7) rgba(0,0,0,0.2) rgba(0,0,0,0.2) rgba(255,255,255,0.4);

jrudenstam

/**
 * Mixed CSS3 demo
 */

body {
	background: hsla(5,20%,70%,1);
	font: 16px/22px sans-serif;
	text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
}