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.

/* CSS placed here will be applied to all skins */
/* PKWar Terminal Theme for MediaWiki - COMPLETE DARK THEME */

:root {
  --pkwar-bg: #1e1e1e;
  --pkwar-text: #ffffff;
  --pkwar-accent: #00FFFF;
  --pkwar-secondary: #FF00FF;
  --pkwar-gold: gold;
  --pkwar-green: #00ff00;
  --pkwar-red: #ff0000;
}

/* Global styles - ENTIRE PAGE */
html, body {
  background: #0a0a0a !important;
  color: var(--pkwar-text) !important;
  font-family: 'Courier New', monospace !important;
}

/* Override all white backgrounds */
* {
  background-color: transparent;
}

/* Main page container */
.mw-page-container {
  background: #0a0a0a !important;
  color: var(--pkwar-text) !important;
}

/* Header */
.mw-header {
  background: var(--pkwar-bg) !important;
  border-bottom: 2px solid #444 !important;
  box-shadow: 0 2px 10px #000 !important;
}

/* Logo area */
.mw-logo {
  filter: brightness(1.2);
}

/* Search box */
.vector-search-box-input {
  background: #0a0a0a !important;
  color: var(--pkwar-text) !important;
  border: 1px solid #444 !important;
}

.cdx-text-input__input:enabled {
  background-color: #0a0a0a !important;
  color: var(--pkwar-text) !important;
  border-color: #444 !important;
}

/* User menu and tools */
.vector-user-links {
  background: transparent !important;
}

.vector-menu-tabs, .vector-menu-tabs a, .vector-menu-dropdown {
  background: transparent !important;
}

/* Sidebar */
.mw-sidebar,
.vector-main-menu,
.vector-menu-portal {
  background: var(--pkwar-bg) !important;
}

.vector-menu-heading {
  color: var(--pkwar-gold) !important;
  background: none !important;
}

/* Navigation menus */
.vector-menu-content-list a {
  color: var(--pkwar-accent) !important;
}

.vector-menu-content-list a:hover {
  background: rgba(0, 255, 255, 0.1) !important;
}

/* Page tabs */
.vector-menu-tabs .mw-list-item a {
  background: var(--pkwar-bg) !important;
  color: var(--pkwar-accent) !important;
}

.vector-menu-tabs .selected a {
  background: #2a2a2a !important;
  color: var(--pkwar-gold) !important;
}

/* Content area */
.mw-body,
.mw-body-content,
.mw-content-container {
  background: var(--pkwar-bg) !important;
  color: var(--pkwar-text) !important;
  border: 2px solid #444 !important;
  border-radius: 8px !important;
  box-shadow: 0 0 10px #000c !important;
}

/* Headers */
h1, h2, h3, h4, h5, h6 {
  color: var(--pkwar-accent) !important;
  border-color: #444 !important;
  font-family: 'Courier New', monospace !important;
}

/* Links */
a {
  color: var(--pkwar-accent) !important;
}

a:visited {
  color: #0099cc !important;
}

a.new,
a.new:visited {
  color: var(--pkwar-red) !important;
}

/* Tables */
table.wikitable {
  background: var(--pkwar-bg) !important;
  color: var(--pkwar-text) !important;
  border: 1px solid #444 !important;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
  background: rgba(0, 255, 255, 0.1) !important;
  color: var(--pkwar-accent) !important;
  border: 1px solid #444 !important;
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
  border: 1px solid #444 !important;
  background: transparent !important;
}

/* Footer */
.mw-footer {
  background: var(--pkwar-bg) !important;
  border: 2px solid #444 !important;
  border-radius: 8px !important;
  margin-top: 2em !important;
  padding: 1em !important;
  color: var(--pkwar-text) !important;
}

.mw-footer li {
  color: var(--pkwar-text) !important;
}

/* Edit interface */
.mw-editform,
.editOptions {
  background: var(--pkwar-bg) !important;
  color: var(--pkwar-text) !important;
}

#wpTextbox1,
.ace_editor {
  background: #0a0a0a !important;
  color: var(--pkwar-text) !important;
  border: 1px solid #444 !important;
  font-family: 'Courier New', monospace !important;
}

/* Buttons */
.oo-ui-buttonElement-button {
  background: #2a2a2a !important;
  color: var(--pkwar-accent) !important;
  border: 1px solid #444 !important;
}

.oo-ui-buttonElement-button:hover {
  background: #3a3a3a !important;
  border-color: var(--pkwar-accent) !important;
}

/* Dropdowns and menus */
.oo-ui-menuSelectWidget,
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
  background: #0a0a0a !important;
  color: var(--pkwar-text) !important;
  border: 1px solid #444 !important;
}

/* Info boxes */
.mw-message-box {
  background: rgba(0, 255, 255, 0.1) !important;
  border: 1px solid var(--pkwar-accent) !important;
  color: var(--pkwar-text) !important;
}

/* Category boxes */
#catlinks {
  background: var(--pkwar-bg) !important;
  border: 1px solid #444 !important;
}

/* Search results */
.mw-search-results {
  background: transparent !important;
}

.searchresults .mw-search-result {
  background: var(--pkwar-bg) !important;
  border: 1px solid #444 !important;
  margin-bottom: 0.5em !important;
  padding: 0.5em !important;
}

/* Special pages */
.mw-special-Watchlist .mw-changeslist {
  background: transparent !important;
}

/* Forms */
input[type="text"],
input[type="search"],
input[type="password"],
textarea,
select {
  background: #0a0a0a !important;
  color: var(--pkwar-text) !important;
  border: 1px solid #444 !important;
}

/* Remove all remaining white areas */
.mw-page-container,
.mw-workspace-container,
.mw-content-container,
.mw-article-toolbar-container,
.mw-sidebar-container {
  background: transparent !important;
}

/* Terminal-style elements */
.terminal-box {
  background: var(--pkwar-bg);
  border: 2px solid #444;
  border-radius: 8px;
  padding: 1em;
  font-family: 'Courier New', monospace;
  margin: 1em 0;
  box-shadow: 0 0 10px #000c;
}

/* Code blocks */
pre,
code,
.mw-code {
  background: #0a0a0a !important;
  color: var(--pkwar-accent) !important;
  border: 1px solid #444 !important;
  font-family: 'Courier New', monospace !important;
}

/* Diff pages */
.diff {
  background: var(--pkwar-bg) !important;
}

.diff-context {
  background: #1a1a1a !important;
  color: #aaa !important;
}

.diff-addedline {
  background: rgba(0, 255, 0, 0.1) !important;
}

.diff-deletedline {
  background: rgba(255, 0, 0, 0.1) !important;
}

/* Notifications */
.mw-notification {
  background: var(--pkwar-bg) !important;
  border: 1px solid var(--pkwar-accent) !important;
  color: var(--pkwar-text) !important;
}