MediaWiki:Timeless.css: Unterschied zwischen den Versionen

/* CSS an dieser Stelle wird für Benutzer geladen, die die Benutzeroberfläche „Timeless“ verwenden */

/* ===================================================================== */
/* ===================================================================== */

/* Define vars on :root */
:root {
    --bg-primary:   #1a1a1a;
    --bg-secondary: #111111;
    --text-primary: #cccccc;
    --text-heading: #e8dfc8;
    --border-color: #444444;
    --accent:       #8ab4f8;
    --bg-sidebar-panel: #17101fc0;
}

/* ===================================================================== */
/* ===================================================================== */

.sidebar-chunk h2 {
    color: var(--text-heading) !important;
}

/* Background image */
body.mediawiki {
    background-image: url('https://thealchenomiconwiki.com/images/8/8e/BackgroundImage_Main.png?v=2') !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Make content and sidebar transparent so background shows through */
#mw-content-container,
#mw-site-navigation {
    background: transparent !important;
}

/* Solid header bar */
#mw-header-container {
    background: #887799 !important;
}

/* Header color bars */
#mw-header-hack .color-left,
#mw-header-nav-hack .color-left {
    background: #330077 !important;
}
#mw-header-hack .color-middle,
#mw-header-nav-hack .color-middle {
    background: #1a1a1a !important;
}
#mw-header-hack .color-right,
#mw-header-nav-hack .color-right {
    background: #330077 !important;
}




/* Main content area */
#mw-content,
#content,
.mw-body {
    background: #1a1a1a !important;
    color: #cccccc !important;
    border-color: #444 !important;
}






/* Sidebar boxes */
#mw-site-navigation .sidebar-chunk {
    background: var(--bg-sidebar-panel) !important;
    border-color: #444 !important;
    color: #cccccc !important;
}

#mw-panel,
.mw-portlet {
    background: #00ff00 !important;
    border-color: #444 !important;
    color: #cccccc !important;
}

/* Right tools panel */
#mw-related-navigation .sidebar-chunk {
    background: var(--bg-sidebar-panel) !important;
    border-color: #444 !important;
    color: #cccccc !important;
}

/* Sidebar headings */
.sidebar-chunk h2,
.mw-portlet h3 {
    color: #e8dfc8 !important;
    border-color: #444 !important;
}

/* Links */
#mw-site-navigation a,
#mw-related-navigation a {
    color: #8ab4f8 !important;
}

/* Page title bar */
#mw-content-block {
    background: transparent !important;
}