MediaWiki:Common.css
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.
/* === Global base styles === */
body {
background-color: #0f0f0f;
color: #e0e0e0;
font-family: "JetBrains Mono", "Fira Code", monospace;
line-height: 1.6;
}
a, a:link, a:visited {
color: #ff5555;
text-decoration: none;
}
a:hover {
color: #ff7777;
text-decoration: underline;
}
/* === Page container === */
#content, .mw-body {
background-color: #151515;
border: 1px solid #222;
padding: 2em;
border-radius: 6px;
}
.mw-parser-output {
color: #e0e0e0;
}
.mw-parser-output a {
color: #ff5555;
}
/* === Headings === */
h1, h2, h3, h4, h5 {
color: #ff4444;
border-bottom: 1px solid #222;
padding-bottom: 0.3em;
margin-top: 1.5em;
}
/* Head */
#mw-head,
.vector-menu-content,
.vector-menu-content-list,
.vector-menu-content-list li a {
background-color: #151515 !important;
color: #ff4444 !important;
}
.vector-menu-content-list li a:hover {
color: #ff0000 !important;
}
/* === Table of Contents === */
#toc {
background-color: #1c1c1c;
border: 1px solid #333;
padding: 1em;
border-radius: 4px;
}
#toc a {
color: #ffaa88;
}
/* === Infoboxes / Notices === */
.infobox, .hatnote, .messagebox {
background-color: #1a1a1a;
border: 1px solid #444;
padding: 1em;
margin: 1em 0;
border-left: 4px solid #ff5555;
}
.infobox-title {
color: #ff6666;
font-weight: bold;
font-size: 1.2em;
}
/* === Code and Preformatted === */
pre, code, .mw-code {
background-color: #1b1b1b;
color: #d4d4d4;
border: 1px solid #333;
padding: 0.75em;
overflow-x: auto;
display: block;
border-radius: 4px;
}
.syntaxhighlight {
background-color: #1b1b1b !important;
color: #e0e0e0 !important;
border: 1px solid #333 !important;
padding: 0.5em !important;
border-radius: 4px !important;
}
/* === Search box === */
input.searchInput {
background-color: #121212;
color: #ffffff;
border: 1px solid #333;
}
/* === Navigation sidebar === */
#mw-panel {
background-color: #121212;
color: #ddd;
}
#p-navigation ul li a {
color: #ff5555;
}
#p-navigation ul li a:hover {
color: #ff8888;
}
/* === Footer === */
#footer {
background-color: #111;
border-top: 1px solid #222;
color: #777;
font-size: 0.85em;
padding: 1em;
margin-top: 3em;
}
/* === Table styling === */
table.wikitable {
background-color: #181818;
color: #eee;
border: 1px solid #333;
}
.wikitable th, .wikitable td {
border: 1px solid #333;
padding: 0.5em;
}
/* === Highlight quotes / payloads === */
blockquote {
background-color: #1a1a1a;
border-left: 3px solid #ff5555;
color: #ccc;
padding: 1em;
margin: 1.5em 0;
}
/* === Highlight boxes === */
.box-red {
background: #220000;
border: 1px solid #ff4444;
color: #ffcccc;
padding: 1em;
border-radius: 4px;
margin: 1em 0;
}
.box-green {
background: #002200;
border: 1px solid #44ff44;
color: #ccffcc;
padding: 1em;
border-radius: 4px;
margin: 1em 0;
}
#p-tb ul li a,
#p-tb ul li a:visited {
color: #ff5555;
}
#p-tb ul li a:hover {
color: #ff7777;
text-decoration: underline;
}
#mw-panel {
display: none !important;
}
#content {
margin-left: 0 !important;
}
#p-cactions a,
#p-cactions a:visited,
#ca-edit a,
#ca-viewsource a,
#ca-history a,
#ca-talk a,
#ca-view a {
color: #ff5555 !important;
}
#p-cactions a:hover,
#ca-edit a:hover,
#ca-viewsource a:hover,
#ca-history a:hover,
#ca-talk a:hover,
#ca-view a:hover {
color: #ff7777 !important;
text-decoration: underline;
}
#ca-edit a,
#ca-edit a:visited {
color: #ff5555 !important;
}
#ca-edit a:hover {
color: #ff7777 !important;
text-decoration: underline;
}
a.new {
color: #ff4444 !important;
}