+.oo-ui-checkboxInputWidget {
+ position: relative;
+ line-height: 1.6em;
+}
+.oo-ui-checkboxInputWidget * {
+ vertical-align: middle;
+}
+.oo-ui-checkboxInputWidget input[type="checkbox"] {
+ opacity: 0;
+ width: 1.6em;
+ height: 1.6em;
+ max-width: none;
+}
+.oo-ui-checkboxInputWidget input[type="checkbox"] + span {
+ cursor: pointer;
+ margin: 0 0.4em;
+}
+.oo-ui-checkboxInputWidget input[type="checkbox"] + span::before {
+ content: "";
+ position: absolute;
+ left: 0;
+ border-radius: 0.3em;
+ width: 1.6em;
+ height: 1.6em;
+ background-color: #ffffff;
+ border: 1px solid grey;
+}
+.oo-ui-checkboxInputWidget input[type="checkbox"]:checked + span::before {
+ background-image: /* @embed */ url(themes/mediawiki/images/icons/check-constructive.svg);
+ background-size: 1.6em, 1.6em;
+ background-repeat: no-repeat;
+ background-position: center top;
+}
+.oo-ui-checkboxInputWidget input[type="checkbox"]:active + span::after,
+.oo-ui-checkboxInputWidget input[type="checkbox"]:focus + span::after {
+ content: "";
+ position: absolute;
+ width: 1.6em;
+ height: 1.5em;
+ left: 1px;
+ border-bottom: solid 0.2em #d3d3d3;
+}
+.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span {
+ cursor: default;
+}
+.oo-ui-checkboxInputWidget input[type="checkbox"]:disabled + span::before {
+ background-color: lightgrey;