MediaWiki:Common.css: Difference between revisions

From Kingside Wiki

No edit summary
No edit summary
Line 257: Line 257:
#editform, #toolbar, #wpTextbox1, .mw-editform .editOptions {
#editform, #toolbar, #wpTextbox1, .mw-editform .editOptions {
   -webkit-focus-ring-color: rgba(4,212,220, 0.3) !important;
   -webkit-focus-ring-color: rgba(4,212,220, 0.3) !important;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, input[type="submit"], input[title="Save your changes [⌃⌥s]"], input[value="Save Changes"], oo-ui-inputWidget-input.oo-ui-buttonElement-button {
  background-color: #04D4DC !important;
  border-color: #04D4DC !important;
}
}

Revision as of 22:43, 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;
}

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

#editform, #toolbar, #wpTextbox1, .mw-editform .editOptions {
  -webkit-focus-ring-color: rgba(4,212,220, 0.3) !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, input[type="submit"], input[title="Save your changes [⌃⌥s]"], input[value="Save Changes"], oo-ui-inputWidget-input.oo-ui-buttonElement-button {
  background-color: #04D4DC !important;
  border-color: #04D4DC !important;
}
Retrieved from "http://kingside.wiki/index.php?title=MediaWiki:Common.css&oldid=7"