MediaWiki:Common.css: Difference between revisions

Latest revision as of 14:24, 12 June 2025

/* 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,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.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-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive
  > .oo-ui-buttonElement-button,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined
  .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.search-types .current a,
.vector-main-menu .vector-main-menu-action-opt-out a:not(.mw-selflink):visited,
.vector-main-menu
  .vector-main-menu-action-lang-alert
  .vector-main-menu-action-content:not(.mw-selflink):visited,
.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,
#pagehistory li.selected,
#pt-userpage-2 a:not(.mw-selflink) {
  color: #fdfdff;
}

a.new,
.mw-body-content .error,
.mw-plusminus-neg,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive
  > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive
  > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive
  > .oo-ui-buttonElement-button:hover,
.unpatrolled,
.vector-menu-tabs .mw-list-item.new a,
.vector-menu-tabs .mw-list-item.new a:visited {
  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;
}

fieldset,
.catlinks,
.mw-search-profile-tabs,
#filetoc,
#mw-searchoptions {
  border: none;
}

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 {
  font-size: small;
  text-shadow: none;
}

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

.catlinks,
.mw-changeslist-legend,
.mw-page-container,
.mw-search-profile-tabs,
.vector-header-container .mw-header,
.vector-pinned-container,
#filetoc,
#mw-searchoptions,
#pagehistory li.selected {
  background-color: transparent;
}

.vector-header-container .vector-sticky-header {
  background: #632c54;
}

.cdx-button:enabled,
.cdx-button:enabled:active,
.cdx-button:enabled:hover,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-page-container-inner,
.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled
  .oo-ui-tagMultiselectWidget-handle,
.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,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined
  .oo-ui-tagItemWidget.oo-ui-widget-enabled,
.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: #291224;
  border-radius: 1px;
  border-width: 1px;
  box-shadow: -1px -1px #fab02b inset, 1px 1px #fab02b inset;
}

.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-body,
.vector-page-toolbar-container,
.vector-pinnable-element,
.vector-pinnable-header-label {
  font-size: large;
}

.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;
}
#footer-poweredbyico,
.mw-logo-icon {
  display: none;
}

html.skin-theme-clientpref-night .skin-invert {
  color: #020200;
  text-shadow: 1px 1px #f0f4f5;
}

.no-info-container {
  background: transparent;
  color: #fdfdff;
}
.profile-info-container b {
  color: #fdfdff;
}