Close Logo [CSS]

dabblet.css

/**
 * Close Logo [CSS]
 * Recreated from: http://drbl.in/foUp
 * By Louis Bullock
 * louisbullock.com.au
 */
 
html {
	background:#fff;
	min-height: 100%;
	height:100%;
	overflow:hidden;
}

.close {
	top:50%;
	left:50%;
	margin:-70px 0 0 -57px;
	padding:0;
	height:54px;
	width:54px;
	border:30px solid;
	border-right-color:transparent;
	color:#FDFDFD;
	display: block;
	border-radius: 50%;
	position:absolute;
	background-color: transparent;
 }

.wrapper {
	width:400px;
	height:300px;
	background:#3A7FB6;
	left:50%;
	top:50%;
	margin:-150px -200px;
	position:absolute;
	display:block;
}

dabblet.html

<div class="wrapper">
<i class="close"></i>
</div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}