MediaWiki:Common.css: Difference between revisions

Revision as of 05:22, 27 March 2026

/* CSS placed here will be applied to all skins */

[data-event-name="tabs.talk"] { display:none!important; }
.mw-usertoollinks-talk { display:none!important; }
.button.talk { display:none!important; }
li#language-selector { display: none; }

/* - - - - - - - - -
| NYARTCC Customizations
|
| */

.phraseology-wrapper {
    margin: 5px 0;
}

.phraseology,
.phraseology_syntax,
.phraseology_example {
    color: #468847;
}

.ny-pull-left { float: left; }
.ny-pull-right { float: right; }

.ny-flex { display: flex; flex-wrap: wrap; }
.ny-flex div { flex-grow: 1; margin: 1em; }

.ny-badge {
    padding: 0.2em 0.6em 0.3em;
    font-size: 85%;
    font-weight: bold;
    border-radius: 0.25em;
}

.ny-warning {
    background-color: #e99002;
    color: #ffffff;
}

small {
    font-style: oblique;
}

/* - - - - - - - - -
| List Numbering Styles
|
| */

@counter-style para-lower-alpha {
    system: extends lower-alpha;
    prefix: '(';
    suffix: ') ';
}

@counter-style para-lower-roman {
    system: extends lower-roman;
    prefix: '(';
    suffix: ') ';
}

ol { list-style-type: lower-alpha; }
ol li > ol { list-style-type: decimal; }
ol li > ol li > ol { list-style-type: para-lower-alpha; }
ol li > ol li > ol li > ol { list-style-type: para-lower-roman; }

/* Legacy Citizen CSS variables (needed for SOPHeader template) */
:root {
    --font-size-h1: 2rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1.25rem;
}

/* SOPHeader heading text class */
.h-text {
    font-weight: 600;
}

/* ShowHide inline fix — match source wiki rendering */
.showhide-container {
    display: inline;
}
.showhide-toggle {
    display: inline;
    padding: 0;
}
.showhide-content {
    display: none;
}

/* Hide section edit links — match source wiki (Citizen 2.8.5 hides these) */
.mw-editsection { display: none !important; }


/* NYARTCC Logo - auto-invert for dark/light mode */
.skin-theme-clientpref-night .mw-logo-icon,
.skin-theme-clientpref-night .mw-logo-wordmark {
    filter: invert(1);
}
.skin-theme-clientpref-os .mw-logo-icon,
.skin-theme-clientpref-os .mw-logo-wordmark {
    filter: none;
}
@media (prefers-color-scheme: dark) {
    .skin-theme-clientpref-os .mw-logo-icon,
    .skin-theme-clientpref-os .mw-logo-wordmark {
        filter: invert(1);
    }
}