allenwlee · May 2, 2014 16:39
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */

 .outer {
 position: relative;
 height: 100px;
 width: 100px;
 background-color: black;
 }
 .inner {
 position: relative;
 margin: 0 auto;
 height: 90px;
 width: 90px;
 background-color: blue;
 }
 .float {
 position: absolute;
 top: 50%;
 left: 50%;
 height: 10px;
 width: 10px;
 background-color: yellow;
 }
 .text {
 color: white;
 font-size: 2em;
 text-align: center;
 text-shadow: 2px 1px 150px #FFF, 2px 0 60px #FFF, 2px 0 5px #FFF;
 }
diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->
 <div class='outer'>
 <div class='text'>s</div>

 </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
	*/

	.outer {
	position: relative;
	height: 100px;
	width: 100px;
	background-color: black;
	}
	.inner {
	position: relative;
	margin: 0 auto;
	height: 90px;
	width: 90px;
	background-color: blue;
	}
	.float {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 10px;
	width: 10px;
	background-color: yellow;
	}
	.text {
	color: white;
	font-size: 2em;
	text-align: center;
	text-shadow: 2px 1px 150px #FFF, 2px 0 60px #FFF, 2px 0 5px #FFF;
	}
	<!-- content to be placed inside <body>…</body> -->
	<div class='outer'>
	<div class='text'>s</div>

	</div>