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;
 }
 
 .close:after {
 	content:'';
 	display: block;
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	margin: 27px 0 0 -54px;
 	padding: 0;
 	height: 0;
 	width: 1px;
 	border: 53px solid transparent;
 	border-top-color: inherit;
 	border-radius: 50%;
 }

.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>

settings.json

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