MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 3. Dezember 2024, 08:44 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* Vector 2010 Anpassung */

/* Grundlegende Farbvariablen */
/* Standardfarben */
:root {
    --main-bg: #1a1614;
    --content-bg: #2a2420;
    --sidebar-bg: #1a1614;
    --text-color: #e6d5c4;
    --content-text: #ffffff;
    --link-color: #dfc5a1;
    --link-hover: #fff2e6;
    --header-color: #e6c9a3;
    --border-color: #3d332b;
    --input-bg: #2c2620;
    --category-bg: #1a1614;
    --category-text: #e6d5c4;
    --tab-bg: #2c2620;
}
body { background-color: var(--main-bg); color: var(--text-color); font-family: 'Georgia', serif; }
#content { background-color: var(--content-bg); color: var(--content-text); padding: 2em; margin: 1em 0 1em 11em; border: 1px solid var(--border-color); border-radius: 4px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3); position: relative; width: auto; min-width: 45em; }
h1, h2, h3, h4, h5, h6 { color: var(--header-color); font-family: 'Libre Baskerville', Georgia, serif; border-bottom: 1px solid var(--border-color); padding-bottom: 0.3em; }
a, a:visited { color: var(--link-color); text-decoration: none; }
a:hover { color: var(--link-hover); text-decoration: underline; }
#mw-panel { background-color: var(--sidebar-bg); color: var(--text-color); position: absolute; width: 10em; left: 0; }
#mw-head { background-color: var(--main-bg); position: absolute; width: calc(100% - 11em); margin-left: 11em; }
#searchInput { background-color: var(--input-bg); color: var(--text-color); border: 1px solid var(--border-color); border-radius: 3px; padding: 0.5em; }
table.wikitable { background-color: var(--content-bg); border: 1px solid var(--border-color); border-collapse: collapse; margin: 1em 0; }
table.wikitable > tr > th, table.wikitable > * > tr > th { background-color: var(--input-bg); color: var(--header-color); border: 1px solid var(--border-color); padding: 0.5em; }
table.wikitable > tr > td, table.wikitable > * > tr > td { border: 1px solid var(--border-color); padding: 0.5em; color: var(--content-text); }
#catlinks { background-color: var(--category-bg); border: 1px solid var(--border-color); border-radius: 4px; padding: 0.7em 1em; margin-top: 1em; }
#catlinks, #catlinks a, #catlinks a:visited { color: var(--category-text); }
#catlinks a:hover { color: var(--link-hover); text-decoration: underline; }
pre, code { background-color: var(--input-bg); border: 1px solid var(--border-color); padding: 0.2em 0.4em; border-radius: 3px; color: var(--content-text); }
#toc, .toc { background-color: var(--input-bg); border: 1px solid var(--border-color); padding: 1em; border-radius: 4px; color: var(--content-text); }
.toc h2, #toc h2 { color: var(--header-color); border-bottom: 1px solid var(--border-color); margin-top: 0; }
#editform textarea { background-color: var(--input-bg); color: var(--text-color); border: 1px solid var(--border-color); padding: 0.5em; }
.mw-ui-button { background-color: var(--link-color); color: var(--main-bg); border: none; padding: 0.5em 1em; border-radius: 3px; }
.mw-ui-button:hover { background-color: var(--link-hover); }
#mw-panel .portal .body li a, #mw-panel .portal .body li a:link, #mw-panel .portal .body li a:visited, #mw-panel .portal .body li a:active, #mw-panel a, #mw-panel a:link, #mw-panel a:visited, #mw-panel a:active, .portal-one-column a, .portal-one-column a:link, .portal-one-column a:visited, .portal-one-column a:active, #p-navigation a, #p-navigation a:link, #p-navigation a:visited, #p-navigation a:active, #p-tb a, #p-tb a:link, #p-tb a:visited, #p-tb a:active { color: var(--link-color) !important; text-decoration: none !important; }
#mw-panel a:hover, .portal-one-column a:hover, #p-navigation a:hover, #p-tb a:hover { color: var(--link-hover) !important; text-decoration: underline !important; }
#p-views, #p-views ul, #p-cactions, #p-cactions ul, #left-navigation, #right-navigation { background-color: var(--main-bg) !important; }
#p-views li, #p-cactions li { background-color: var(--tab-bg) !important; border: 1px solid var(--border-color) !important; border-bottom: none !important; }
#p-views li.selected { background-color: var(--content-bg) !important; border: 1px solid var(--border-color) !important; border-bottom: none !important; }
#p-views li a, #p-views li a:visited, #p-cactions li a, #p-cactions li a:visited, #left-navigation a, #left-navigation a:visited, #right-navigation a, #right-navigation a:visited { color: var(--link-color) !important; text-decoration: none !important; }
#p-views li a:hover, #p-cactions li a:hover, #left-navigation a:hover, #right-navigation a:hover { color: var(--link-hover) !important; text-decoration: underline !important; }
#p-views li.selected a, #p-views li.selected a:visited { color: var(--link-color) !important; text-decoration: none !important; }
#mw-page-base { background-color: var(--main-bg) !important; background-image: none !important; }
#mw-head-base { background-color: var(--main-bg) !important; background-image: none !important; }
.vector-menu-tabs, .vector-menu-tabs a, .vector-menu-tabs a:visited { background-color: var(--tab-bg) !important; color: var(--link-color) !important; }
.vector-menu-tabs .selected { background-color: var(--content-bg) !important; }
.vector-menu-tabs .selected a, .vector-menu-tabs .selected a:visited { background-color: var(--content-bg) !important; color: var(--link-color) !important; }
#ca-nstab-main, #ca-talk, #ca-edit, #ca-history, #ca-delete, #ca-move, #ca-protect, #ca-watch { background-color: var(--tab-bg) !important; }
#ca-nstab-main.selected, #ca-talk.selected, #ca-edit.selected, #ca-history.selected { background-color: var(--content-bg) !important; }