Collapsing warnings

dabblet.css

/* Collapsing warnings */

.error {
	background: #fcc;
	border: 3px solid #c00;
	border-radius: 5px;
	margin: 1em 0;
	padding: 10px;
	position: relative;
	width: 300px;
}

.error:after {
	content: ' ';
	width: 0px;
	height: 0px;
	border-bottom: 5px solid #c00;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	position: absolute;
	top: -8px;
	left: 50%;
	margin-left: -5px;
}

.error + .error {
	border-top: none;
	border-radius: 0 0 5px 5px;
	margin-top: -2em;
}

.error + .error:after {
	display: none;
}

dabblet.html

<div class="error">Error text</div>
<br>
<div class="error">Error text</div>
<div class="error">Error text</div>
<div class="error">Error text</div>
<div class="error">Error text</div>
<div class="error">Error text</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}