MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 2. Dezember 2024, 16:50 Uhr

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

/* Vector 2010 Anpassung */

/* Grundlegende Farbvariablen */
: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;
    --nav-link-color: #e6d5c4;
}
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:visited, #mw-panel .portal .body li a:active, #mw-panel .portal .body li a:link, .portal-one-column .body ul li a, .portal-one-column .body ul li a:visited { color: var(--nav-link-color) !important; text-decoration: none; }
#mw-panel .portal .body li a:hover { text-decoration: underline; color: var(--link-hover) !important; }
#p-tb .body li a, #p-tb .body li a:visited, #p-navigation .body li a, #p-navigation .body li a:visited { color: var(--nav-link-color) !important; }
.portal h3, #mw-panel .portal .body { color: var(--nav-link-color); }