MediaWiki: Common.css

From Break Into Chat - BBS wiki
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* ========================================= */
/* BEGIN: Hide annoying https padlock icons */
div#content a.external[href ^="https://"] {
    background-image: none;
    padding-right: 0;
}
/* END: Hide annoying https padlock icons */

/* ========================================= */
/* BEGIN: Use Wikipedia's .wikitable styling */
@media screen {
    .wikitable {
        background-color: var(--background-color-neutral-subtle, #f8f9fa);
        color: var(--color-base, #202122);
        margin: 1em 0;
        border: 1px solid var(--border-color-base, #a2a9b1);
        border-collapse:collapse
    }

    .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
        border: 1px solid var(--border-color-base, #a2a9b1);
        padding:0.2em 0.4em
    }

    .wikitable > tr > th, .wikitable > * > tr > th {
        background-color: var(--background-color-neutral, #eaecf0);
        color: var(--color-base, #202122);
        text-align:center
    }

    .wikitable > caption {
        font-weight:bold
    }

    @media all and (max-width: calc(640px - 1px)) {
        body.skin--responsive .wikitable {
            float: none;
            margin-left: 0;
            margin-right:0
        }
    }
}
@media print {
    .wikitable {
        background: #fff;
        margin: 1em 0;
        border: 1pt solid #aaa;
        border-collapse: collapse;
        font-size: 10pt;
        page-break-inside:avoid
    }

    .wikitable > caption {
        padding: 5px;
        font-size:10pt
    }

    .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
        background: #fff !important;
        color: #000 !important;
        border: 1pt solid #aaa;
        padding:0.4em 0.6em
    }

    .wikitable > tr > th, .wikitable > * > tr > th {
        text-align:center
    }

    table.listing, table.listing td {
        border: 1pt solid #000;
        border-collapse:collapse
    }
}
/* END: Use Wikipedia's .wikitable styling */