Alert Styles

dabblet.css

/**
 * Alert Styles
 */

.alert {
	padding: 7px 14px;
	margin-bottom: 5px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #FCF8E3;
	border: 1px solid #FBEED5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.success {
	background-color: #DFF0D8;
	border-color: #D6E9C6;
	color: #468847;
}

.error {
	background-color: #F2DEDE;
	border-color: #EED3D7;
	color: #B94A48;
}

.info {
	background-color: #D9EDF7;
	border-color: #BCE8F1;
	color: #3A87AD;
}

dabblet.html

<div class="alert success">This was a success!</div>
<div class="alert error">This was a success!</div>
<div class="alert info">This was a success!</div

settings.json

{"view":"split","prefixfree":"1","page":"css"}