Jump to content

MediaWiki:Common.css

Revision as of 03:31, 12 March 2026 by Taurussmith (talk | contribs)

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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Remove underline from links */
a {
    text-decoration: none;
}

/* Show underline only when hovering */
a:hover {
    text-decoration: underline;
}
.search-shortdesc {
font-size: 12px;
color: #54595d;
margin-top: 2px;
}
.infobox {
float: right;
width: 270px;
border: 1px solid #a2a9b1;
background: #f8f9fa;
color: #202122;
font-size: 90%;
margin: 0 0 1em 1em;
}
/* Force dark theme globally */

html {
    background-color: #0f1115 !important;
}

body {
    background-color: #0f1115 !important;
    color: #e6e6e6 !important;
}

/* header */
.vector-header-container {
    background-color: #161b22 !important;
}

/* sidebar */
.vector-sidebar-container {
    background-color: #0f1115 !important;
}

/* content */
.mw-body {
    background-color: #0f1115 !important;
}

/* links */
a {
    color: #6ea8ff !important;
}
.infobox th {
background: #eaecf0;
color: #202122;
text-align: left;
padding: 4px;
}

.infobox td {
color: #202122;
padding: 4px;
}

.infobox a {
color: #0645ad;
}
/* Replace default protection lock */

.mw-indicators .mw-indicator {
background-image: url("/wiki/File:Padlock-full.png");
background-size: 20px 20px;
background-repeat: no-repeat;
width: 20px;
height: 20px;
}

.mw-indicators img {
display: none;
}
/* Hide MediaWiki protection indicator */
.mw-indicators {
display: none !important;
}
/* Replace MediaWiki protection lock with F padlock */

.mw-indicator img {
display: none;
}

.mw-indicator {
width:20px;
height:20px;
background-image:url("/images/9/91/Padlock-full.png");
background-size:20px 20px;
background-repeat:no-repeat;
}
/* Replace protection lock icon */

.mw-indicators img {
display:none !important;
}

.mw-indicators::before {
content:"";
display:inline-block;
width:20px;
height:20px;
background-image:url("/images/9/91/Padlock-full.png");
background-size:contain;
background-repeat:no-repeat;
}
/* Replace the protection indicator icon */

.mw-indicators img {
display:none;
}

.mw-indicators {
width:20px;
height:20px;
background-image:url("/images/9/91/Padlock-full.png");
background-repeat:no-repeat;
background-size:20px 20px;
}
.mp-box {
border:1px solid #a2a9b1;
padding:10px;
margin-bottom:10px;
background:#f8f9fa;
}

#mp-upper {
display:flex;
gap:10px;
}

#mp-left, #mp-right {
width:50%;
}
:root {
    color-scheme: dark;
}

body {
    background-color: #0f1115;
    color: #e6e6e6;
}

a {
    color: #7aa6ff;
}

/* Force Vector 2022 dark theme for all users */
:root {
    color-scheme: dark;
}

/* Main background */
body,
.mw-body,
#content {
    background-color: #0f1115 !important;
    color: #e6e6e6 !important;
}

/* Top header */
.vector-header-container,
.vector-sticky-header-container {
    background-color: #161b22 !important;
}

/* Sidebar */
.vector-sidebar {
    background-color: #0f1115 !important;
}

/* Page content boxes */
.mw-parser-output > div,
.mw-parser-output table {
    background-color: #161b22 !important;
}

/* Links */
a {
    color: #6ea8ff !important;
}

/* Borders */
hr, .mw-body, .vector-page-titlebar {
    border-color: #2b3137 !important;
}
.infobox,
.infobox td,
.infobox th {
    background-color: #1e1e1e;
    color: #ffffff;
}

.infobox a {
    color: #4da3ff;
}

.infobox th {
    background-color: #2a2a2a;
}