MediaWiki:Common.css: Difference between revisions

From Mona Mahall / Asli Serbest
Jump to navigation Jump to search
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 1: Line 1:
/* =========================================================================
/* Gesamte Seite schwarz machen */
  aslimona.xyz — "Dark Archive" skin
body {
  Paste this ENTIRE file into: Special:MyLanguage/MediaWiki:Common.css
    background-color: #000 !important;
  (as an admin: go to https://aslimona.xyz/index.php/MediaWiki:Common.css
    color: #fff !important;
  click "Edit", paste, save. No server/FTP access needed.)
    border: none !important;
  Built for MediaWiki 1.43 / Vector 2022 (default skin).
    box-shadow: none !important;
  ========================================================================= */
    text-decoration: none !important;
}


:root {
/* Inhaltsbereich (Artikel) */
--archive-bg: #0c0c0d;
.mw-body {
--archive-bg-raised: #171614;
    background-color: #000 !important;
--archive-bg-card: #1c1b18;
    color: #fff !important;
--archive-border: #3a372f;
    border: 0px solid #444 !important;
--archive-text: #e9e4d8;
    box-shadow: none !important;
--archive-text-dim: #a89f8c;
    text-decoration: none !important;
--archive-accent: #c9a15a;  /* muted gold — links, marks */
--archive-accent-red: #a4402f; /* archive-stamp red — used sparingly */
--archive-serif: Georgia, 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', serif;
--archive-sans: -apple-system, 'Helvetica Neue', Arial, sans-serif;
--archive-mono: 'IBM Plex Mono', 'Courier New', monospace;
}
}


/* ---------- base ---------- */
/* Überschriften weiß machen */
html, body.skin-vector-2022 {
h1, h2, h3, h4, h5, h6 {
background: var(--archive-bg);
    color: #fff !important;
color: var(--archive-text);
    box-shadow: none !important;
    text-decoration: none !important;
}
}
.mw-page-container {
 
background: var(--archive-bg);
/* Spezielle MediaWiki-Trennlinien entfernen */
color: var(--archive-text);
.mw-headline, .firstHeading, .mw-title {
font-family: var(--archive-sans);
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
}
.mw-body, .mw-body-content, #content {
 
background: var(--archive-bg);
/* Pseudo-Elemente, die Linien erzeugen könnten, entfernen */
color: var(--archive-text);
h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
border-color: var(--archive-border);
    content: "" !important;
    display: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
}
.mw-parser-output {
 
font-size: 1rem;
/* Entfernt alle möglichen Linien in MediaWiki */
line-height: 1.65;
hr, .mw-content-ltr hr, .mw-parser-output hr {
    display: none !important;
    border: none !important;
    height: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
}
.mw-parser-output p {
 
max-width: 46em;
 
/* Kopfzeile und Navigation */
#mw-head,
#p-personal,
#mw-panel {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
}


/* ---------- links ---------- */
/* Menüleisten und Boxen */
.mw-parser-output a,
.vector-menu-content,
.mw-body a.external,
.vector-menu-content ul {
#p-personal a,
    background-color: #000 !important;
.vector-menu-content a {
    color: #fff !important;
color: var(--archive-accent);
    box-shadow: none !important;
text-decoration: none;
    text-decoration: none !important;
border-bottom: 1px solid rgba(201,161,90,0.35);
}
}
.mw-parser-output a:hover,
 
.vector-menu-content a:hover {
/* Eingabefelder, Suchbox */
color: #e8c988;
input, textarea {
border-bottom-color: #e8c988;
    background-color: #222 !important;
    color: #fff !important;
    border: 0px solid #444 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
}
.mw-parser-output a.new { color: var(--archive-accent-red); }


/* ---------- headings ---------- */
/* Links */
#firstHeading, .mw-first-heading {
a {
font-family: var(--archive-serif);
    color: #4aa5ff !important;
font-weight: 400;
font-size: 2.4rem;
letter-spacing: 0.01em;
color: var(--archive-text);
border-bottom: 1px solid var(--archive-border);
padding-bottom: 0.4em;
margin-bottom: 0.6em;
}
}
.mw-parser-output h2 {
a:visited {
font-family: var(--archive-serif);
    color: #9c77ff !important;
font-weight: 400;
font-size: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--archive-text-dim);
border-bottom: 1px solid var(--archive-border);
margin-top: 2em;
padding-bottom: 0.3em;
}
}
.mw-parser-output h3 {
 
font-family: var(--archive-serif);
/* Tabellen, Boxen, Panels ohne Ränder */
font-size: 1.15rem;
table, th, td, .mw-body-content, .vector-menu-content, .vector-menu-tabs {
color: var(--archive-text);
    border: none !important;
    background-color: #000 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background-image: none !important;
    background: none !important;
}
}


/* ---------- header / nav chrome ---------- */
 
.vector-header-container, .vector-header,
/* Dropdown-Menüs */
header.vector-header {
.vector-dropdown {
background: var(--archive-bg-raised);
    background-color: #000 !important;
border-bottom: 1px solid var(--archive-border);
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
}
#p-logo a { filter: invert(1) brightness(1.6); }
 
.vector-search-box input,
/* Footer (unten) */
.cdx-text-input__input {
#footer, #footer li, #footer a {
background: var(--archive-bg-card);
    background-color: #000 !important;
color: var(--archive-text);
    color: #fff !important;
border: 1px solid var(--archive-border);
}
}
#mw-panel, .vector-pinnable-header,
 
.vector-menu-content, nav.vector-page-toolbar,
 
.vector-sitenotice-container {
/* Hauptnavigation oben */
background: transparent;
#mw-head,
#p-personal,
#left-navigation,
#right-navigation {
    background-color: #000 !important; /* Schwarzer Hintergrund */
    color: #fff !important; /* Weiße Schrift */
    box-shadow: none !important;
    text-decoration: none !important;
}
}
.mw-portlet-label, .vector-menu-heading {
 
font-family: var(--archive-mono);
/* Tabs ("Read", "Discussion", etc.) */
text-transform: uppercase;
#p-views .vector-menu-content ul {
font-size: 0.72rem;
    background-color: #000 !important;
letter-spacing: 0.1em;
    box-shadow: none !important;
color: var(--archive-text-dim);
    text-decoration: none !important;
}
}
.vector-menu-content-list li a { color: var(--archive-text-dim); }


/* ---------- footer ---------- */
/* Einzelne Tabs */
#footer, .mw-footer {
#p-views li {
background: var(--archive-bg-raised);
    background-color: #000 !important;
color: var(--archive-text-dim);
    border: 0px solid #444 !important; /* Optional: Dunkle Ränder */
border-top: 1px solid var(--archive-border);
    box-shadow: none !important;
    text-decoration: none !important;
}
}
#footer a { color: var(--archive-accent); }


/* =========================================================================
/* Ensure "Main Page" and "Discussion" links match the sidebar links */
  Project-page infobox
#p-views li a,
  Use with a wikitable like:  {| class="infobox artwork-infobox"
#p-namespaces li a,
  ========================================================================= */
#p-variants li a {
table.artwork-infobox {
    color: #4aa5ff !important; /* Same blue as sidebar links */
float: right;
    text-decoration: none !important;
clear: right;
width: 300px;
margin: 0 0 1.5em 1.5em;
background: var(--archive-bg-card);
border: 1px solid var(--archive-border);
color: var(--archive-text);
font-size: 0.9rem;
}
}
table.artwork-infobox caption {
 
font-family: var(--archive-serif);
/* Hover effect */
font-size: 1.1rem;
#p-views li a:hover,
padding: 0.6em;
#p-namespaces li a:hover,
border-bottom: 1px solid var(--archive-border);
#p-variants li a:hover {
    color: #9c77ff !important; /* Same as visited links */
}
}
table.artwork-infobox th {
 
font-family: var(--archive-mono);
 
text-transform: uppercase;
/* Make the top navigation links match the sidebar link colors */
font-size: 0.68rem;
#p-views a,
letter-spacing: 0.06em;
#p-views a:visited,
color: var(--archive-text-dim);
#p-views a:active,
text-align: left;
#p-views a:hover {
vertical-align: top;
    color: #4aa5ff !important; /* Same blue as sidebar links */
padding: 0.5em 0.6em 0.5em 0.8em;
    text-decoration: none !important;
width: 38%;
border-top: 1px solid var(--archive-border);
}
}
table.artwork-infobox td {
 
padding: 0.5em 0.8em 0.5em 0.4em;
/* If you want a hover effect */
border-top: 1px solid var(--archive-border);
#p-views a:hover {
    color: #9c77ff !important; /* Same as visited links */
}
}


/* =========================================================================
 
  Galleries — thumbnail archive-plate look
/* Falls noch weiß auftaucht, versuche dies für spezifische Skins */
  ========================================================================= */
.vector-menu-tabs li,
.mw-parser-output .gallery {
.vector-menu-tabs a {
background: transparent;
    background-color: #000 !important;
border: none;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background-image: none !important;
    background: none !important;
}
}
.mw-parser-output li.gallerybox div.thumb {
 
background: var(--archive-bg-card);
/* Remove background gradients from menu tabs and headings */
border: 1px solid var(--archive-border);
 
border-radius: 0;
#mw-head .vector-menu-dropdown .vector-menu-heading,
padding: 6px;
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background-image: none !important;
    background: none !important;
}
}
.mw-parser-output li.gallerybox div.thumb img {
 
filter: grayscale(0.35) contrast(1.03);
 
transition: filter 0.35s ease;
/* Dropdown-Menüs (z. B. "Mehr") */
.vector-dropdown {
    background-color: #000 !important;
}
}
.mw-parser-output li.gallerybox:hover div.thumb img {
 
filter: grayscale(0) contrast(1.05);
/* Suchleiste */
#p-search input {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}
}
.mw-parser-output .gallerytext {
 
font-family: var(--archive-mono);
/* ALLE Trennlinien entfernen */
font-size: 0.72rem;
hr,
color: var(--archive-text-dim);
.mw-body hr,
text-align: center;
.vector-menu-content ul,
.vector-menu-content li,
.vector-menu-tabs li,
.vector-menu-tabs a,
table, th, td,
.mw-panel,
.vector-dropdown,
#footer {
    border: none !important;
    box-shadow: none !important;
}
}


/* thumbnails placed inline with [[File:...|thumb]] */
/* Tabellen ohne Linien */
.mw-parser-output .thumbinner {
table, th, td {
background: var(--archive-bg-card);
    border: none !important;
border: 1px solid var(--archive-border);
    background-color: #000 !important;
border-radius: 0;
}
.mw-parser-output .thumbcaption {
font-family: var(--archive-mono);
font-size: 0.75rem;
color: var(--archive-text-dim);
}
}


/* ---------- tables (general) ---------- */
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
.mw-parser-output table.wikitable {
    background-image: none !important;
background: var(--archive-bg-card);
    background: none !important;
color: var(--archive-text);
border-color: var(--archive-border);
}
.mw-parser-output table.wikitable > tr > th,
.mw-parser-output table.wikitable > * > tr > th {
background: var(--archive-bg-raised);
border-color: var(--archive-border);
}
}


/* ---------- category footer / metadata strip ---------- */
/* Hide "Powered by MediaWiki" */
#catlinks, .mw-normal-catlinks {
.mw-footer .poweredby {
background: var(--archive-bg-raised);
    display: none !important;
border: 1px solid var(--archive-border);
font-family: var(--archive-mono);
font-size: 0.75rem;
}
}
#catlinks a { color: var(--archive-accent); }

Revision as of 09:17, 19 July 2026

/* Gesamte Seite schwarz machen */
body {
    background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Inhaltsbereich (Artikel) */
.mw-body {
    background-color: #000 !important;
    color: #fff !important;
    border: 0px solid #444 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Überschriften weiß machen */
h1, h2, h3, h4, h5, h6 {
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Spezielle MediaWiki-Trennlinien entfernen */
.mw-headline, .firstHeading, .mw-title {
    border: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Pseudo-Elemente, die Linien erzeugen könnten, entfernen */
h1::after, h2::after, h3::after, h4::after, h5::after, h6::after {
    content: "" !important;
    display: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Entfernt alle möglichen Linien in MediaWiki */
hr, .mw-content-ltr hr, .mw-parser-output hr {
    display: none !important;
    border: none !important;
    height: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}


/* Kopfzeile und Navigation */
#mw-head,
#p-personal,
#mw-panel {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Menüleisten und Boxen */
.vector-menu-content,
.vector-menu-content ul {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Eingabefelder, Suchbox */
input, textarea {
    background-color: #222 !important;
    color: #fff !important;
    border: 0px solid #444 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Links */
a {
    color: #4aa5ff !important;
}
a:visited {
    color: #9c77ff !important;
}

/* Tabellen, Boxen, Panels ohne Ränder */
table, th, td, .mw-body-content, .vector-menu-content, .vector-menu-tabs {
    border: none !important;
    background-color: #000 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background-image: none !important;
    background: none !important;
}


/* Dropdown-Menüs */
.vector-dropdown {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Footer (unten) */
#footer, #footer li, #footer a {
    background-color: #000 !important;
    color: #fff !important;
}


/* Hauptnavigation oben */
#mw-head,
#p-personal,
#left-navigation,
#right-navigation {
    background-color: #000 !important; /* Schwarzer Hintergrund */
    color: #fff !important; /* Weiße Schrift */
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Tabs ("Read", "Discussion", etc.) */
#p-views .vector-menu-content ul {
    background-color: #000 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Einzelne Tabs */
#p-views li {
    background-color: #000 !important;
    border: 0px solid #444 !important; /* Optional: Dunkle Ränder */
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Ensure "Main Page" and "Discussion" links match the sidebar links */
#p-views li a, 
#p-namespaces li a, 
#p-variants li a {
    color: #4aa5ff !important; /* Same blue as sidebar links */
    text-decoration: none !important;
}

/* Hover effect */
#p-views li a:hover, 
#p-namespaces li a:hover, 
#p-variants li a:hover {
    color: #9c77ff !important; /* Same as visited links */
}


/* Make the top navigation links match the sidebar link colors */
#p-views a, 
#p-views a:visited, 
#p-views a:active, 
#p-views a:hover {
    color: #4aa5ff !important; /* Same blue as sidebar links */
    text-decoration: none !important;
}

/* If you want a hover effect */
#p-views a:hover {
    color: #9c77ff !important; /* Same as visited links */
}


/* Falls noch weiß auftaucht, versuche dies für spezifische Skins */
.vector-menu-tabs li,
.vector-menu-tabs a {
    background-color: #000 !important;
    color: #fff !important;
    box-shadow: none !important;
    text-decoration: none !important;
    background-image: none !important;
    background: none !important;
}

/* Remove background gradients from menu tabs and headings */

#mw-head .vector-menu-dropdown .vector-menu-heading, 
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background-image: none !important;
    background: none !important;
}


/* Dropdown-Menüs (z. B. "Mehr") */
.vector-dropdown {
    background-color: #000 !important;
}

/* Suchleiste */
#p-search input {
    background-color: #222 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* ALLE Trennlinien entfernen */
hr, 
.mw-body hr, 
.vector-menu-content ul, 
.vector-menu-content li, 
.vector-menu-tabs li, 
.vector-menu-tabs a, 
table, th, td, 
.mw-panel, 
.vector-dropdown, 
#footer {
    border: none !important;
    box-shadow: none !important;
}

/* Tabellen ohne Linien */
table, th, td {
    border: none !important;
    background-color: #000 !important;
}

.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading {
    background-image: none !important;
    background: none !important;
}

/* Hide "Powered by MediaWiki" */
.mw-footer .poweredby {
    display: none !important;
}