CSS alphabet-off: The letter "B"

dabblet.css

/**
 * CSS alphabet-off: The letter "B"
 */

@import url(http://fonts.googleapis.com/css?family=Miniver);

html{
	height:100%;
}
body{
	height:100%;
	margin:50px auto;
	padding:0;
	font-size:100%;
	background:
		linear-gradient(0deg, green 50%, blue 50%) repeat-x 0 0
	;
	background-size:
		auto auto
	;
	background-color:transparent;
}
p{
	position:relative;
	width:200px;
	height:100px;
	margin:0 auto;
	background:
		linear-gradient(90deg, yellow 50%, black 50%) repeat-x 0 0	
	;
	background-size:50px 100%;
	border-radius:30px 50px 50px 30px;
	text-indent:-90000px;
}
	p:before,
	p:after{
		content:" ";
		position:absolute;
		display:block;
	}
	p:before{
		bottom:-100px;
		width:180px;
		height:80px;
		background:
			radial-gradient(#000 50%,transparent 50%) no-repeat  2px 20px,
			linear-gradient(90deg, yellow 50%, black 50%) repeat-x 0 0	
		;
		background-size:
			10px 10px,
			40px 100%
		;
		border-radius:30px 50px 50px 30px;
	}

dabblet.html

<p>b</p>

dabblet.js

// alert('Hello world!');

settings.json

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