MediaWiki:Common.css: Difference between revisions

Revision as of 18:22, 27 April 2026

/* ========================================
   NIGHT CITY MUSH — COMMON.CSS
   Global cyberpunk theme for Vector Legacy
   ======================================== */

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

/* --- LINKS --- */
a, a:visited {
    color: #00ffff;
}

a:hover {
    color: #ff00ff;
    text-decoration: underline;
}

a:active {
    color: #ffd700;
}

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

/* --- PAGE TITLE --- */
#firstHeading {
    color: #ffd700;
    border-bottom: 2px solid #ff00ff;
    font-family: monospace;
}

/* --- CONTENT AREA --- */
#mw-content-text {
    color: #ffffff;
    font-family: monospace;
}

.mw-parser-output {
    color: #ffffff;
    font-family: monospace;
}

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

#mw-panel .portal {
    background-color: #000000;
}

#mw-panel .portal h3 {
    color: #ff00ff;
    border-bottom: 1px solid #ff00ff;
    font-family: monospace;
    background-color: #111111;
    padding: 4px 8px;
}

#mw-panel .portal .body ul li a {
    color: #00ffff;
    font-family: monospace;
}

#mw-panel .portal .body ul li a:hover {
    color: #ff00ff;
}

/* --- NAVIGATION TABS --- */
#p-cactions ul li a,
#p-namespaces ul li a {
    color: #00ffff;
    background-color: #111111;
    border-color: #ff00ff;
    font-family: monospace;
}

#p-cactions ul li a:hover,
#p-namespaces ul li a:hover {
    color: #ffd700;
    background-color: #1a0033;
}

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

#searchButton, #mw-searchButton {
    background-color: #111111;
    color: #ff00ff;
    border: 1px solid #ff00ff;
    font-family: monospace;
}

/* --- VECTOR SKIN HEADER --- */
#mw-head {
    background-color: #000000;
    border-bottom: 1px solid #ff00ff;
}

#p-logo {
    background-color: #000000;
}

/* --- PERSONAL TOOLS (top right login/user links) --- */
#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;
    font-family: monospace;
}

#pt-userpage a:hover,
#pt-login a:hover,
#pt-createaccount a:hover {
    color: #ff00ff;
}

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

#footer a {
    color: #00ffff;
}

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

/* --- TABLES --- */
table {
    background-color: #000000;
    color: #ffffff;
    border-color: #ff00ff;
    font-family: monospace;
}

th {
    background-color: #111111;
    color: #ffd700;
    border-bottom: 1px solid #ff00ff;
    padding: 8px;
}

td {
    border-bottom: 1px solid #330033;
    padding: 8px;
}

/* --- WIKITABLE --- */
.wikitable {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #ff00ff;
    font-family: monospace;
}

.wikitable th {
    background-color: #111111;
    color: #ffd700;
    border: 1px solid #ff00ff;
    padding: 8px;
}

.wikitable td {
    border: 1px solid #330033;
    padding: 8px;
    color: #ffffff;
}

.wikitable tr:hover {
    background-color: #0a0a0a;
}

/* --- TABLE OF CONTENTS --- */
#toc {
    background-color: #111111;
    border: 1px solid #ff00ff;
    color: #ffffff;
    font-family: monospace;
    padding: 10px;
}

#toc h2,
.toctitle {
    color: #ffd700;
    border-bottom: 1px solid #ff00ff;
    font-family: monospace;
}

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

#toc ul li a:hover {
    color: #ff00ff;
}

.tocnumber {
    color: #ff00ff;
}

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

/* --- EDIT TOOLBAR --- */
#toolbar {
    background-color: #111111;
    border: 1px solid #ff00ff;
}

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

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

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

/* --- CATEGORY LINKS --- */
#catlinks {
    background-color: #111111;
    border: 1px solid #ff00ff;
    color: #ffffff;
    font-family: monospace;
}

#catlinks a {
    color: #00ffff;
}

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

div.thumbinner {
    background-color: #111111;
    border: 1px solid #ff00ff;
    color: #ffffff;
    font-family: monospace;
}

div.thumbcaption {
    color: #ffffff;
    font-family: monospace;
    font-size: 0.9em;
    padding: 4px;
}

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

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

li.gallerybox div.thumb {
    background-color: #000000;
    border-color: #ff00ff;
}

.gallerytext {
    color: #ffffff;
    font-family: monospace;
    font-size: 0.85em;
}

/* --- INFO AND WARNING BOXES --- */
.mw-message-box-warning {
    background-color: #1a1100;
    border: 1px solid #ffd700;
    color: #ffd700;
    font-family: monospace;
}

.mw-message-box-error {
    background-color: #1a0000;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-family: monospace;
}

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

/* --- SPECIAL PAGES --- */
.mw-specialpage-summary {
    background-color: #111111;
    border: 1px solid #ff00ff;
    color: #ffffff;
    padding: 10px;
    font-family: monospace;
}

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

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

/* --- HORIZONTAL RULES --- */
hr {
    border-color: #ff00ff;
    border-style: solid;
    border-width: 1px 0 0 0;
}

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

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

pre {
    padding: 10px;
    overflow-x: auto;
}

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

/* --- SANROO/PINK OVERRIDE --- */
.sanroo-pink {
    color: #ff69b4;
    border-color: #ff69b4;
}

/* --- NOTIFICATION BADGES --- */
.mw-echo-notification-badge-nojs {
    background-color: #ff00ff;
    color: #000000;
    font-family: monospace;
}

/* --- VECTOR LEGACY CONTENT WRAPPER --- */
#content {
    background-color: #000000;
    border: 1px solid #ff00ff;
    color: #ffffff;
}

/* --- RECENT CHANGES AND HISTORY --- */
.mw-changeslist-line {
    border-bottom: 1px solid #330033;
    color: #ffffff;
    font-family: monospace;
}

.mw-changeslist-date {
    color: #ffd700;
}

.mw-changeslist-user {
    color: #00ffff;
}

/* --- WATCHLIST --- */
.watchlist-details {
    color: #ffffff;
    font-family: monospace;
}

/* --- LOGIN PAGE --- */
#userloginForm {
    background-color: #111111;
    border: 1px solid #ff00ff;
    padding: 20px;
    font-family: monospace;
}

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

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

#userloginForm input[type="submit"]:hover {
    background-color: #1a0033;
    color: #ffd700;
}

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