iamsebastian

/**
 * The first commented line is your dabblet’s title
 */
body {
background: #f06;
background: linear-gradient(45deg, #066, #044);
min-height: 100%;
}

svg {

iamsebastian

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #486, darkgreen);
min-height: 100%;

iamsebastian

body {	background: #f66; }

.throttled, .again {
	background: linear-gradient(45deg, #f66, yellow);
	height: 100px;
	width: 400px;
	animation: 1s skew infinite;
}

.again {

iamsebastian

html { background: #f06;
background: linear-gradient(45deg, #ff6, #6ff);
min-height: 100%; }

div {
	width: 280px;
	height: 100px;
	vertical-align: middle;
	background: #fff;
}

iamsebastian

var http = require("http"),
    url = require("url"),
    path = require("path"),
    fs = require("fs")
    port = process.argv[2] || 8888;

http.createServer(function(request, response) {

  var uri = url.parse(request.url).pathname
    , filename = path.join(process.cwd(), uri);

iamsebastian

@import url(http://fonts.googleapis.com/css?family=Roboto:400,900);

body {
	background: #f06;
	background: linear-gradient(0deg, #ddd, #ddd);
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	color: hsla(0,0%,100%,.9);
}

iamsebastian

@import url(http://fonts.googleapis.com/css?family=Roboto);

body {
	background: #f06;
	background: linear-gradient(0deg, #ddd, #ddd);
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	color: hsla(0,0%,100%,.9);
}

iamsebastian

html {
	background: #f06;
	background: linear-gradient(180deg, hsla(170,40%,20%,1), hsla(170,90%,4%,1));
	min-height: 100%;
	font-family: 'Electrolize', sans-serif;
	color: hsla(0,0%,100%,1);
}

#main {padding: 3rem;}

iamsebastian

body {
font-family: 'Crete Round', serif;
background: #111;
background-image: url("http://subtlepatterns.com/patterns/woven.png");
min-height: 100%;
}

#cntr {
  top: 20%;
  left: 25%;

iamsebastian

body {background: url("http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/bedge_grunge.png");}

div.button {
	border-radius: 1.3rem;
	width: 4rem;
	height: 9rem;
	background: hsla(43,90%,50%,.7);
	background: linear-gradient(180deg,hsla(47,100%,60%,1),hsla(39,60%,50%,1));
	box-shadow: /*0 4px 0 3px hsla(0,0%,100%,.4),*/
				/*0 0 1px 1px hsla(0,0%,0%,.1),