Outline popup demo

dabblet.css

/**
 * Outline popup demo
 */
body, html {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
	position: relative;
	min-height: 100%;
	height: 100%;
	
	font-family: Geneva, Verdana, Arial, sans-serif;
}
.popup {
	/* Remove this line to remove the lightboxesque overlay */
	outline: 9999px solid rgba(0,0,0,.3);
	
	width: 200px;
	height: 200px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -100px;
	
	background: #ccc;
	
	/* Don't use border radius though */
	/* border-radius: 15px; */
	
	box-shadow: inset 0 0 4px 2px rgba( 0, 0, 0, 0.3 );
	
	padding: 15px;
	box-sizing: border-box;
}

dabblet.html

<div class="popup">
<p>
	Hello, I am a popup.
</p>
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}