MediaWiki:Common.css: Difference between revisions

/* CSS placed here will be applied to all skins */
.client-darkmode .mw-parser-output img,
.client-darkmode .mw-parser-output .image {
    filter: invert(1) hue-rotate(180deg);
}
.oc-contents-table {
    width: 100%;
    table-layout: fixed;
}

.oc-contents-table th:nth-child(1),
.oc-contents-table td:nth-child(1) {
    width: 12%;
}

.oc-contents-table th:nth-child(2),
.oc-contents-table td:nth-child(2) {
    width: 16%;
}

.oc-contents-table th:nth-child(3),
.oc-contents-table td:nth-child(3) {
    width: 72%;
}
.oc-contents-table {
    border-collapse: collapse;
    margin: 0 0 0.75em 0;
}

.oc-contents-table th,
.oc-contents-table td {
    vertical-align: top;
}

/* Force MediaWiki's built-in table of contents to the right */
#toc,
.toc {
    float: right;
    clear: right;

    width: 20em;
    max-width: 30%;

    margin: 0 0 1em 1.5em;
}

/* Keep very large TOCs from becoming absurdly tall */
#toc .tocnumber,
#toc .toctext {
    display: inline;
}

/* Narrow/mobile screens: return TOC to normal document flow */
@media screen and (max-width: 850px) {
    #toc,
    .toc {
        float: none;
        clear: both;

        width: auto;
        max-width: none;

        margin: 1em 0;
    }
}