Module:Format/styles.css

/**
 * Module:Format/styles.css
 * TemplateStyles for simple formatting templates.
 *
 * INSTALLATION:
 * 1. Create page: Module:Format/styles.css
 * 2. Paste this entire file
 * 3. Mark as sanitized CSS (Content model: Sanitized CSS)
 *
 * DARK MODE:
 * Uses [data-theme="dark"] selector to match wiki's dark mode toggle.
 */

/* ==========================================================================
   ABBREVIATION
   ========================================================================== */

.abbr {
    cursor: help;
    border-bottom: 1px dotted #72777d;
    text-decoration: none;
}

/* ==========================================================================
   NOWRAP
   ========================================================================== */

.nowrap {
    white-space: nowrap;
}

/* ==========================================================================
   LANGUAGE
   ========================================================================== */

.lang {
    font-style: italic;
}

/* Override italic for CJK languages */
.lang-zh,
.lang-ja,
.lang-ko {
    font-style: normal;
}

/* ==========================================================================
   SIC
   ========================================================================== */

.sic {
    font-size: 0.85em;
    margin-left: 0.1em;
    color: #54595d;
}

/* ==========================================================================
   CLEAR
   ========================================================================== */

.clear {
    visibility: hidden;
    clear: both;
    height: 0;
    overflow: hidden;
}

.clear-left {
    clear: left;
}

.clear-right {
    clear: right;
}

.clear-both {
    clear: both;
}

/* ==========================================================================
   BLOCK INDENT
   ========================================================================== */

.block-indent {
    margin-left: 1.6em;
}

.indent-1 { margin-left: 1.6em; }
.indent-2 { margin-left: 3.2em; }
.indent-3 { margin-left: 4.8em; }
.indent-4 { margin-left: 6.4em; }
.indent-5 { margin-left: 8em; }

/* ==========================================================================
   UNBULLETED LIST
   ========================================================================== */

.unbulleted-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.unbulleted-list li {
    margin: 0.2em 0;
}

/* ==========================================================================
   PLAINLIST
   ========================================================================== */

.plainlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.plainlist li {
    margin: 0;
}

/* ==========================================================================
   IPA
   ========================================================================== */

.ipa {
    font-family: "Lucida Sans Unicode", "DejaVu Sans", sans-serif;
    cursor: help;
}

/* ==========================================================================
   APOSTROPHE
   ========================================================================== */

.apostrophe {
    font-style: normal;
    font-weight: bold;
}

/* ==========================================================================
   MATH (texhtml)
   ========================================================================== */

.texhtml {
    font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
    font-size: 118%;
    line-height: 1;
    white-space: nowrap;
}

/* ==========================================================================
   DARK MODE
   ========================================================================== */

[data-theme="dark"] .abbr {
    border-bottom-color: #a2a9b1;
}

[data-theme="dark"] .sic {
    color: #a2a9b1;
}

/* ==========================================================================
   PRINT STYLES
   ========================================================================== */

@media print {
    .abbr {
        border-bottom: none;
    }

    .sic {
        color: #666;
    }

    .noprint {
        display: none !important;
    }
}