aurelkurtula
2/8/2013 - 4:39 AM

The first commented line is your dabblet’s title

The first commented line is your dabblet’s title

settings.json
content_copyfile_download
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
dabblet.js
content_copyfile_download
// alert('Hello world!');
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->

<p>this is a test of dabblet</p>
dabblet.css
content_copyfile_download
/**
 * 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;
	}