Untitled

dabblet.css

#pokeball {
	position:relative;
   width: 400px; 
   height: 400px;
   margin:10% auto; 
   background: #CA0601;  
   border-radius: 50%;
  box-shadow:inset -1px 1px 2px #F74339,
  inset -15px 5px 2px #FDE0DF,
  inset 0px -115px 2px #CCCDD5;

}
#pokeball:before {
	display:block;
	content:"";
	width: 80px;    
	height: 80px;
	position:relative;
	top:230px;
	left:100px;
	background: #BDBEC5;
	border-radius: 50%;
	box-shadow:inset -5px 5px 6px black, 0px 0px 6px black;
	z-index:1;
}
#pokeball:after {
	display:block;
	content:"";
	width: 110px;    
	height: 110px;
	position:relative;
	top:130px;
	left:90px;
	background: #BDBEC5;
	border-radius: 50%;
	box-shadow:inset -4px 4px 8px black, 0px 0px 6px black;
}

#black{
	width: 0px;	
	height:5px;		
	
	border-left:solid 195px black;
	border-right:solid 195px black;
	border-top:solid 30px transparent;
	border-bottom:solid 30px black;

	background-color:transparent;

	position:absolute;
	top:230px;
	left:1px;

	border-top-left-radius: 0px 30px;
	border-top-right-radius: 0px 30px;
	border-bottom-left-radius: 200px 30px;
	border-bottom-right-radius: 200px 30px;
	
	
	
	transform:rotate(5deg);
	
}
#black:before{
	display:block;
	content:"";
	width: 140px;	
	height:140px;		
	position:absolute;
	top:-50px;
	left:72px;
	border-radius: 50%;
	/*background: #000;*/
	z-index:1;
}
#black:after{/*
	display:block;
	content:"";
	width: 383px;	
	height:80px;		
	position:absolute;
	top:-100px;
	left:-7px;
	border-radius:20px/120px;
	background: #CA0601;
}*/

dabblet.html

<div id="pokeball">
	<div id="black"></div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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