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);
}
/* Undo DarkMode's inversion for images */
.client-darkmode .mw-parser-output img,
.client-darkmode .mw-parser-output .image,
.client-darkmode .mw-logo-icon,
.client-darkmode #p-logo .mw-wiki-logo {
    filter: invert(1) hue-rotate(180deg) !important;
}
.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;
    }
}

/* OpenComputers documentation navigation tables */
.oc-contents-table {
    width: 100%;
    max-width: 1400px;
    margin: 1em auto;

    border: 1px solid #a2a9b1;
    border-collapse: separate;
    border-spacing: 0;

    background: #f8f9fa;
    font-size: 0.95em;
    line-height: 1.55;
}

/* Main column headings */
.oc-contents-table > tbody > tr:first-child > th {
    padding: 0.6em 0.9em;

    background: #eaecf0;
    border-bottom: 1px solid #a2a9b1;

    text-align: left;
    font-weight: bold;
}

/* General cell spacing */
.oc-contents-table th,
.oc-contents-table td {
    padding: 0.55em 0.9em;
    vertical-align: top;
}

/* First column: Components / API / Items / etc. */
.oc-contents-table tr > th:first-child:not(:only-child) {
    width: 10em;
}

/* Category column */
.oc-contents-table tr > th:nth-child(2) {
    width: 13em;

    background: #f1f3f5;
    border-left: 1px solid #c8ccd1;
    border-right: 1px solid #c8ccd1;

    text-align: right;
    white-space: nowrap;
}

/* Documentation/link area */
.oc-contents-table td {
    background: #fff;
}

/* Separate category rows */
.oc-contents-table tr + tr > th,
.oc-contents-table tr + tr > td {
    border-top: 1px solid #eaecf0;
}

/* Make links breathe a little */
.oc-contents-table td a {
    line-height: 1.8;
}

/* Don't let visited links make these navigation boxes ugly */
.oc-contents-table a:visited {
    color: #36c;
}

/* Narrow displays */
@media screen and (max-width: 850px) {
    .oc-contents-table {
        font-size: 0.9em;
    }

    .oc-contents-table tr > th:first-child,
    .oc-contents-table tr > th:nth-child(2) {
        width: auto;
        white-space: normal;
    }
}