MediaWiki:Common.css
From Kingside Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
.mw-ui-button.mw-ui-progressive:not(:disabled) {
background-color: #04D4DC;
border-color: #04D4DC;
}
.mw-ui-input:focus {
border-color: #04D4DC;
}
.mw-ui-button:not(:disabled):focus {
border-color: #04D4DC;
box-shadow: inset 0 0 0 1px #04D4DC, 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;
box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
}
.mw-ui-button.mw-ui-progressive:not(:disabled) {
background-color: #04D4DC;
border-color: #04D4DC;
}
.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
background-color: #BCECF4;
border-color: #BCECF4;
}
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
box-shadow:inset 0 0 0 1px #04D4DC, 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;
border-color: #0AADBB;
}
.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
color: #04D4DC;
}
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);
color: #BCECF4;
}
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;
border-color: #04D4DC;
}
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;
border-color: #0AADBB;
}
.mw-ui-checkbox [type='checkbox']:enabled:focus + label:before {
border-color: #04D4DC;
box-shadow: inset 0 0 0 1px #04D4DC;
}
.mw-ui-checkbox [type='checkbox']:enabled:hover + label:before {
border-color: #BCECF4;
}
.mw-ui-checkbox [type='checkbox']:enabled:active + label:before {
background-color: #0AADBB;
border-color: #0AADBB;
box-shadow: inset 0 0 0 1px #0AADBB;
}
.mw-ui-checkbox [type='checkbox']:enabled:checked + label:before {
background-color: #04D4DC;
border-color: #04D4DC;
}
.mw-ui-checkbox [type='checkbox']:enabled:checked:focus + label:before {
background-color: #04D4DC;
border-color: #04D4DC;
box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
}
.mw-ui-checkbox [type='checkbox']:enabled:checked:hover + label:before {
background-color: #BCECF4;
border-color: #BCECF4
}
.mw-ui-checkbox [type='checkbox']:enabled:checked:active + label:before {
background-color: #0AADBB;
border-color: #0AADBB;
}
.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;
}
.client-js .mw-ui-radio [type='radio']:enabled:hover + label:before {
border-color: #04D4DC;
}
.client-js .mw-ui-radio [type='radio']:enabled:active + label:before {
background-color: #0AADBB;
border-color: #0AADBB;
}
.client-js .mw-ui-radio [type='radio']:enabled:checked + label:before {
border-color: #04D4DC;
}
.mw-ui-button:not(:disabled):focus {
border-color: #04D4DC;
box-shadow: inset 0 0 0 1px #04D4DC, 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;
box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
}
.mw-ui-button.mw-ui-progressive:not(:disabled) {
background-color: #04D4DC;
border-color: #04D4DC;
}
.mw-ui-button.mw-ui-progressive:not(:disabled):hover {
background-color: #BCECF4;
border-color: #BCECF4;
}
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
box-shadow:inset 0 0 0 1px #04D4DC, 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;
border-color: #0AADBB;
}
.mw-ui-button.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
background-color: #0AADBB;
border-color: #0AADBB;
}
.mw-ui-button.mw-ui-progressive.mw-ui-quiet {
color: #04D4DC;
}
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);
color: #BCECF4;
}
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;
border-color: #04D4DC;
}
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;
border-color: #0AADBB;
}
.mw-ui-checkbox [type='checkbox']:enabled:focus + label:before {
border-color: #04D4DC;
box-shadow: inset 0 0 0 1px #04D4DC;
}
.mw-ui-checkbox [type='checkbox']:enabled:hover + label:before {
border-color: #BCECF4;
}
.mw-ui-checkbox [type='checkbox']:enabled:active + label:before {
background-color: #0AADBB;
border-color: #0AADBB;
box-shadow: inset 0 0 0 1px #0AADBB;
}
.mw-ui-checkbox [type='checkbox']:enabled:checked + label:before {
background-color: #04D4DC;
border-color: #04D4DC;
}
.mw-ui-checkbox [type='checkbox']:enabled:checked:focus + label:before {
background-color: #04D4DC;
border-color: #04D4DC;
box-shadow: inset 0 0 0 1px #04D4DC, inset 0 0 0 2px #FFFFFF;
}
.mw-ui-checkbox [type='checkbox']:enabled:checked:hover + label:before {
background-color: #BCECF4;
border-color: #BCECF4
}
.mw-ui-checkbox [type='checkbox']:enabled:checked:active + label:before {
background-color: #0AADBB;
border-color: #0AADBB
}
.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;
}
.client-js .mw-ui-radio [type='radio']:enabled:hover + label:before {
border-color: #04D4DC;
}
.client-js .mw-ui-radio [type='radio']:enabled:active + label:before {
background-color: #0AADBB;
border-color: #0AADBB;
}
.client-js .mw-ui-radio [type='radio']:enabled:checked + label:before {
border-color: #04D4DC;
}
