Radio buttons

by soulwire

HTML

<ul>
    <li></li>
    <li class="selected"></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

html, body {
    background: #444;
}

ul {
    list-style: none;
}

li {
    background: #333;
    border-radius: 15px;
    display: block;
    margin: 15px;
    height: 15px;
    width: 15px;
    box-shadow: inset 0px 2px 4px rgba(0,0,0,0.3), 0px 1px 0px 0px rgba(255,255,255,0.15);
}
li.selected {
    background: #B8FF00;
    box-shadow: inset 0px 2px 8px rgba(255, 255, 255, 0.4), inset 0px -2px 2px rgba(0, 0, 0, 0.2), 0 0 3px 0px #b8FF00;
}