User:MonkeysHK/common.css

/* Styled Checkbox */ .styled-checkbox-label { display: block; position: relative; padding-left: 45px; margin-bottom: 15px; cursor: pointer; font-size: 20px; }

.styled-checkbox-label input[type=checkbox] { visibility: hidden; }

.styled-checkbox-label span { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #777; }

.styled-checkbox-label input:active ~ span { background-color: #bbb; }

.styled-checkbox-label input:checked ~ span { background-color: #777; }

.styled-checkbox-label span:after { content: ""; position: absolute; display: none; }

.styled-checkbox-label input:checked ~ span:after { display: block; }

.styled-checkbox-label span:after { left: 8px; bottom: 5px; width: 6px; height: 12px; border: solid white; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }