Untitled

dabblet.css

html {
	background:linear-gradient(#aaa,#eee);
	background-repeat:no-repeat;
	background-size:cover;
	min-height:100%;
}

.busy {
	display: block;
 	width: 13px;
 	height: 13px;
	margin:-10px;
	padding:0;
	position:absolute;
	top:50%;
	left:50%;
 	border: 3px solid;
 	border-top-color: transparent;
 	border-left-color: transparent;
 	border-radius: 50%;
	color:#397CE9;
	background-color: transparent;
	animation: load 0s linear infinite;
 }

@keyframes load {
  100% { transform: rotate(360deg); }
}

.wrapper {
	line-height:40px;
	width:400px;
	height:300px;
	top:50%;
	left:50%;
	margin:-150px 00px;
	display:block;
	position:absolute;
	background:white;
}

dabblet.html

<div class="wrapper">

<i class="busy"></i>

</div>

settings.json

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