Hoppa till innehållet

MediaWiki:Common.css

Från Plutten

OBS: Efter du har publicerat sidan kan du behöva tömma din webbläsares cache för att se ändringarna.

  • Firefox / Safari: Håll ned Skift och klicka på Uppdatera sidan eller tryck Ctrl-F5 eller Ctrl-R (⌘-R på Mac)
  • Google Chrome: Tryck Ctrl-Skift-R (⌘-Skift-R på Mac)
  • Edge Håll ned Ctrl och klicka på Uppdatera eller tryck Ctrl-F5.
  • Opera: Tryck Ctrl-F5.
/* ============================================
   MÖRKT TEMA (default)
   ============================================ */
.mw-parser-output table {
    background-color: #1e2a3a !important;
    border-color: #3a4f6a !important;
    color: #d4dce8 !important;
}

.mw-parser-output table th {
    background-color: #162030 !important;
    color: #c8d6e5 !important;
    border-color: #3a4f6a !important;
}

.mw-parser-output table td {
    background-color: #1e2a3a !important;
    color: #d4dce8 !important;
    border-color: #3a4f6a !important;
}

.mw-parser-output table a {
    color: #7cb3ff !important;
}

.sidebar {
    background-color: #1e2a3a !important;
    border: 1px solid #3a4f6a !important;
    color: #d4dce8 !important;
}

.sidebar .sidebar-heading,
.sidebar .sidebar-above,
.sidebar .sidebar-below,
.sidebar .sidebar-content,
.sidebar .sidebar-list {
    background-color: #1e2a3a !important;
    color: #c8d6e5 !important;
}

.sidebar a {
    color: #7cb3ff !important;
}

.navbox-title {
    background-color: #162030 !important;
    color: #c8d6e5 !important;
}

.navbox-group {
    background-color: #1a2536 !important;
    color: #c8d6e5 !important;
}

.navbox-even {
    background-color: #1a2536 !important;
}

.navbox-odd {
    background-color: #1e2a3a !important;
}

/* ============================================
   LJUST TEMA (när användaren väljer ljust)
   ============================================ */
.skin-theme-clientpref-day .mw-parser-output table {
    background-color: #f0f2f5 !important;
    border-color: #a2a9b1 !important;
    color: #202122 !important;
}

.skin-theme-clientpref-day .mw-parser-output table th {
    background-color: #dde1e6 !important;
    color: #202122 !important;
    border-color: #a2a9b1 !important;
}

.skin-theme-clientpref-day .mw-parser-output table td {
    background-color: #f0f2f5 !important;
    color: #202122 !important;
    border-color: #a2a9b1 !important;
}

.skin-theme-clientpref-day .mw-parser-output table a {
    color: #3366cc !important;
}

.skin-theme-clientpref-day .sidebar {
    background-color: #f0f2f5 !important;
    border: 1px solid #a2a9b1 !important;
    color: #202122 !important;
}

.skin-theme-clientpref-day .sidebar .sidebar-heading,
.skin-theme-clientpref-day .sidebar .sidebar-above,
.skin-theme-clientpref-day .sidebar .sidebar-below,
.skin-theme-clientpref-day .sidebar .sidebar-content,
.skin-theme-clientpref-day .sidebar .sidebar-list {
    background-color: #f0f2f5 !important;
    color: #202122 !important;
}

.skin-theme-clientpref-day .sidebar a {
    color: #3366cc !important;
}

.skin-theme-clientpref-day .navbox-title {
    background-color: #dde1e6 !important;
    color: #202122 !important;
}

.skin-theme-clientpref-day .navbox-group {
    background-color: #eaecf0 !important;
    color: #202122 !important;
}

.skin-theme-clientpref-day .navbox-even {
    background-color: #f0f2f5 !important;
}

.skin-theme-clientpref-day .navbox-odd {
    background-color: #f8f9fa !important;
}

/* ============================================
   OS-läge: ljust bara om OS säger ljust
   ============================================ */
@media (prefers-color-scheme: light) {
    .skin-theme-clientpref-os .mw-parser-output table {
        background-color: #f0f2f5 !important;
        border-color: #a2a9b1 !important;
        color: #202122 !important;
    }

    .skin-theme-clientpref-os .mw-parser-output table th {
        background-color: #dde1e6 !important;
        color: #202122 !important;
        border-color: #a2a9b1 !important;
    }

    .skin-theme-clientpref-os .mw-parser-output table td {
        background-color: #f0f2f5 !important;
        color: #202122 !important;
        border-color: #a2a9b1 !important;
    }

    .skin-theme-clientpref-os .mw-parser-output table a {
        color: #3366cc !important;
    }

    .skin-theme-clientpref-os .sidebar {
        background-color: #f0f2f5 !important;
        border: 1px solid #a2a9b1 !important;
        color: #202122 !important;
    }

    .skin-theme-clientpref-os .sidebar .sidebar-heading,
    .skin-theme-clientpref-os .sidebar .sidebar-above,
    .skin-theme-clientpref-os .sidebar .sidebar-below,
    .skin-theme-clientpref-os .sidebar .sidebar-content,
    .skin-theme-clientpref-os .sidebar .sidebar-list {
        background-color: #f0f2f5 !important;
        color: #202122 !important;
    }

    .skin-theme-clientpref-os .sidebar a {
        color: #3366cc !important;
    }

    .skin-theme-clientpref-os .navbox-title {
        background-color: #dde1e6 !important;
        color: #202122 !important;
    }

    .skin-theme-clientpref-os .navbox-group {
        background-color: #eaecf0 !important;
        color: #202122 !important;
    }

    .skin-theme-clientpref-os .navbox-even {
        background-color: #f0f2f5 !important;
    }

    .skin-theme-clientpref-os .navbox-odd {
        background-color: #f8f9fa !important;
    }
}