MediaWiki:Common.css: Difference between revisions

Revision as of 19:02, 27 April 2026

/* ========================================
   NIGHT CITY MUSH — COMMON.CSS
   Complete cyberpunk theme — all fixes included
   ======================================== */

/* --- GLOBAL BASE --- */
html, body {
    background: #000000 !important;
    color: #ffffff !important;
    font-family: monospace !important;
}

/* --- MONOBOOK GLOBAL WRAPPER --- */
#globalWrapper {
    background: #000000 !important;
}

#header {
    background: #000000 !important;
    border-bottom: 2px solid #ff00ff !important;
}

#column-content, #column-one {
    background: #000000 !important;
}

/* --- MAIN CONTENT AREA --- */
#content, .mw-body, div#content {
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ff00ff !important;
}

#bodyContent, .mw-body-content, .mw-parser-output {
    background: #000000 !important;
    color: #ffffff !important;
    font-family: monospace !important;
}

/* --- STRIP ALL BACKGROUND IMAGES AND GRADIENTS --- */
* {
    background-image: none !important;
}

/* --- KILL ALL WHITE BACKGROUNDS --- */
#mw-page-base, #mw-head-base {
    background: #000000 !important;
}

/* --- HEADINGS --- */
h1, h2, h3, h4, h5, h6,
.mw-body h1, .mw-body h2 {
    color: #ffd700 !important;
    border-bottom: 1px solid #ff00ff !important;
    font-family: monospace !important;
}

#firstHeading, h1.firstHeading {
    color: #ffd700 !important;
    font-family: monospace !important;
    border-bottom: 2px solid #ff00ff !important;
}

/* --- LINKS --- */
a, a:link {
    color: #00ffff !important;
}

a:visited {
    color: #00cccc !important;
}

a:hover {
    color: #ffd700 !important;
}

a:active {
    color: #ffd700 !important;
}

/* --- TOP NAVIGATION BAR --- */
#mw-head {
    background: #000000 !important;
    border-bottom: 2px solid #ff00ff !important;
}

#mw-head a {
    color: #00ffff !important;
}

#left-navigation, #right-navigation {
    background: #000000 !important;
}

/* --- NAVIGATION TABS --- */
.vector-menu-tabs,
.vector-menu-tabs li,
.vector-menu-tabs li a {
    background: #000000 !important;
    background-color: #000000 !important;
    color: #00ffff !important;
}

.vector-menu-tabs .vector-menu-content-list li a {
    color: #00ffff !important;
    background-color: #111111 !important;
    border-color: #ff00ff !important;
    font-family: monospace !important;
}

.vector-menu-tabs .vector-menu-content-list li a:hover {
    color: #ffd700 !important;
    background-color: #1a0033 !important;
}

.vector-menu-tabs .vector-menu-content-list li.selected a {
    color: #ffd700 !important;
    background-color: #000000 !important;
    border-color: #ff00ff !important;
}

/* --- PAGE TAB BACKGROUNDS --- */
li#ca-nstab-main, li#ca-talk,
li#ca-edit, li#ca-history {
    background: #000000 !important;
}

/* --- MONOBOOK PAGE TABS --- */
#p-cactions ul, #p-cactions li, #p-cactions li a,
#p-namespaces ul, #p-namespaces li, #p-namespaces li a {
    background: #000000 !important;
    border-color: #ff00ff !important;
    color: #00ffff !important;
}

#p-namespaces li.selected a {
    color: #ffd700 !important;
}

/* --- DROPDOWN MENUS --- */
.vector-menu-dropdown .vector-menu-content {
    background-color: #111111 !important;
    border: 1px solid #ff00ff !important;
}

.vector-menu-dropdown .vector-menu-content-list li a {
    color: #00ffff !important;
    font-family: monospace !important;
}

.vector-menu-dropdown .vector-menu-content-list li a:hover {
    color: #ffd700 !important;
    background-color: #1a0033 !important;
}

.vector-menu-dropdown .vector-menu-heading {
    color: #00ffff !important;
    font-family: monospace !important;
}

.vector-menu-dropdown .vector-menu-heading:hover {
    color: #ffd700 !important;
}

/* --- SIDEBAR --- */
#mw-panel {
    background: #000000 !important;
    border-right: 1px solid #ff00ff !important;
}

.portal {
    background: #000000 !important;
}

#mw-panel .portal h3,
.vector-menu-heading,
.mw-portlet-label {
    color: #ff00ff !important;
    border-bottom: 1px solid #ff00ff !important;
    font-family: monospace !important;
    background-color: #111111 !important;
    padding: 4px 8px !important;
}

#mw-panel .portal .body li a,
#mw-panel .portal .body ul li a,
.vector-menu-content-list li a,
.mw-portlet a {
    color: #00ffff !important;
    font-family: monospace !important;
}

#mw-panel .portal .body li a:hover,
.vector-menu-content-list li a:hover,
.mw-portlet a:hover {
    color: #ffd700 !important;
}

/* --- MONOBOOK SIDEBAR PORTLETS --- */
.portlet {
    background: #000000 !important;
    border-color: #ff00ff !important;
}

.portlet h3 {
    background: #000000 !important;
    color: #ffd700 !important;
    border-color: #ff00ff !important;
}

.portlet div.pBody {
    background: #000000 !important;
    border-color: #ff00ff !important;
}

#p-nav div.pBody a,
#p-tb div.pBody a,
#p-tb .body li a {
    color: #00ffff !important;
}

/* --- PERSONAL TOOLS --- */
#p-personal li a,
#p-personal .vector-menu-content-list li a,
#pt-userpage a, #pt-mytalk a,
#pt-preferences a, #pt-watchlist a,
#pt-mycontris a, #pt-logout a,
#pt-login a, #pt-createaccount a {
    color: #00ffff !important;
    font-family: monospace !important;
}

#p-personal li a:hover,
#pt-userpage a:hover, #pt-login a:hover {
    color: #ffd700 !important;
}

/* --- SEARCH BAR --- */
#searchInput {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #ff00ff !important;
    font-family: monospace !important;
}

#searchButton, #mw-searchButton {
    background: #000000 !important;
    color: #ffd700 !important;
    border: 1px solid #ff00ff !important;
    font-family: monospace !important;
}

/* --- TABLES --- */
table, th, td {
    border-color: #ff00ff !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    font-family: monospace !important;
}

th {
    background-color: #111111 !important;
    color: #ffd700 !important;
}

/* --- WIKITABLE --- */
.wikitable {
    border-collapse: collapse !important;
    background-color: #000000 !important;
    color: #ffffff !important;
    width: 100% !important;
}

.wikitable th, .wikitable td {
    border: 1px solid #ff00ff !important;
    padding: 5px 8px !important;
    background-color: #000000 !important;
    color: #ffffff !important;
}

.wikitable th {
    background-color: #111111 !important;
    color: #ffd700 !important;
}

/* --- TABLE OF CONTENTS --- */
#toc, .toc, .toccolours {
    background-color: #111111 !important;
    border: 1px solid #ff00ff !important;
    color: #ffffff !important;
    font-family: monospace !important;
}

#toc h2, .toctitle {
    color: #ffd700 !important;
    border-bottom: 1px solid #ff00ff !important;
}

#toc ul li a {
    color: #00ffff !important;
}

#toc ul li a:hover {
    color: #ffd700 !important;
}

.tocnumber {
    color: #ff00ff !important;
}

/* --- FOOTER --- */
#footer {
    background: #000000 !important;
    border-top: 2px solid #ff00ff !important;
    color: #ffffff !important;
    font-family: monospace !important;
}

#footer a {
    color: #00ffff !important;
}

#footer-info li, #footer-places li {
    color: #ffffff !important;
}

/* --- EDIT AREA --- */
#wpTextbox1 {
    background: #111111 !important;
    color: #ffffff !important;
    border: 1px solid #ff00ff !important;
    font-family: monospace !important;
}

/* --- CATEGORY LINKS --- */
#catlinks {
    background: #000000 !important;
    border: 1px solid #ff00ff !important;
    color: #ffd700 !important;
    font-family: monospace !important;
}

#catlinks a {
    color: #00ffff !important;
}

/* --- IMAGES AND THUMBNAILS --- */
div.thumb {
    border: 1px solid #ff00ff !important;
    background-color: #111111 !important;
}

div.thumbinner {
    background-color: #111111 !important;
    border: 1px solid #ff00ff !important;
    color: #ffffff !important;
}

div.thumbcaption {
    color: #ffffff !important;
    font-family: monospace !important;
}

/* --- GALLERIES --- */
ul.gallery {
    background-color: #000000 !important;
    border: 1px solid #ff00ff !important;
}

li.gallerybox div {
    background-color: #111111 !important;
    border: 1px solid #ff00ff !important;
}

.gallerytext {
    color: #ffffff !important;
    font-family: monospace !important;
}

/* --- COLLAPSIBLE SECTIONS --- */
.mw-collapsible-toggle {
    color: #ffd700 !important;
    font-family: monospace !important;
    cursor: pointer !important;
}

.mw-collapsible {
    border: 1px solid #ff00ff !important;
    background-color: #111111 !important;
}

/* --- HORIZONTAL RULES --- */
hr {
    border-color: #ff00ff !important;
}

/* --- BLOCKQUOTES --- */
blockquote {
    border-left: 3px solid #ff00ff !important;
    background-color: #111111 !important;
    color: #00ffff !important;
    padding: 10px !important;
}

/* --- CODE BLOCKS --- */
code, pre {
    background-color: #111111 !important;
    color: #00ffff !important;
    border: 1px solid #ff00ff !important;
    font-family: monospace !important;
}

/* --- DIFF PAGES --- */
.diff-addedline {
    background-color: #001a00 !important;
    color: #00ff00 !important;
}

.diff-deletedline {
    background-color: #1a0000 !important;
    color: #ff0000 !important;
}

.diff-context {
    background-color: #0a0a0a !important;
    color: #ffffff !important;
}

/* --- CHARACTER IMAGE CONSTRAINTS --- */
.mw-parser-output img {
    max-width: 100% !important;
    height: auto !important;
}

.character-image img, .character-image {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

/* --- LOGO --- */
#p-logo a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 130px !important;
    height: 130px !important;
}

/* --- SANROO PINK OVERRIDE --- */
.sanroo-pink, td[style*="ff69b4"] {
    color: #ff69b4 !important;
    border-color: #ff69b4 !important;
}

/* --- LOGIN PAGE --- */
#userloginForm {
    background-color: #111111 !important;
    border: 1px solid #ff00ff !important;
}

#userloginForm input[type="text"],
#userloginForm input[type="password"] {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #ff00ff !important;
}

#userloginForm input[type="submit"] {
    background-color: #111111 !important;
    color: #ff00ff !important;
    border: 1px solid #ff00ff !important;
    cursor: pointer !important;
}

/* --- MESSAGE BOXES --- */
.mw-message-box-warning {
    background-color: #1a1100 !important;
    border: 1px solid #ffd700 !important;
    color: #ffd700 !important;
}

.mw-message-box-error {
    background-color: #1a0000 !important;
    border: 1px solid #ff0000 !important;
    color: #ff0000 !important;
}

.mw-message-box-notice {
    background-color: #001a1a !important;
    border: 1px solid #00ffff !important;
    color: #00ffff !important;
}

/* --- LOGO OVERRIDE --- */
#p-logo a {
    background-image: url('/images/e/ea/Samurailogo.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 160px !important;
    height: 160px !important;
    display: block !important;
}