MediaWiki:Common.css: Difference between revisions

From Kingside Wiki

No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
.mw-ui-button.mw-ui-progressive:not(:disabled) {
.mw-ui-button.mw-ui-progressive:not(:disabled) {
background-color: #04D4DC;
background-color: #04D4DC !important;
border-color: #04D4DC;
border-color: #04D4DC !important;
}
}


.mw-ui-input:focus {
.mw-ui-input:focus {
border-color: #04D4DC;
border-color: #04D4DC !important;
}
}


.mw-ui-button:not(:disabled):focus {
.mw-ui-button:not(:disabled):focus {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
     box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
     box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}
}


Line 20: Line 20:
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
     box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
     box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled) {
.mw-ui-button.mw-ui-progressive:not(:disabled) {
     background-color: #04D4DC;
     background-color: #04D4DC !important;
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
     background-color: #BCECF4;
     background-color: #BCECF4 !important;
     border-color: #BCECF4;
     border-color: #BCECF4 !important;
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
     box-shadow:inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
     box-shadow:inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
}
}


.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
     color: #04D4DC;
     color: #04D4DC !important;
}
}


input[type='checkbox']:hover + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
     background-color: rgba(4, 212, 220, 0.2);
     background-color: rgba(4, 212, 220, 0.2) !important;
     color: #BCECF4;
     color: #BCECF4 !important;
}
}


input[type='checkbox']:focus + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus {
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus {
     color: #04D4DC;
     color: #04D4DC !important;
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


input[type='checkbox']:active + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
input[type='checkbox']:active + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:focus + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:focus + label:before {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
     box-shadow: inset 0 0 0 1px #04D4DC;
     box-shadow: inset 0 0 0 1px #04D4DC !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:hover + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:hover + label:before {
     border-color: #BCECF4;
     border-color: #BCECF4 !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:active + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:active + label:before {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
     box-shadow: inset 0 0 0 1px #0AADBB;
     box-shadow: inset 0 0 0 1px #0AADBB !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:checked + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:checked + label:before {
     background-color: #04D4DC;
     background-color: #04D4DC !important;
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:checked:focus + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:checked:focus + label:before {
     background-color: #04D4DC;
     background-color: #04D4DC !important;
     border-color: #04D4DC;
     border-color: #04D4DC !important;
     box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
     box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:checked:hover + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:checked:hover + label:before {
     background-color: #BCECF4;
     background-color: #BCECF4 !important;
     border-color: #BCECF4
     border-color: #BCECF4 !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:checked:active + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:checked:active + label:before {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
}
}


.mw-ui-input:focus,
.mw-ui-input:focus,
.mw-ui-input:focus .mw-ui-input:focusbox-shadow:inset {
.mw-ui-input:focus .mw-ui-input:focusbox-shadow:inset {
     .mw-ui-input:focusbox-shadow:inset 0 0 0 1px #04D4DC;
     .mw-ui-input:focusbox-shadow:inset 0 0 0 1px #04D4DC !important;
}
}


.client-js .mw-ui-radio [type='radio']:enabled:hover + label:before {
.client-js .mw-ui-radio [type='radio']:enabled:hover + label:before {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


.client-js .mw-ui-radio [type='radio']:enabled:active + label:before {
.client-js .mw-ui-radio [type='radio']:enabled:active + label:before {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
}
}


.client-js .mw-ui-radio [type='radio']:enabled:checked + label:before {
.client-js .mw-ui-radio [type='radio']:enabled:checked + label:before {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


.mw-ui-button:not(:disabled):focus {
.mw-ui-button:not(:disabled):focus {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
     box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
     box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}
}


Line 130: Line 130:
.mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
     box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
     box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled) {
.mw-ui-button.mw-ui-progressive:not(:disabled) {
     background-color: #04D4DC;
     background-color: #04D4DC !important;
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
     background-color: #BCECF4;
     background-color: #BCECF4 !important;
     border-color: #BCECF4;
     border-color: #BCECF4 !important;
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
     box-shadow:inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
     box-shadow:inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
}
}


.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
}
}


.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
     color: #04D4DC;
     color: #04D4DC !important;
}
}


input[type='checkbox']:hover + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
     background-color: rgba(4, 212, 220, 0.2);
     background-color: rgba(4, 212, 220, 0.2) !important;
     color: #BCECF4;
     color: #BCECF4 !important;
}
}


input[type='checkbox']:focus + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus {
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus {
     color: #04D4DC;
     color: #04D4DC !important;
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


input[type='checkbox']:active + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
input[type='checkbox']:active + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:focus + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:focus + label:before {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
     box-shadow: inset 0 0 0 1px #04D4DC;
     box-shadow: inset 0 0 0 1px #04D4DC !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:hover + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:hover + label:before {
     border-color: #BCECF4;
     border-color: #BCECF4 !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:active + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:active + label:before {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
     box-shadow: inset 0 0 0 1px #0AADBB;
     box-shadow: inset 0 0 0 1px #0AADBB !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:checked + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:checked + label:before {
     background-color: #04D4DC;
     background-color: #04D4DC !important;
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:checked:focus + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:checked:focus + label:before {
     background-color: #04D4DC;
     background-color: #04D4DC !important;
     border-color: #04D4DC;
     border-color: #04D4DC !important;
     box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
     box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:checked:hover + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:checked:hover + label:before {
     background-color: #BCECF4;
     background-color: #BCECF4 !important;
     border-color: #BCECF4
     border-color: #BCECF4 !important;
}
}


.mw-ui-checkbox [type='checkbox']:enabled:checked:active + label:before {
.mw-ui-checkbox [type='checkbox']:enabled:checked:active + label:before {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB
     border-color: #0AADBB !important;
}
}


.mw-ui-input:focus,
.mw-ui-input:focus,
.mw-ui-input:focus .mw-ui-input:focusbox-shadow:inset {
.mw-ui-input:focus .mw-ui-input:focusbox-shadow:inset {
     .mw-ui-input:focusbox-shadow:inset 0 0 0 1px #04D4DC;
     .mw-ui-input:focusbox-shadow:inset 0 0 0 1px #04D4DC !important;
}
}


.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
   background-color: #04D4DC;
   background-color: #04D4DC !important;
   border-color: #04D4DC;
   border-color: #04D4DC !important;
}
}


.client-js .mw-ui-radio [type='radio']:enabled:hover + label:before {
.client-js .mw-ui-radio [type='radio']:enabled:hover + label:before {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


.client-js .mw-ui-radio [type='radio']:enabled:active + label:before {
.client-js .mw-ui-radio [type='radio']:enabled:active + label:before {
     background-color: #0AADBB;
     background-color: #0AADBB !important;
     border-color: #0AADBB;
     border-color: #0AADBB !important;
}
}


.client-js .mw-ui-radio [type='radio']:enabled:checked + label:before {
.client-js .mw-ui-radio [type='radio']:enabled:checked + label:before {
     border-color: #04D4DC;
     border-color: #04D4DC !important;
}
}


.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
   background-color: #04D4DC;
   background-color: #04D4DC !important;
   border-color: #04D4DC;
   border-color: #04D4DC !important;
}
}


.mw-editform .editOptions {
.mw-editform .editOptions {
   outline-color: rgba(4,212,220, 0.3);
   outline-color: rgba(4,212,220, 0.3) !important;
}
}

Revision as of 22:36, 26 February 2023

/* CSS placed here will be applied to all skins */
.mw-ui-button.mw-ui-progressive:not(:disabled) {
	background-color: #04D4DC !important;
	border-color: #04D4DC !important;
}

.mw-ui-input:focus {
	border-color: #04D4DC !important;
}

.mw-ui-button:not(:disabled):focus {
    border-color: #04D4DC !important;
    box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}

input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
    border-color: #04D4DC !important;
    box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}

.mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: #04D4DC !important;
    border-color: #04D4DC !important;
}

.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: #BCECF4 !important;
    border-color: #BCECF4 !important;
}

.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
    box-shadow:inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}

.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
    color: #04D4DC !important;
}

input[type='checkbox']:hover + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
    background-color: rgba(4, 212, 220, 0.2) !important;
    color: #BCECF4 !important;
}

input[type='checkbox']:focus + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus {
    color: #04D4DC !important;
    border-color: #04D4DC !important;
}

input[type='checkbox']:active + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:focus + label:before {
    border-color: #04D4DC !important;
    box-shadow: inset 0 0 0 1px #04D4DC !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:hover + label:before {
    border-color: #BCECF4 !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:active + label:before {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
    box-shadow: inset 0 0 0 1px #0AADBB !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:checked + label:before {
    background-color: #04D4DC !important;
    border-color: #04D4DC !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:checked:focus + label:before {
    background-color: #04D4DC !important;
    border-color: #04D4DC !important;
    box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}

.mw-ui-checkbox [type='checkbox']:enabled:checked:hover + label:before {
    background-color: #BCECF4 !important;
    border-color: #BCECF4 !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:checked:active + label:before {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
}

.mw-ui-input:focus,
.mw-ui-input:focus .mw-ui-input:focusbox-shadow:inset {
    .mw-ui-input:focusbox-shadow:inset 0 0 0 1px #04D4DC !important;
}

.client-js .mw-ui-radio [type='radio']:enabled:hover + label:before {
    border-color: #04D4DC !important;
}

.client-js .mw-ui-radio [type='radio']:enabled:active + label:before {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
}

.client-js .mw-ui-radio [type='radio']:enabled:checked + label:before {
    border-color: #04D4DC !important;
}

.mw-ui-button:not(:disabled):focus {
    border-color: #04D4DC !important;
    box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}

input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,
.mw-ui-button.mw-ui-quiet:focus, .mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,
.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {
    border-color: #04D4DC !important;
    box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}

.mw-ui-button.mw-ui-progressive:not(:disabled) {
    background-color: #04D4DC !important;
    border-color: #04D4DC !important;
}

.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
    background-color: #BCECF4 !important;
    border-color: #BCECF4 !important;
}

.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
    box-shadow:inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}

.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
}

.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
}

.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
    color: #04D4DC !important;
}

input[type='checkbox']:hover + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:hover {
    background-color: rgba(4, 212, 220, 0.2) !important;
    color: #BCECF4 !important;
}

input[type='checkbox']:focus + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:focus {
    color: #04D4DC !important;
    border-color: #04D4DC !important;
}

input[type='checkbox']:active + .mw-ui-button.mw-ui-progressive.mw-ui-quiet,
.mw-ui-button.mw-ui-progressive.mw-ui-quiet:active {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:focus + label:before {
    border-color: #04D4DC !important;
    box-shadow: inset 0 0 0 1px #04D4DC !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:hover + label:before {
    border-color: #BCECF4 !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:active + label:before {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
    box-shadow: inset 0 0 0 1px #0AADBB !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:checked + label:before {
    background-color: #04D4DC !important;
    border-color: #04D4DC !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:checked:focus + label:before {
    background-color: #04D4DC !important;
    border-color: #04D4DC !important;
    box-shadow: inset 0 0 0 1px #04D4DC !important, inset 0 0 0 2px #FFFFFF;
}

.mw-ui-checkbox [type='checkbox']:enabled:checked:hover + label:before {
    background-color: #BCECF4 !important;
    border-color: #BCECF4 !important;
}

.mw-ui-checkbox [type='checkbox']:enabled:checked:active + label:before {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
}

.mw-ui-input:focus,
.mw-ui-input:focus .mw-ui-input:focusbox-shadow:inset {
    .mw-ui-input:focusbox-shadow:inset 0 0 0 1px #04D4DC !important;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
  background-color: #04D4DC !important;
  border-color: #04D4DC !important;
}

.client-js .mw-ui-radio [type='radio']:enabled:hover + label:before {
    border-color: #04D4DC !important;
}

.client-js .mw-ui-radio [type='radio']:enabled:active + label:before {
    background-color: #0AADBB !important;
    border-color: #0AADBB !important;
}

.client-js .mw-ui-radio [type='radio']:enabled:checked + label:before {
    border-color: #04D4DC !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #04D4DC !important;
  border-color: #04D4DC !important;
}

.mw-editform .editOptions {
  outline-color: rgba(4,212,220, 0.3) !important;
}