The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
#c{
margin: 100px;}
.powerL{
width: 50px;
height: 50px;
background: red;
display:block;
float: left;
}

#powerL1{
border-radius: 50% 0 0 50%;
}

#powerL2{
border-radius: 0 50%  50% 0;
}
.power:checked + label{ background: blue;}

dabblet.html

<div id="c">

<input type="radio" id="power1" class="power" name="n" />
<input type="radio" id="power2" class="power" name="n" />
<label for="power1" id="powerL1" class="powerL" ></label>
<label for="power2" id="powerL2" class="powerL" ></label>

</div>

dabblet.js

// alert('Hello world!');

settings.json

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