aurelkurtula · February 8, 2013 04:39
diff --git a/dabblet.css b/dabblet.css
 /**
 * The first commented line is your dabblet’s title
 */
 body{
  background: #ccc;
 }

 p{
  background: black;
  color: white;
  font-weight: bolder;
  display:block;
 	float: left;
 	padding: 10px;
 	border-radius: 10px;
 	background: linear-gradient(black, gray);
 	position: relative
  }
 p:after{
 	content: ' ';
 	display: block;

 	width: 0px;
 	height: 0px;
 	position: absolute;
 	border-top: 15px solid gray;
 	border-bottom: 15px solid transparent;
 	border-right:15px solid transparent;
 	border-left:15px solid transparent;
 	margin: 10px 0 0 50px;
 	}

 	
 	

diff --git a/dabblet.html b/dabblet.html
 <!-- content to be placed inside <body>…</body> -->

 <p>this is a test of dabblet</p>
diff --git a/dabblet.js b/dabblet.js
 // alert('Hello world!');
diff --git a/settings.json b/settings.json
 {"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
	/**
	* The first commented line is your dabblet’s title
	*/
	body{
	background: #ccc;
	}

	p{
	background: black;
	color: white;
	font-weight: bolder;
	display:block;
	float: left;
	padding: 10px;
	border-radius: 10px;
	background: linear-gradient(black, gray);
	position: relative
	}
	p:after{
	content: ' ';
	display: block;

	width: 0px;
	height: 0px;
	position: absolute;
	border-top: 15px solid gray;
	border-bottom: 15px solid transparent;
	border-right:15px solid transparent;
	border-left:15px solid transparent;
	margin: 10px 0 0 50px;
	}
	<!-- content to be placed inside <body>…</body> -->

	<p>this is a test of dabblet</p>