MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 2. Dezember 2024, 17:09 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;
}

/* Aggressives Überschreiben der Navigationslinks */
#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;
}

/* Hover-Effekt für Navigation */
#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;
}

/* Rest des CSS */
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); }