MediaWiki:Common.css
跳转到导航
跳转到搜索
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* =====================================================
GALACTIC GLITCH WIKI - COMMON.CSS
Dark theme inspired by Dead Cells Wiki
Modern sci-fi look with clean typography
===================================================== */
/* =====================================================
ROOT VARIABLES
===================================================== */
:root {
--bg-dark: #0d1117;
--bg-content: #151a21;
--bg-box: #1a1f27;
--border-color: #2a3038;
--border-subtle: #1e2329;
--accent: #00b4d8;
--accent-dark: #0096b4;
--accent-glow: rgba(0, 180, 216, 0.3);
--text-primary: #e6edf3;
--text-secondary: #9ca3af;
--text-muted: #6b7280;
--link-color: #f0c000;
--link-hover: #ffd644;
--link-visited: #d4a000;
--up-red: #c45050;
--up-green: #4a9a6a;
--up-blue: #5080b0;
--up-purple: #8a6aaa;
--up-gold: #c9a030;
--table-header-bg: #1e2329;
--table-row-alt: rgba(255, 255, 255, 0.02);
--table-row-hover: rgba(240, 192, 0, 0.08);
}
/* =====================================================
FONTS - Modern Sci-Fi Font Stack (NO UGLY SERIFS!)
===================================================== */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&display=swap');
body, .mw-body, p, li, td, th, span, div {
font-family: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}
/* Titles and headers use Orbitron for sci-fi feel */
h1, h2, h3, h4, h5, h6,
.firstHeading,
.nav-header,
.box-header,
.nav-label,
.wikitable th {
font-family: 'Orbitron', 'Exo 2', sans-serif !important;
}
/* =====================================================
BACKGROUND - Key art visible on sides
===================================================== */
body {
background: var(--bg-dark) !important;
background-image: url('/images/0/05/Wiki_Background_New.png') !important;
background-size: cover !important;
background-position: center center !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
color: var(--text-primary) !important;
min-height: 100vh;
}
/* Gradient overlay - shows art on LEFT and RIGHT sides, dark in center for readability */
body::before {
content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
to right,
rgba(13, 17, 23, 0.4) 0%,
rgba(13, 17, 23, 0.7) 5%,
rgba(13, 17, 23, 0.92) 15%,
rgba(13, 17, 23, 0.98) 25%,
rgba(13, 17, 23, 1) 30%,
rgba(13, 17, 23, 1) 70%,
rgba(13, 17, 23, 0.98) 75%,
rgba(13, 17, 23, 0.92) 85%,
rgba(13, 17, 23, 0.7) 95%,
rgba(13, 17, 23, 0.4) 100%
);
z-index: -1;
pointer-events: none;
}
/* Content area - fully opaque */
div#content, #content, .mw-body {
background: rgba(13, 17, 23, 0.98) !important;
color: var(--text-primary) !important;
border: 1px solid var(--border-color) !important;
border-left: 3px solid var(--accent) !important;
border-top: none !important;
}
#mw-page-base { background: transparent !important; }
#mw-head-base {
background: transparent !important;
border-bottom: none !important;
}
/* =====================================================
LOGO AREA
===================================================== */
#p-logo {
margin: 0 !important;
padding: 10px !important;
text-align: center;
height: auto !important;
}
#p-logo a {
display: block !important;
background: url('/images/6/60/Wiki_Logo.png') no-repeat center center !important;
background-size: contain !important;
width: 140px !important;
height: 70px !important;
margin: 0 auto !important;
text-indent: -9999px !important;
}
.mw-wiki-logo { background-image: none !important; }
/* =====================================================
HEADER / TOP NAVIGATION - AGGRESSIVELY FIX WHITE BOXES!
===================================================== */
#mw-head {
background: transparent !important;
background-image: none !important;
}
/* NUCLEAR OPTION: Kill ALL white backgrounds in header area */
#mw-head *,
#mw-head-base,
#left-navigation *,
#right-navigation *,
#p-namespaces *,
#p-views *,
#p-cactions *,
#p-personal *,
.vector-menu *,
.vector-menu-tabs *,
.vector-menu-dropdown *,
.mw-portlet *,
.mw-portlet-views *,
.mw-portlet-namespaces * {
background: transparent !important;
background-image: none !important;
background-color: transparent !important;
}
/* Tab styling - transparent everything */
#mw-head .vector-menu-tabs li,
.vector-menu-tabs li,
.mw-portlet-namespaces li,
.mw-portlet-views li {
background: transparent !important;
background-image: none !important;
border: none !important;
margin: 0 !important;
}
#mw-head .vector-menu-tabs li a,
#mw-head .vector-menu-tabs li span,
.vector-menu-tabs li a,
.vector-menu-tabs li span {
color: var(--text-secondary) !important;
font-family: 'Exo 2', sans-serif !important;
background: transparent !important;
border: none !important;
padding: 6px 12px !important;
}
/* Selected tab - subtle dark background */
#mw-head .vector-menu-tabs li.selected,
.vector-menu-tabs li.selected,
.mw-portlet-namespaces li.selected,
.mw-portlet-views li.selected {
background: rgba(13, 17, 23, 0.9) !important;
border: 1px solid var(--border-color) !important;
border-bottom: 1px solid var(--bg-dark) !important;
border-radius: 4px 4px 0 0;
}
#mw-head .vector-menu-tabs li.selected a,
#mw-head .vector-menu-tabs li.selected span,
.vector-menu-tabs li.selected a,
.vector-menu-tabs li.selected span {
color: var(--text-primary) !important;
background: transparent !important;
}
#mw-head .vector-menu-tabs li a:hover,
.vector-menu-tabs li a:hover {
color: var(--link-color) !important;
background: transparent !important;
}
/* Navigation containers - absolutely no white! */
#left-navigation,
#right-navigation,
#p-namespaces,
#p-views,
#p-cactions,
.mw-portlet,
.mw-portlet-namespaces,
.mw-portlet-views {
background: transparent !important;
background-image: none !important;
}
/* Personal menu - no white backgrounds */
#p-personal,
#p-personal ul,
#p-personal li {
background: transparent !important;
}
#p-personal li a, #p-personal li span { color: var(--text-secondary) !important; }
#p-personal li a:hover { color: var(--link-color) !important; }
/* Star/watchlist icon fix */
#ca-watch, #ca-unwatch {
background: transparent !important;
}
#ca-watch a, #ca-unwatch a {
background: transparent !important;
}
/* Search box */
#simpleSearch,
#searchform,
.mw-searchInput {
background: var(--bg-box) !important;
border: 1px solid var(--border-color) !important;
border-radius: 4px;
}
#simpleSearch input { color: var(--text-primary) !important; }
#searchButton { filter: invert(1); }
/* Dropdown menus */
.vector-menu-dropdown .vector-menu-content,
.mw-portlet .mw-portlet-body {
background: var(--bg-box) !important;
border: 1px solid var(--border-color) !important;
}
/* =====================================================
LEFT SIDEBAR
===================================================== */
#mw-panel {
background: transparent;
padding-top: 0;
}
.portal, .vector-menu-portal {
background: rgba(21, 26, 33, 0.9);
border: 1px solid var(--border-color);
border-left: 3px solid var(--accent);
border-radius: 0 6px 6px 0;
margin: 0 0.6em 1em 0.6em !important;
padding: 0 !important;
overflow: hidden;
}
.portal h3, .vector-menu-portal .vector-menu-heading {
background: var(--table-header-bg) !important;
color: var(--link-color) !important;
font-family: 'Orbitron', sans-serif !important;
font-weight: 600 !important;
font-size: 10px !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
padding: 10px 12px !important;
margin: 0 !important;
border: none !important;
border-bottom: 1px solid var(--border-color) !important;
}
.portal .body, .vector-menu-portal .vector-menu-content {
background: transparent;
padding: 6px 0 !important;
margin: 0 !important;
}
.portal .body li a, .vector-menu-portal .vector-menu-content li a {
display: block !important;
padding: 6px 14px !important;
color: var(--text-secondary) !important;
text-decoration: none !important;
font-size: 13px !important;
transition: all 0.15s ease;
}
.portal .body li a:hover, .vector-menu-portal .vector-menu-content li a:hover {
background: var(--table-row-hover) !important;
color: var(--link-color) !important;
}
/* =====================================================
WIKITABLES - Dead Cells Style (Clean, no ugly borders)
===================================================== */
.wikitable {
background: transparent !important;
border: none !important;
border-collapse: separate !important;
border-spacing: 0 !important;
color: var(--text-primary);
width: 100%;
margin: 1em 0;
font-size: 14px;
}
.wikitable th {
background: var(--table-header-bg) !important;
color: var(--link-color) !important;
padding: 12px 15px;
font-weight: 600;
text-align: left;
border: none !important;
border-bottom: 2px solid var(--border-color) !important;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 1px;
}
.wikitable td {
padding: 10px 15px;
border: none !important;
border-bottom: 1px solid var(--border-subtle) !important;
vertical-align: middle;
}
.wikitable tr:nth-child(even) td {
background: var(--table-row-alt);
}
.wikitable tr:hover td {
background: var(--table-row-hover);
}
.wikitable tr:last-child td {
border-bottom: none !important;
}
/* Table icons - small, clean, rounded */
.wikitable td img,
.wikitable th img {
border-radius: 6px;
vertical-align: middle;
}
/* Make table links golden like Dead Cells */
.wikitable a {
color: var(--link-color) !important;
font-weight: 500;
}
.wikitable a:hover {
color: var(--link-hover) !important;
}
/* =====================================================
THUMBNAIL & IMAGE CONTAINERS - NO WHITE BACKGROUNDS!
===================================================== */
.thumb,
.thumbinner,
.tright,
.tleft,
.tnone,
.floatright,
.floatleft {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
.thumbinner {
background: rgba(26, 31, 39, 0.8) !important;
border: 2px solid var(--border-color) !important;
border-radius: 10px !important;
padding: 8px !important;
overflow: hidden;
}
.thumbimage {
border: none !important;
border-radius: 8px !important;
}
.thumbcaption {
background: transparent !important;
color: var(--text-muted) !important;
font-size: 12px !important;
padding: 8px 4px 4px 4px !important;
text-align: center;
border: none !important;
}
/* Remove any white borders from image elements */
.mw-file-element,
.mw-file-description img,
img.thumbimage {
border: none !important;
background: transparent !important;
}
/* =====================================================
MAIN PAGE - HERO BANNER
===================================================== */
.hero-banner {
text-align: center;
margin-bottom: 15px;
}
.hero-banner img {
max-width: 100%;
border-radius: 10px;
border: 2px solid var(--accent);
box-shadow: 0 0 30px var(--accent-glow);
}
.welcome-section {
text-align: center;
margin-bottom: 20px;
padding: 10px 20px;
}
.welcome-text {
color: var(--text-secondary);
font-size: 14px;
}
/* =====================================================
MAIN PAGE - NAV GRID (POLISHED ICONS!)
FIX: Make entire button clickable!
===================================================== */
.nav-header {
background: linear-gradient(90deg, var(--table-header-bg) 0%, rgba(30,35,41,0.5) 100%);
border-left: 3px solid var(--accent);
color: var(--link-color);
font-weight: 700;
font-size: 12px;
text-align: center;
padding: 12px;
margin: 20px 0 15px 0;
letter-spacing: 3px;
text-transform: uppercase;
}
.nav-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 12px;
margin-bottom: 25px;
}
/* CRITICAL FIX: Make entire nav-item clickable by making the link fill the container */
.nav-item {
background: rgba(30, 35, 41, 0.8);
border: 1px solid var(--border-color);
border-radius: 10px;
padding: 0 !important; /* Remove padding from container */
text-align: center;
transition: all 0.25s ease;
position: relative;
}
/* Make the link inside nav-item fill the entire space */
.nav-item > a,
.nav-item a:first-child {
display: block !important;
padding: 15px 10px 12px 10px !important;
text-decoration: none !important;
width: 100% !important;
height: 100% !important;
box-sizing: border-box;
}
.nav-item:hover {
border-color: var(--link-color);
background: rgba(240, 192, 0, 0.12);
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(240, 192, 0, 0.15);
}
/* MAIN PAGE ICONS - Rounded corners and nice frames! */
.nav-item img {
display: block;
margin: 0 auto 10px auto;
max-height: 64px;
border-radius: 12px !important;
border: 2px solid var(--border-color);
padding: 4px;
background: rgba(0, 0, 0, 0.3);
transition: all 0.25s ease;
}
.nav-item:hover img {
border-color: var(--link-color);
box-shadow: 0 0 15px rgba(240, 192, 0, 0.3);
}
.nav-label {
font-weight: 600;
font-size: 11px;
letter-spacing: 1.5px;
color: var(--text-primary);
text-transform: uppercase;
display: block;
}
.nav-label a {
color: var(--text-primary) !important;
text-decoration: none !important;
display: block !important;
padding: 15px 10px 12px 10px !important;
}
.nav-item:hover .nav-label,
.nav-item:hover .nav-label a {
color: var(--link-color) !important;
}
.nav-count {
font-size: 10px;
color: var(--text-muted);
margin-top: 2px;
font-family: 'Exo 2', sans-serif !important;
}
/* =====================================================
IN-PAGE NAV CARDS (Mechanics, Boss Orb, etc)
More rounded, pill-shaped buttons!
===================================================== */
.mech-card,
.bo-nav-grid > div,
[style*="border-radius: 10px"],
[style*="border-radius: 12px"] {
border-radius: 16px !important;
}
/* Target inline style cards and make them more rounded */
div[style*="min-width: 150px"][style*="border:"],
div[style*="min-width: 200px"][style*="border:"] {
border-radius: 16px !important;
}
/* =====================================================
GLOBAL IMAGE ROUNDING
All thumbnail and content images get rounded corners
===================================================== */
.thumbinner,
.thumbimage,
.thumb img,
.gallerybox img,
.mw-file-element,
.image img,
div.floatright img,
div.floatleft img,
table img {
border-radius: 10px !important;
}
/* Character portraits and gallery images - more rounded */
.gallery img,
.char-card img,
.proto-item img {
border-radius: 12px !important;
}
/* =====================================================
MAIN PAGE - CONTENT BOXES
===================================================== */
.content-row {
display: flex;
gap: 15px;
margin-bottom: 15px;
}
.content-box {
background: rgba(21, 26, 33, 0.9);
border: 1px solid var(--border-color);
border-left: 3px solid var(--accent);
border-radius: 0 8px 8px 0;
overflow: hidden;
flex: 1;
}
.featured-box { flex: 1; }
.box-header {
background: var(--table-header-bg);
color: var(--link-color);
font-weight: 700;
font-size: 11px;
text-align: center;
padding: 10px;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 1px solid var(--border-color);
}
.box-content {
padding: 15px;
color: var(--text-secondary);
}
/* =====================================================
PROTOTYPE/BOSS/CHARACTER SHOWCASES
===================================================== */
.prototype-showcase {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.proto-item, .boss-card, .char-card {
text-align: center;
padding: 10px;
background: rgba(0, 0, 0, 0.2);
border-radius: 12px;
transition: all 0.2s ease;
}
.proto-item:hover, .boss-card:hover, .char-card:hover {
background: var(--table-row-hover);
}
.proto-item img, .boss-card img {
display: block;
margin: 0 auto 6px auto;
border-radius: 10px;
}
.proto-name, .boss-name {
font-size: 11px;
font-weight: 600;
}
.proto-name a, .boss-name a { color: var(--link-color) !important; }
.proto-stat {
font-size: 9px;
color: var(--text-muted);
margin-top: 2px;
}
.boss-showcase {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.character-showcase {
display: flex;
gap: 15px;
justify-content: center;
}
.char-card {
display: flex;
align-items: center;
gap: 10px;
}
.char-card img { border-radius: 10px; }
.char-info { text-align: left; }
.char-name { font-weight: 600; font-size: 12px; }
.char-name a { color: var(--link-color) !important; }
.char-role { font-size: 10px; color: var(--text-muted); }
/* =====================================================
HEADINGS - Modern Sci-Fi Style
===================================================== */
h1, h2, h3, h4, h5, h6 {
color: var(--text-primary) !important;
border: none !important;
font-weight: 600;
letter-spacing: 0.5px;
}
h1, .firstHeading {
font-size: 1.8em;
color: var(--link-color) !important;
border-bottom: 2px solid var(--border-color) !important;
padding-bottom: 0.3em;
letter-spacing: 2px;
}
h2 {
font-size: 1.3em;
color: var(--link-color) !important;
border-bottom: 1px solid var(--border-subtle) !important;
padding-bottom: 0.25em;
margin-top: 1.5em;
letter-spacing: 1px;
}
h3 {
font-size: 1.15em;
color: var(--text-primary) !important;
letter-spacing: 0.5px;
}
/* =====================================================
LINKS - Golden like Dead Cells
===================================================== */
a { color: var(--link-color); text-decoration: none; }
a:hover { color: var(--link-hover); }
a:visited { color: var(--link-visited); }
a.new { color: #ef4444 !important; }
/* =====================================================
PIXELATED IMAGES
===================================================== */
img {
image-rendering: pixelated;
image-rendering: -moz-crisp-edges;
image-rendering: crisp-edges;
}
/* =====================================================
INFOBOXES - NO WHITE BACKGROUNDS!
===================================================== */
.infobox {
background: rgba(21, 26, 33, 0.95) !important;
border: 1px solid var(--border-color) !important;
border-left: 3px solid var(--accent) !important;
border-radius: 0 8px 8px 0;
float: right;
margin: 0 0 15px 20px;
width: 280px;
color: var(--text-primary);
overflow: hidden;
}
.infobox th[colspan="2"], .infobox-title {
background: var(--table-header-bg) !important;
color: var(--link-color) !important;
font-family: 'Orbitron', sans-serif !important;
font-weight: 600;
padding: 12px;
text-align: center;
font-size: 14px;
letter-spacing: 1px;
border-bottom: 1px solid var(--border-color) !important;
}
.infobox th:not([colspan]) {
background: transparent !important;
color: var(--text-muted) !important;
text-align: right;
padding: 8px 12px;
width: 40%;
font-weight: normal;
}
.infobox td {
padding: 8px 12px;
background: transparent !important;
border-bottom: 1px solid var(--border-subtle);
}
.infobox-image td {
background: rgba(0, 0, 0, 0.2) !important;
padding: 15px !important;
text-align: center;
}
.infobox-image img {
border-radius: 10px;
border: none !important;
}
/* Infobox image wrapper - no white! */
.infobox .image,
.infobox .thumbinner,
.infobox .thumb {
background: transparent !important;
border: none !important;
}
/* =====================================================
UP TYPE COLORS - LESS SATURATED!
===================================================== */
.destruction { color: var(--up-red) !important; }
.resistance { color: var(--up-green) !important; }
.evasion { color: var(--up-blue) !important; }
.gravity { color: var(--up-purple) !important; }
.golden { color: var(--up-gold) !important; }
/* =====================================================
TOC & NAVBOX
===================================================== */
#toc, .toc {
background: rgba(21, 26, 33, 0.9) !important;
border: 1px solid var(--border-color) !important;
border-left: 3px solid var(--accent) !important;
border-radius: 0 8px 8px 0;
padding: 15px;
}
#toc h2, .toc h2 {
border: none !important;
margin: 0 0 10px 0 !important;
font-size: 12px !important;
}
.navbox {
background: rgba(21, 26, 33, 0.9) !important;
border: 1px solid var(--border-color) !important;
margin: 20px 0;
border-radius: 8px;
overflow: hidden;
}
.navbox-title {
background: var(--table-header-bg) !important;
color: var(--link-color) !important;
font-family: 'Orbitron', sans-serif !important;
font-weight: 600;
padding: 10px;
text-align: center;
letter-spacing: 1px;
}
/* =====================================================
PROTOTYPE QUICK NAV - Clickable Icons
===================================================== */
.proto-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px;
padding: 20px;
background: rgba(26, 31, 39, 0.9);
border-radius: 12px;
border: 1px solid var(--border-color);
}
.proto-nav-item {
text-align: center;
transition: all 0.2s ease;
}
.proto-nav-item a {
display: block;
text-decoration: none !important;
}
.proto-nav-item img {
border: 2px solid var(--border-color);
border-radius: 12px;
padding: 5px;
background: var(--bg-box);
transition: all 0.2s ease;
}
.proto-nav-item:hover img {
border-color: var(--link-color);
box-shadow: 0 0 15px rgba(240, 192, 0, 0.4);
transform: scale(1.05);
}
.proto-nav-item span {
display: block;
margin-top: 6px;
font-size: 11px;
font-weight: 600;
color: var(--text-secondary);
letter-spacing: 0.5px;
}
.proto-nav-item:hover span {
color: var(--link-color);
}
/* =====================================================
FOOTER & FORMS - NO WHITE BACKGROUNDS!
===================================================== */
#footer {
background: rgba(13, 17, 23, 0.98) !important;
border-top: 1px solid var(--border-color);
color: var(--text-muted);
}
#footer-info,
#footer-places,
#footer-icons {
background: transparent !important;
}
input, textarea, select {
background: var(--bg-box) !important;
border: 1px solid var(--border-color) !important;
color: var(--text-primary) !important;
border-radius: 4px;
font-family: 'Exo 2', sans-serif !important;
}
button, .mw-ui-button {
background: var(--link-color) !important;
color: #000 !important;
border: none !important;
border-radius: 4px;
font-weight: 600;
font-family: 'Orbitron', sans-serif !important;
}
/* =====================================================
CATEGORY BAR - NO WHITE!
===================================================== */
#catlinks,
.catlinks {
background: rgba(21, 26, 33, 0.9) !important;
border: 1px solid var(--border-color) !important;
border-radius: 8px;
padding: 10px 15px;
margin-top: 20px;
}
#catlinks a {
color: var(--link-color) !important;
}
/* =====================================================
HIDE MAIN PAGE TITLE
===================================================== */
.page-Main_Page .firstHeading,
.page-Main_Page #firstHeading {
display: none !important;
}
/* =====================================================
RESPONSIVE
===================================================== */
@media screen and (max-width: 1100px) {
.nav-grid { grid-template-columns: repeat(3, 1fr); }
.prototype-showcase { grid-template-columns: repeat(4, 1fr); }
.proto-nav { gap: 10px; }
}
@media screen and (max-width: 800px) {
.nav-grid { grid-template-columns: repeat(2, 1fr); }
.content-row { flex-direction: column; }
.prototype-showcase { grid-template-columns: repeat(2, 1fr); }
}
/* =====================================================
SCROLLBAR
===================================================== */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--bg-dark); }
::-webkit-scrollbar-thumb {
background: var(--border-color);
border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover { background: var(--link-color); }
/* =====================================================
SPECIAL PAGES - NO WHITE BOXES!
Recent Changes, Contributions, Logs, etc.
===================================================== */
/* Fieldsets and legends - common source of white boxes */
fieldset {
background: rgba(21, 26, 33, 0.9) !important;
border: 1px solid var(--border-color) !important;
border-radius: 8px !important;
padding: 15px !important;
margin: 15px 0 !important;
}
legend {
background: var(--table-header-bg) !important;
color: var(--link-color) !important;
border: 1px solid var(--border-color) !important;
border-radius: 4px !important;
padding: 6px 12px !important;
font-family: 'Orbitron', sans-serif !important;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
}
/* Recent Changes list styling */
.mw-changeslist,
.mw-changeslist-line,
.mw-changeslist-line-inner,
.mw-enhanced-rc,
.mw-enhanced-rc-nested,
.mw-collapsible {
background: transparent !important;
border: none !important;
}
/* Recent Changes table rows */
.mw-changeslist table,
.mw-changeslist tr,
.mw-changeslist td {
background: transparent !important;
border: none !important;
}
/* Enhanced RC (grouped changes) */
.mw-enhanced-rc td {
background: transparent !important;
padding: 4px 8px !important;
}
/* RC line items */
.mw-changeslist-line {
padding: 6px 0 !important;
border-bottom: 1px solid var(--border-subtle) !important;
}
.mw-changeslist-line:hover {
background: var(--table-row-hover) !important;
}
/* RC separators and arrows */
.mw-changeslist-separator {
color: var(--text-muted) !important;
}
/* Diff/hist links */
.mw-changeslist .mw-changeslist-links,
.mw-changeslist .mw-changeslist-diff,
.mw-changeslist .mw-changeslist-hist {
background: transparent !important;
}
/* Character diff indicators */
.mw-plusminus-pos {
color: #4ade80 !important;
}
.mw-plusminus-neg {
color: #f87171 !important;
}
.mw-plusminus-null {
color: var(--text-muted) !important;
}
/* RC Filters UI (modern interface) */
.mw-rcfilters-ui-panel,
.mw-rcfilters-ui-filterWrapperWidget,
.mw-rcfilters-ui-changesListWrapperWidget,
.mw-rcfilters-ui-formWrapperWidget {
background: transparent !important;
}
.mw-rcfilters-ui-filterTagMultiselectWidget {
background: var(--bg-box) !important;
border: 1px solid var(--border-color) !important;
border-radius: 6px !important;
}
.mw-rcfilters-ui-cell {
background: transparent !important;
}
/* OOUI elements (used in modern MediaWiki UI) */
.oo-ui-widget,
.oo-ui-buttonElement-button,
.oo-ui-inputWidget-input,
.oo-ui-textInputWidget,
.oo-ui-dropdownWidget,
.oo-ui-menuSelectWidget {
background: var(--bg-box) !important;
color: var(--text-primary) !important;
border-color: var(--border-color) !important;
}
.oo-ui-buttonElement-button {
background: var(--bg-box) !important;
border: 1px solid var(--border-color) !important;
border-radius: 4px !important;
color: var(--text-primary) !important;
}
.oo-ui-buttonElement-button:hover {
background: var(--table-row-hover) !important;
border-color: var(--link-color) !important;
}
.oo-ui-labelElement-label {
color: var(--text-primary) !important;
}
.oo-ui-menuSelectWidget {
background: var(--bg-box) !important;
border: 1px solid var(--border-color) !important;
}
.oo-ui-optionWidget {
background: transparent !important;
color: var(--text-primary) !important;
}
.oo-ui-optionWidget:hover,
.oo-ui-optionWidget-highlighted {
background: var(--table-row-hover) !important;
}
.oo-ui-optionWidget-selected {
background: rgba(0, 180, 216, 0.2) !important;
}
/* Special page forms */
.mw-special-form,
.mw-htmlform,
.mw-htmlform-ooui {
background: transparent !important;
}
.mw-htmlform-field-HTMLInfoField,
.htmlform-tip {
color: var(--text-muted) !important;
}
/* Special page tables */
.mw-datatable,
.TablePager {
background: transparent !important;
border: none !important;
}
.mw-datatable th,
.TablePager th {
background: var(--table-header-bg) !important;
color: var(--link-color) !important;
border: none !important;
border-bottom: 2px solid var(--border-color) !important;
padding: 10px 12px !important;
}
.mw-datatable td,
.TablePager td {
background: transparent !important;
border: none !important;
border-bottom: 1px solid var(--border-subtle) !important;
padding: 8px 12px !important;
}
.mw-datatable tr:hover td,
.TablePager tr:hover td {
background: var(--table-row-hover) !important;
}
/* Pager navigation */
.mw-pager-navigation-bar,
.TablePager_nav {
background: transparent !important;
}
.mw-pager-navigation-bar a,
.TablePager_nav a {
color: var(--link-color) !important;
}
/* User contributions */
.mw-contributions-list,
.mw-uctop {
background: transparent !important;
}
/* Logs */
.mw-logline-block,
.mw-logline-delete,
.mw-logline-move,
.mw-logline-newusers,
.mw-logline-patrol,
.mw-logline-protect,
.mw-logline-upload {
padding: 4px 0 !important;
}
/* Watchlist */
.mw-watchlist-options,
.mw-changeslist-watchlist {
background: transparent !important;
}
/* All Special pages - nuclear option for any remaining white */
.mw-special-Recentchanges *,
.mw-special-Contributions *,
.mw-special-Log *,
.mw-special-Watchlist *,
.mw-special-Newpages *,
.mw-special-AllPages *,
.mw-special-PrefixIndex * {
background-color: transparent !important;
}
/* But keep form inputs styled */
.mw-special-Recentchanges input,
.mw-special-Recentchanges select,
.mw-special-Contributions input,
.mw-special-Contributions select {
background: var(--bg-box) !important;
}
/* Collapsible elements */
.mw-collapsible-toggle,
.mw-collapsible-bracket {
color: var(--link-color) !important;
}
/* Tag markers */
.mw-tag-marker {
background: rgba(0, 180, 216, 0.2) !important;
border: 1px solid var(--accent) !important;
border-radius: 4px !important;
color: var(--accent) !important;
padding: 1px 6px !important;
font-size: 11px !important;
}
/* Checkboxes in special pages */
.mw-input-with-label,
.mw-htmlform-flatlist-item {
background: transparent !important;
}
/* RC options panel */
.rcoptions {
background: rgba(21, 26, 33, 0.9) !important;
border: 1px solid var(--border-color) !important;
border-radius: 8px !important;
padding: 15px !important;
margin-bottom: 20px !important;
}
.rcoptions a {
color: var(--link-color) !important;
}
/* What links here, etc */
#mw-whatlinkshere-list li,
#mw-subcategories li,
#mw-pages li {
padding: 4px 0 !important;
}
/* Error/warning boxes on special pages */
.errorbox,
.warningbox,
.successbox {
background: rgba(21, 26, 33, 0.95) !important;
border-radius: 8px !important;
padding: 15px !important;
margin: 15px 0 !important;
}
.errorbox {
border: 1px solid #ef4444 !important;
border-left: 4px solid #ef4444 !important;
}
.warningbox {
border: 1px solid #f59e0b !important;
border-left: 4px solid #f59e0b !important;
}
.successbox {
border: 1px solid #10b981 !important;
border-left: 4px solid #10b981 !important;
}
/* Hide signup benefits container */
.mw-createacct-benefits-container { display: none !important; }
/* Hide captcha intro text, keep only the question visible */
.mw-htmlform-field-HTMLInfoField label:has(a[href*="Special:Captcha"]) {
display: none !important;
}
/* Hide captcha intro text, keep only the question visible */
.mw-htmlform-field-HTMLInfoField label:has(a[href$="/help"]) {
display: none !important;
}