CSS Gradient Yin Yang. NO More before & after PLS

dabblet.css

/* CSS Gradient Yin Yang. NO More before & after PLS */
.shinshan{
width:40%;
height:500px;
margin:0 auto;
border-radius:50%;
overflow:hidden;
border:2px solid black;
/* chrome (webkit, blink), firefox, opera and safary (I guess). IE, you just fuck off */
background: 
radial-gradient(circle at 50% 25%, black 5%, transparent 1%), /* inner tiny dot */
radial-gradient(circle at 50% 75%, white 5%, transparent 1%), /* inner tiny dot */
radial-gradient(circle at 50% 25%, white 27%, transparent 1%) 50% 0, /* da mix*/
radial-gradient(circle at 50% 75%, black 27%, transparent 1%) 50% 0, /* da mix */
-webkit-linear-gradient(left, white 50%, black 50%  );  /* yin yangggg */
background: 
radial-gradient(circle at 50% 25%, black 5%, transparent 1%), /* inner tiny dot */
radial-gradient(circle at 50% 75%, white 5%, transparent 1%), /* inner tiny dot */
radial-gradient(circle at 50% 25%, white 27%, transparent 1%) 50% 0, /* da mix*/
radial-gradient(circle at 50% 75%, black 27%, transparent 1%) 50% 0, /* da mix */
-moz-linear-gradient(left, white 50%, black 50%  ) /* yin yangggg */
}

dabblet.html

<div class="shinshan"></div>

dabblet.js

// alert('Hello world!');

settings.json

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