MediaWiki:Common.css: Difference between revisions

From Kingside Wiki

(Created page with "→‎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...")
 
No edit summary
Line 221: Line 221:
.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;
}
.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;
  border-color: #04D4DC;
}
}


Line 234: Line 239:
.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;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
  background-color: #04D4DC;
  border-color: #04D4DC;
}
.mw-editform .editOptions {
  outline-color: rgba(4,212,220, 0.3);
}
}

Revision as of 22:33, 26 February 2023

/* 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;
}

.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;
  border-color: #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;
}

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

.mw-editform .editOptions {
  outline-color: rgba(4,212,220, 0.3);
}
Retrieved from "http://kingside.wiki/index.php?title=MediaWiki:Common.css&oldid=3"