lorenzoferrante · December 10, 2015 14:08
diff --git a/dabblet.css b/dabblet.css
 /**
 * Box-shadow property 
 */
 
 html {
 	font-family: 'Lato';
 	min-height: 100%;	
 	background: linear-gradient(#b4bcbf, #fff);
 	padding: 0;
 	margin: 0;
 }

 h1 {
 	font-size: 1.2em;
 	color: #fff;
 	display: inline-block;
 	position: absolute;
 	left: 47.5%;
 	padding: .9em 1em;
 	border-radius: 7px;
 	border: 1px solid #123456 ;
 	background-color: #3f7eb6;		
 	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.15));
 	box-shadow: inset 0 1px rgba(255,255,255, .4);
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

 <h1>Hello Folks.</h1>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* Box-shadow property
	*/

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

	h1 {
	font-size: 1.2em;
	color: #fff;
	display: inline-block;
	position: absolute;
	left: 47.5%;
	padding: .9em 1em;
	border-radius: 7px;
	border: 1px solid #123456 ;
	background-color: #3f7eb6;
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.15));
	box-shadow: inset 0 1px rgba(255,255,255, .4);
	}
	<!-- content to be placed inside <body>…</body> -->

	<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

	<h1>Hello Folks.</h1>