MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
(Full Dark Mode v2) |
(Full Dark Mode v3 - aeusserer Rand fix) |
||
| Zeile 1: | Zeile 1: | ||
/* ============================================= | /* ============================================= | ||
Metin2 Wiki - | Metin2 Wiki - KOMPLETTER Dark Mode | ||
============================================= */ | ============================================= */ | ||
/* | /* === AEUSSERSTER HINTERGRUND === */ | ||
html, | 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, | ||
. | .skin-vector-2022, | ||
. | .mediawiki { | ||
background: #1a1a1a !important; | background: #1a1a1a !important; | ||
background-color: #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, | .mw-body, | ||
#bodyContent, | #bodyContent, | ||
.mw-body-content, | .mw-body-content, | ||
.vector-body { | |||
background: #242424 !important; | background: #242424 !important; | ||
color: #e0e0e0 !important; | color: #e0e0e0 !important; | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
} | } | ||
/* | /* === SIDEBAR === */ | ||
#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, | ||
#p-logo, | |||
. | .mw-portlet, | ||
. | .mw-portlet-body { | ||
background: #1a1a1a !important; | background: #1a1a1a !important; | ||
} | } | ||
. | .mw-portlet-heading, | ||
.vector-menu-heading { | .vector-menu-heading { | ||
color: #c9a227 !important; | color: #c9a227 !important; | ||
} | } | ||
.vector- | /* === HEADER === */ | ||
color: # | #mw-head, | ||
.mw-header, | |||
.vector-header, | |||
.vector-header-container, | |||
#p-personal { | |||
background: #1a1a1a !important; | |||
background-color: #1a1a1a !important; | |||
} | } | ||
/* | /* === RECHTE SIDEBAR === */ | ||
#mw- | .vector-column-end, | ||
.vector- | #mw-panel-toc, | ||
.vector- | .vector-page-tools, | ||
.vector-pinnable-element { | |||
background: #1a1a1a !important; | background: #1a1a1a !important; | ||
} | } | ||
/* | /* === TABS === */ | ||
.vector-menu-tabs, | .vector-menu-tabs, | ||
#p-views, | |||
#p-views, #p-namespaces, | #p-namespaces, | ||
.vector-page-toolbar { | |||
background: | background: transparent !important; | ||
} | } | ||
.vector-menu-tabs a, | .vector-menu-tabs a, | ||
#p-views a, | |||
#p-namespaces a { | |||
color: #ffd700 !important; | color: #ffd700 !important; | ||
} | } | ||
.vector-menu-tabs .selected | .vector-menu-tabs .selected, | ||
.vector-menu-tabs li.selected { | .vector-menu-tabs li.selected { | ||
background: #3d3d3d !important; | background: #3d3d3d !important; | ||
} | } | ||
/* | /* === FOOTER === */ | ||
#footer, | #footer, | ||
.mw-footer, | |||
footer { | |||
background: #1a1a1a !important; | background: #1a1a1a !important; | ||
color: #888 !important; | color: #888 !important; | ||
border-top: 1px solid #4a4a4a !important; | |||
} | } | ||
#footer a, | |||
# | .mw-footer a { | ||
. | color: #ffd700 !important; | ||
} | } | ||
/* ===== | /* === LINKS === */ | ||
a { color: #ffd700 !important; } | a { color: #ffd700 !important; } | ||
a:visited { color: #daa520 !important; } | a:visited { color: #daa520 !important; } | ||
a:hover { color: #ffec8b | a:hover { color: #ffec8b !important; } | ||
a.new | a.new { color: #ff6b6b !important; } | ||
/* | /* === UEBERSCHRIFTEN === */ | ||
h1, h2, h3, h4, h5, h6, | h1, h2, h3, h4, h5, h6, | ||
.mw-headline, | .mw-headline, | ||
#firstHeading | #firstHeading { | ||
color: #c9a227 !important; | color: #c9a227 !important; | ||
} | } | ||
| Zeile 119: | Zeile 134: | ||
} | } | ||
/* | /* === TABELLEN === */ | ||
table | .wikitable, | ||
table.wikitable { | |||
background: #2d2d2d !important; | background: #2d2d2d !important; | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
| Zeile 126: | Zeile 142: | ||
} | } | ||
.wikitable th { | |||
background: #3d3d3d !important; | background: #3d3d3d !important; | ||
color: #c9a227 !important; | color: #c9a227 !important; | ||
| Zeile 132: | Zeile 148: | ||
} | } | ||
.wikitable td { | |||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
} | } | ||
/* | /* === INFOBOX === */ | ||
.infobox | .infobox { | ||
background: #2d2d2d !important; | background: #2d2d2d !important; | ||
border-color: #c9a227 !important; | border-color: #c9a227 !important; | ||
| Zeile 149: | Zeile 164: | ||
} | } | ||
/* | /* === KATEGORIEN === */ | ||
#catlinks, . | #catlinks, | ||
.catlinks { | |||
background: #2d2d2d !important; | background: #2d2d2d !important; | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
} | } | ||
/* | /* === CODE === */ | ||
pre, | pre, code { | ||
background: #1a1a1a !important; | background: #1a1a1a !important; | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
| Zeile 162: | Zeile 178: | ||
} | } | ||
/* TOC */ | /* === TOC === */ | ||
.toc, #toc | .toc, #toc { | ||
background: #2d2d2d !important; | background: #2d2d2d !important; | ||
border-color: #4a4a4a !important; | border-color: #4a4a4a !important; | ||
} | } | ||
/* | /* === 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 === */ | ||
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 === */ | ||
#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; | 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;
}