Mercurial > hgrepos > hgweb.cgi > s4
comparison examples/common/default/default.css @ 504:3ee6cc78d5bb
s4-Checkbox background darken
author | HIROSE Yuuji <yuuji@gentei.org> |
---|---|
date | Sat, 12 Jan 2019 14:36:39 +0900 |
parents | 46a8da2740d9 |
children | 2f2fd6da7194 |
comparison
equal
deleted
inserted
replaced
503:5119c19d15b5 | 504:3ee6cc78d5bb |
---|---|
212 content: ""; display: block; /* Mimic Checkbox by absolute box */ | 212 content: ""; display: block; /* Mimic Checkbox by absolute box */ |
213 position: absolute; top: 0; left: 0; margin: 0; | 213 position: absolute; top: 0; left: 0; margin: 0; |
214 } | 214 } |
215 input.s4-checkbox + label:before { /* checkbox frame */ | 215 input.s4-checkbox + label:before { /* checkbox frame */ |
216 width: 0.8em; height: 0.8em; border: 1px solid #aaa; border-radius: 20%; | 216 width: 0.8em; height: 0.8em; border: 1px solid #aaa; border-radius: 20%; |
217 background: #ddd; | |
217 } | 218 } |
218 input.s4-checkbox:checked + label:before { /* checked frame bg */ | 219 input.s4-checkbox:checked + label:before { /* checked frame bg */ |
219 background: pink; | 220 background: pink; |
220 } | 221 } |
221 input.s4-checkbox:checked + label { /* checked text */ | 222 input.s4-checkbox:checked + label { /* checked text */ |