gustaff-weldon · February 21, 2013 09:27
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */
 body {
    background: #EEE;
    text-align: center;
 }

 #box {
    background: radial-gradient(50% -10%, ellipse closest-corner, rgba(0,0,0,0.5), rgba(0,0,0,0));
    height: 200px;
 }

 #box:before {
    content: "";
    display: block;
    height: 1px;
    background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0));
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <p>Some text...</p>

 <div id=box>

 <h3>Archived reviews</h3>
 </div>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
	/**
	* The first commented line is your dabblet’s title
	*/
	body {
	background: #EEE;
	text-align: center;
	}

	#box {
	background: radial-gradient(50% -10%, ellipse closest-corner, rgba(0,0,0,0.5), rgba(0,0,0,0));
	height: 200px;
	}

	#box:before {
	content: "";
	display: block;
	height: 1px;
	background: linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1) 20%, rgba(255,255,255,1) 80%, rgba(255,255,255,0));
	}
	<!-- content to be placed inside <body>…</body> -->

	<p>Some text...</p>

	<div id=box>

	<h3>Archived reviews</h3>
	</div>