lorenzoferrante

iphone = new Layer(
  width: 320
  height: 568
  backgroundColor: "#fff"
)
iphone.center()
iphone.scroll = true
header = new Layer(
  width: iphone.width
  height: 60

lorenzoferrante

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

lorenzoferrante

/**
 * Notepad
 */

html {
	background-image: linear-gradient(rgba(70,0,0,0),rgba(170,50,0,.5)), url(http://subtlepatterns.com/patterns/wood_pattern.png);
	min-height: 100%;
	box-sizing: border-box;
	font: 100%/1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;

lorenzoferrante

/*  Cloud */

html {
	min-height: 100%;
	background: linear-gradient(#b4bcbf, #fff);
}

.cloud {
	display: inline-block;
	background-color: #fff;

lorenzoferrante

/**
 * Box-shadow property 
 */
 
 html {
 	font-family: 'Lato';
 	min-height: 100%;	
 	background: linear-gradient(#b4bcbf, #fff);
	padding: 0;
	margin: 0;

lorenzoferrante

/**
 * Box-shadow property 
 */
 
 html {
 	font-family: 'Lato';
 	min-height: 100%;	
 	background: linear-gradient(#b4bcbf, #fff);
	padding: 0;
	margin: 0;

lorenzoferrante

/**
 * Map pointer CSS
 */

html {
	min-height: 100%;
	background: linear-gradient(#eee, #fff);
}

.cursor {

lorenzoferrante

/* 
Nice buttons
*/

html {
	min-height: 100%;
	background: linear-gradient(#d5e6ea, #fff);
	font-family: 'Lato', sans-serif; 
	padding-top: 40px;
}

lorenzoferrante

<div id="monalisa" />

lorenzoferrante

/**
 * Button by Lorenzo Ferrante
 */
 
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400|Raleway:400,300);

html {
background: #eee;
background: linear-gradient(0deg, #eee, #acc0c0);
min-height: 100%;