MediaWiki:Common.css: Difference between revisions

Revision as of 08:36, 15 November 2024

/* CSS placed here will be applied to all skins */

a,
a:visited,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled,
.cdx-text-input__input:enabled,
.mw-heading,
.mw-footer li,
.mw-parser-output a.extiw,
.mw-parser-output a.external,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled
  > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled
  > .oo-ui-buttonElement-button:hover,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.vector-menu-tabs .mw-list-item.selected a,
.vector-menu-tabs .mw-list-item.selected a:visited,
.vector-menu-tabs .mw-list-item a,
.vector-pinnable-element .vector-menu-heading,
.vector-pinnable-element .mw-list-item a,
.vector-dropdown-content .mw-list-item a,
.vector-pinnable-element .mw-list-item a:not(.mw-selflink):visited,
.vector-dropdown-content .mw-list-item a:not(.mw-selflink):visited,
.vector-pinnable-header-toggle-button,
.vector-toc .vector-toc-link,
.vector-toc-text,
.wikitable,
.wikitable > tr > th,
.wikitable > * > tr > th,
#contentSub:not(:empty),
#contentSub2,
#pt-userpage-2 a:not(.mw-selflink) {
  color: #fdfdff;
}

a.new,
.unpatrolled {
  color: #fd4f82;
}

body {
  background-attachment: fixed;
  background-image: url(/images/bg.png);
  background-size: cover;
  font-family: "BarlowCondensed-Medium", sans-serif;
  text-shadow: 1px 1px #0f0b0a;
}

input,
textarea,
.cdx-text-input__input:enabled,
.oo-ui-textInputWidget .oo-ui-inputWidget-input {
  background-color: #371635;
  border-color: #371635;
  border-radius: 1px;
  border-style: solid;
  border-width: 1px;
}

p {
  font-size: large;
}

pre,
code,
.editOptions,
.mw-code {
  background-color: #461f3c;
  border-color: #461f3c;
  border-radius: 1px;
  border-style: solid;
  border-width: 1px;
  color: #fdfdff;
}

pre,
code,
.mw-code {
  text-shadow: none;
}

@font-face {
  font-family: "BarlowCondensed-Medium";
  src: url(/BarlowCondensed-Medium.ttf);
}

.catlinks {
  border: none;
}

.catlinks,
.mw-page-container,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined,
.vector-header-container .mw-header,
.vector-header-container .vector-sticky-header,
.vector-pinned-container {
  background-color: transparent;
}

.cdx-button:enabled,
.cdx-button.cdx-button--fake-button--enabled,
.cdx-button:enabled:active,
.cdx-button.cdx-button--fake-button--enabled:active,
.cdx-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-page-container-inner,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled
  > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled
  > .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,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive
  > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive
  > .oo-ui-buttonElement-button:hover,
.vector-dropdown .vector-dropdown-content,
.vector-pinnable-header-toggle-button,
.vector-pinnable-header-toggle-button:active,
.vector-pinnable-header-toggle-button:hover {
  background-color: #632c54;
  border-style: solid;
  border-color: #fab02b;
  border-radius: 1px;
  border-width: 1px;
}

.mw-body h1,
.mw-body .mw-heading1,
.mw-body-content h1,
.mw-body-content .mw-heading1,
.mw-body-content h2,
.mw-body-content .mw-heading2 {
  color: #fdfdff;
  font-family: "BarlowCondensed-Medium", sans-serif;
}

.mw-footer-container {
  padding-bottom: 24px;
}

.mw-message-box-error {
  background-color: #fd4f82;
  color: #fdfdff;
  border-color: #fd4f82;
  border-radius: 1px;
  border-style: solid;
  border-width: 1px;
}

.mw-message-box-warning,
.mw-message-box-warning a {
  background-color: #fdd84c;
  color: #0f0b0a;
  border-color: #fdd84c;
  border-radius: 1px;
  border-style: solid;
  border-width: 1px;
  text-shadow: none;
}

.mw-notification {
  background-color: #55ee58;
  border-color: #55ee58;
  border-radius: 1px;
  border-style: solid;
  border-width: 1px;
}

.mw-page-container-inner,
.vector-dropdown .vector-dropdown-content {
  padding-left: 24px;
  padding-right: 24px;
}

.mw-plusminus-pos {
  color: #55ee58;
}

.oo-ui-popupWidget-popup {
  background-color: #0f0b0a80;
  border-color: #0f0b0a80;
}

.vector-sticky-pinned-container::after {
  display: none;
}

.wikitable {
  background-color: #461f3c;
  border-color: #381736;
  border-style: solid;
  border-width: 1px;
}

.wikitable > tr > th,
.wikitable > * > tr > th {
  background-color: #381736;
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
  border-color: #381736;
  border-style: solid;
  border-width: 1px;
}