MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus GreenWay2 WIKI
Zur Navigation springen Zur Suche springen
(Full Dark Mode v2)
(Full Dark Mode v3 - aeusserer Rand fix)
Zeile 1: Zeile 1:
/* =============================================
/* =============================================
   Metin2 Wiki - FULL Dark Mode fuer Vector Skin
   Metin2 Wiki - KOMPLETTER Dark Mode
   ============================================= */
   ============================================= */


/* ALLES dunkel machen */
/* === AEUSSERSTER HINTERGRUND === */
html, body,
html {
    background: #1a1a1a !important;
}
 
body {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
 
/* Alle moeglichen Wrapper */
#mw-page-base,
#mw-head-base,
.mw-page-container,
.mw-page-container-inner,
.skin-vector,
.skin-vector,
.skin-vector-legacy,
.skin-vector-legacy,
.mw-page-container,
.skin-vector-2022,
.mw-page-container-inner {
.mediawiki {
     background: #1a1a1a !important;
     background: #1a1a1a !important;
     background-color: #1a1a1a !important;
     background-color: #1a1a1a !important;
}
}


/* Hauptcontent-Bereich - DAS WICHTIGSTE */
/* Vector Legacy spezifisch */
#mw-page-base {
    background: #1a1a1a !important;
    background-image: none !important;
}
 
#mw-head-base {
    background: #1a1a1a !important;
    background-image: none !important;
    border-bottom: none !important;
}
 
/* === CONTENT BEREICH === */
#content,
.mw-body,
.mw-body,
.vector-body,
.vector-body-before-content,
#content,
#bodyContent,
#bodyContent,
.mw-body-content,
.mw-body-content,
div#content,
.vector-body {
div.mw-body {
     background: #242424 !important;
     background: #242424 !important;
    background-color: #242424 !important;
     color: #e0e0e0 !important;
     color: #e0e0e0 !important;
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
}
}


/* Vector 2022 spezifisch */
/* === SIDEBAR === */
.vector-feature-page-tools-enabled .vector-page-toolbar-container,
.vector-column-start,
.vector-column-end,
.vector-sitenotice-container,
.vector-body-before-content {
    background: #242424 !important;
}
 
/* Sidebar komplett */
#mw-panel,
#mw-panel,
.mw-panel,
.mw-panel,
Zeile 43: Zeile 55:
.vector-main-menu,
.vector-main-menu,
.vector-main-menu-container,
.vector-main-menu-container,
nav.vector-menu,
#p-logo,
.vector-menu-portal,
.mw-portlet,
.vector-menu-content {
.mw-portlet-body {
     background: #1a1a1a !important;
     background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
}


.vector-menu-portal .vector-menu-heading,
.mw-portlet-heading,
.vector-menu-heading {
.vector-menu-heading {
     color: #c9a227 !important;
     color: #c9a227 !important;
}
}


.vector-menu-content-list a {
/* === HEADER === */
     color: #ffd700 !important;
#mw-head,
.mw-header,
.vector-header,
.vector-header-container,
#p-personal {
     background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}
}


/* Header */
/* === RECHTE SIDEBAR === */
#mw-head, .mw-header,
.vector-column-end,
.vector-header,
#mw-panel-toc,
.vector-header-container {
.vector-page-tools,
.vector-pinnable-element {
     background: #1a1a1a !important;
     background: #1a1a1a !important;
}
}


/* Tabs oben */
/* === TABS === */
.vector-menu-tabs,
.vector-menu-tabs,
.vector-menu-tabs li,
#p-views,
#p-views, #p-namespaces,
#p-namespaces,
.mw-body .vector-page-toolbar {
.vector-page-toolbar {
     background: #242424 !important;
     background: transparent !important;
}
}


.vector-menu-tabs a,
.vector-menu-tabs a,
.vector-menu-tabs li a {
#p-views a,
#p-namespaces a {
     color: #ffd700 !important;
     color: #ffd700 !important;
}
}


.vector-menu-tabs .selected a,
.vector-menu-tabs .selected,
.vector-menu-tabs li.selected {
.vector-menu-tabs li.selected {
     background: #3d3d3d !important;
     background: #3d3d3d !important;
}
}


/* Footer */
/* === FOOTER === */
#footer, footer, .mw-footer {
#footer,
.mw-footer,
footer {
     background: #1a1a1a !important;
     background: #1a1a1a !important;
     color: #888 !important;
     color: #888 !important;
    border-top: 1px solid #4a4a4a !important;
}
}


/* Rechte Sidebar (Werkzeuge) */
#footer a,
#mw-panel-toc,
.mw-footer a {
.vector-column-end,
     color: #ffd700 !important;
.vector-page-toolbar,
.vector-page-tools {
     background: #1a1a1a !important;
}
}


/* ===== FARBEN ===== */
/* === LINKS === */
 
/* Links */
a { color: #ffd700 !important; }
a { color: #ffd700 !important; }
a:visited { color: #daa520 !important; }
a:visited { color: #daa520 !important; }
a:hover { color: #ffec8b !important; text-decoration: underline !important; }
a:hover { color: #ffec8b !important; }
a.new, a.new:visited { color: #ff6b6b !important; }
a.new { color: #ff6b6b !important; }
a.external { color: #87ceeb !important; }


/* Ueberschriften */
/* === UEBERSCHRIFTEN === */
h1, h2, h3, h4, h5, h6,
h1, h2, h3, h4, h5, h6,
.mw-headline,
.mw-headline,
#firstHeading,
#firstHeading {
.mw-first-heading {
     color: #c9a227 !important;
     color: #c9a227 !important;
}
}
Zeile 119: Zeile 134:
}
}


/* Tabellen */
/* === TABELLEN === */
table, .wikitable {
.wikitable,
table.wikitable {
     background: #2d2d2d !important;
     background: #2d2d2d !important;
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
Zeile 126: Zeile 142:
}
}


.wikitable th, table.wikitable th {
.wikitable th {
     background: #3d3d3d !important;
     background: #3d3d3d !important;
     color: #c9a227 !important;
     color: #c9a227 !important;
Zeile 132: Zeile 148:
}
}


.wikitable td, table.wikitable td {
.wikitable td {
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
    background: #2d2d2d !important;
}
}


/* Infobox */
/* === INFOBOX === */
.infobox, .infobox th, .infobox td {
.infobox {
     background: #2d2d2d !important;
     background: #2d2d2d !important;
     border-color: #c9a227 !important;
     border-color: #c9a227 !important;
Zeile 149: Zeile 164:
}
}


/* Kategorien */
/* === KATEGORIEN === */
#catlinks, .catlinks, .mw-normal-catlinks {
#catlinks,
.catlinks {
     background: #2d2d2d !important;
     background: #2d2d2d !important;
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
}
}


/* Code */
/* === CODE === */
pre, code, .mw-code {
pre, code {
     background: #1a1a1a !important;
     background: #1a1a1a !important;
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
Zeile 162: Zeile 178:
}
}


/* TOC */
/* === TOC === */
.toc, #toc, .toctogglecheckbox {
.toc, #toc {
     background: #2d2d2d !important;
     background: #2d2d2d !important;
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
}
}


/* Suche */
/* === SUCHE === */
#simpleSearch, #searchInput,
#simpleSearch,
#searchInput,
.cdx-text-input__input,
.cdx-text-input__input,
.vector-search-box-input {
.vector-search-box-input,
input[type="search"] {
     background: #2d2d2d !important;
     background: #2d2d2d !important;
     border-color: #4a4a4a !important;
     border-color: #4a4a4a !important;
Zeile 177: Zeile 195:
}
}


/* Buttons */
/* === BUTTONS === */
button, input[type="submit"], .mw-ui-button {
button,
input[type="submit"],
.mw-ui-button {
     background: #3d3d3d !important;
     background: #3d3d3d !important;
     border-color: #c9a227 !important;
     border-color: #c9a227 !important;
Zeile 184: Zeile 204:
}
}


/* Bearbeiten */
/* === BEARBEITEN === */
#wpTextbox1, textarea {
#wpTextbox1,
textarea {
     background: #1a1a1a !important;
     background: #1a1a1a !important;
     color: #e0e0e0 !important;
     color: #e0e0e0 !important;
Zeile 192: Zeile 213:


.editOptions {
.editOptions {
    background: #242424 !important;
}
/* Meldungen */
.mw-message-box, .warningbox, .errorbox {
    background: #3d3d3d !important;
    border-color: #c9a227 !important;
}
/* Spezialseiten-Listen */
.mw-spcontent, .special {
    background: #242424 !important;
}
/* Kategorie-Listen */
.mw-category, .mw-category-group {
    background: #242424 !important;
}
#mw-subcategories, #mw-pages {
     background: #242424 !important;
     background: #242424 !important;
}
}

Version vom 19. Februar 2026, 21:40 Uhr

/* =============================================
   Metin2 Wiki - KOMPLETTER Dark Mode
   ============================================= */

/* === AEUSSERSTER HINTERGRUND === */
html {
    background: #1a1a1a !important;
}

body {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}

/* Alle moeglichen Wrapper */
#mw-page-base,
#mw-head-base,
.mw-page-container,
.mw-page-container-inner,
.skin-vector,
.skin-vector-legacy,
.skin-vector-2022,
.mediawiki {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}

/* Vector Legacy spezifisch */
#mw-page-base {
    background: #1a1a1a !important;
    background-image: none !important;
}

#mw-head-base {
    background: #1a1a1a !important;
    background-image: none !important;
    border-bottom: none !important;
}

/* === CONTENT BEREICH === */
#content,
.mw-body,
#bodyContent,
.mw-body-content,
.vector-body {
    background: #242424 !important;
    color: #e0e0e0 !important;
    border-color: #4a4a4a !important;
}

/* === SIDEBAR === */
#mw-panel,
.mw-panel,
#mw-navigation,
.vector-main-menu,
.vector-main-menu-container,
#p-logo,
.mw-portlet,
.mw-portlet-body {
    background: #1a1a1a !important;
}

.mw-portlet-heading,
.vector-menu-heading {
    color: #c9a227 !important;
}

/* === HEADER === */
#mw-head,
.mw-header,
.vector-header,
.vector-header-container,
#p-personal {
    background: #1a1a1a !important;
    background-color: #1a1a1a !important;
}

/* === RECHTE SIDEBAR === */
.vector-column-end,
#mw-panel-toc,
.vector-page-tools,
.vector-pinnable-element {
    background: #1a1a1a !important;
}

/* === TABS === */
.vector-menu-tabs,
#p-views,
#p-namespaces,
.vector-page-toolbar {
    background: transparent !important;
}

.vector-menu-tabs a,
#p-views a,
#p-namespaces a {
    color: #ffd700 !important;
}

.vector-menu-tabs .selected,
.vector-menu-tabs li.selected {
    background: #3d3d3d !important;
}

/* === FOOTER === */
#footer,
.mw-footer,
footer {
    background: #1a1a1a !important;
    color: #888 !important;
    border-top: 1px solid #4a4a4a !important;
}

#footer a,
.mw-footer a {
    color: #ffd700 !important;
}

/* === LINKS === */
a { color: #ffd700 !important; }
a:visited { color: #daa520 !important; }
a:hover { color: #ffec8b !important; }
a.new { color: #ff6b6b !important; }

/* === UEBERSCHRIFTEN === */
h1, h2, h3, h4, h5, h6,
.mw-headline,
#firstHeading {
    color: #c9a227 !important;
}

h1, h2 {
    border-bottom-color: #4a4a4a !important;
}

/* === TABELLEN === */
.wikitable,
table.wikitable {
    background: #2d2d2d !important;
    border-color: #4a4a4a !important;
    color: #e0e0e0 !important;
}

.wikitable th {
    background: #3d3d3d !important;
    color: #c9a227 !important;
    border-color: #4a4a4a !important;
}

.wikitable td {
    border-color: #4a4a4a !important;
}

/* === INFOBOX === */
.infobox {
    background: #2d2d2d !important;
    border-color: #c9a227 !important;
    color: #e0e0e0 !important;
}

.infobox th {
    background: #3d3d3d !important;
    color: #c9a227 !important;
}

/* === KATEGORIEN === */
#catlinks,
.catlinks {
    background: #2d2d2d !important;
    border-color: #4a4a4a !important;
}

/* === CODE === */
pre, code {
    background: #1a1a1a !important;
    border-color: #4a4a4a !important;
    color: #98fb98 !important;
}

/* === TOC === */
.toc, #toc {
    background: #2d2d2d !important;
    border-color: #4a4a4a !important;
}

/* === SUCHE === */
#simpleSearch,
#searchInput,
.cdx-text-input__input,
.vector-search-box-input,
input[type="search"] {
    background: #2d2d2d !important;
    border-color: #4a4a4a !important;
    color: #e0e0e0 !important;
}

/* === BUTTONS === */
button,
input[type="submit"],
.mw-ui-button {
    background: #3d3d3d !important;
    border-color: #c9a227 !important;
    color: #e0e0e0 !important;
}

/* === BEARBEITEN === */
#wpTextbox1,
textarea {
    background: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-color: #4a4a4a !important;
}

.editOptions {
    background: #242424 !important;
}