MediaWiki:Common.css

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
• Opera: Strg+F5

/* =============================================
   Metin2 Wiki - Dark Mode mit Hintergrundbild
   ============================================= */

/* === HINTERGRUNDBILD === */
html, body {
    background: url("https://greenway2.de/wiki/images/3/3a/Bg.png") !important;
    background-color: #1a1a1a !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Fallback falls Bild nicht laedt */
.mediawiki,
.skin-vector,
.skin-vector-legacy,
.skin-vector-2022 {
    background: transparent !important;
}

/* Wrapper transparent */
#mw-page-base,
#mw-head-base,
.mw-page-container,
.mw-page-container-inner {
    background: transparent !important;
}

/* === CONTENT BEREICH (halbtransparent) === */
#content,
.mw-body,
#bodyContent,
.mw-body-content,
.vector-body {
    background: rgba(36, 36, 36, 0.95) !important;
    color: #e0e0e0 !important;
    border-color: #4a4a4a !important;
    border-radius: 5px !important;
}

/* === SIDEBAR (halbtransparent) === */
#mw-panel,
.mw-panel,
#mw-navigation,
.vector-main-menu,
.vector-main-menu-container,
.mw-portlet,
.mw-portlet-body {
    background: rgba(26, 26, 26, 0.9) !important;
}

#p-logo {
    background: transparent !important;
}

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

/* === HEADER (halbtransparent) === */
#mw-head,
.mw-header,
.vector-header,
.vector-header-container {
    background: rgba(26, 26, 26, 0.9) !important;
}

#p-personal {
    background: transparent !important;
}

/* === RECHTE SIDEBAR === */
.vector-column-end,
#mw-panel-toc,
.vector-page-tools,
.vector-pinnable-element {
    background: rgba(26, 26, 26, 0.9) !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: rgba(61, 61, 61, 0.9) !important;
}

/* === FOOTER === */
#footer,
.mw-footer,
footer {
    background: rgba(26, 26, 26, 0.9) !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: rgba(45, 45, 45, 0.95) !important;
    border-color: #4a4a4a !important;
    color: #e0e0e0 !important;
}

.wikitable th {
    background: rgba(61, 61, 61, 0.95) !important;
    color: #c9a227 !important;
    border-color: #4a4a4a !important;
}

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

/* === INFOBOX === */
.infobox {
    background: rgba(45, 45, 45, 0.95) !important;
    border-color: #c9a227 !important;
    color: #e0e0e0 !important;
}

.infobox th {
    background: rgba(61, 61, 61, 0.95) !important;
    color: #c9a227 !important;
}

/* === KATEGORIEN === */
#catlinks,
.catlinks {
    background: rgba(45, 45, 45, 0.95) !important;
    border-color: #4a4a4a !important;
}

/* === CODE === */
pre, code {
    background: rgba(26, 26, 26, 0.95) !important;
    border-color: #4a4a4a !important;
    color: #98fb98 !important;
}

/* === TOC === */
.toc, #toc {
    background: rgba(45, 45, 45, 0.95) !important;
    border-color: #4a4a4a !important;
}

/* === SUCHE === */
#simpleSearch,
#searchInput,
.cdx-text-input__input,
.vector-search-box-input,
input[type="search"] {
    background: rgba(45, 45, 45, 0.95) !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: rgba(36, 36, 36, 0.95) !important;
}