bueltge
2/8/2012 - 11:24 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","prefixfree":"1","page":"css"}
dabblet.html
content_copyfile_download
<!-- content to be placed inside <body>…</body> -->

<p class="tooltip">
	Bitte das Limit beachten
</p>
dabblet.css
content_copyfile_download
/**
 * The first commented line is your dabblet’s title
 */

body {
	margin: 5em;
}

.tooltip {
	font: normal 11px/17px sans-serif;
	color: red;
	height: 17px;
	padding: 0 6px;
	position: absolute;
	background: #ffcccc;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.tooltip:after {
	top: 17px;
	right: 8px;
	width: 0;
	display: block;
	content: "";
	position: absolute;
	border-width: 4px 4px 0;
	border-style: solid;
	border-color: #ffcccc transparent;
}