MediaWiki:Common.css: Difference between revisions

Latest revision as of 07:10, 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-toggle pre {
    display: inline;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    white-space: normal;
}
.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);
    }
}

/* Show Main Page heading — Citizen 2.40.2 hides it and pushes header to bottom, source wiki (2.8.5) shows it at top */
.page-Main_Page .citizen-page-heading {
    display: block !important;
}
.page-Main_Page .citizen-page-header {
    order: -1 !important;
}

@@ Line 1: / Line 1: @@
-/* ============================================
+/* CSS placed here will be applied to all skins */
-   ZNY Wiki — SOP Table Styling (Light Mode)
-   ============================================ */
-/* --- SOP Tables --- */
+[data-event-name="tabs.talk"] { display:none!important; }
-.table.table-sop {
+.mw-usertoollinks-talk { display:none!important; }
-    width: 100%;
+.button.talk { display:none!important; }
-    border-collapse: collapse;
+li#language-selector { display: none; }
-    background: #fff;
-    border: 1px solid #d1d5db;
+/* - - - - - - - - -
-    border-radius: 4px;
+| NYARTCC Customizations
-     margin: 0.75em 0;
+|
-    color: #1f2937;
+| */
+.phraseology-wrapper {
+     margin: 5px 0;
 }
-.table.table-sop th {
+.phraseology,
-    background: #f3f4f6;
+.phraseology_syntax,
-     color: #111827;
+.phraseology_example {
-    padding: 0.6em 0.75em;
+     color: #468847;
-    text-align: left;
-    font-weight: 600;
-    border-bottom: 2px solid #3b82f6;
-    font-size: 0.9em;
 }
-.table.table-sop td {
+.ny-pull-left { float: left; }
-     padding: 0.5em 0.75em;
+.ny-pull-right { float: right; }
-     border-bottom: 1px solid #e5e7eb;
-     vertical-align: top;
+.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;
 }
-.table.table-sop tr:last-child td {
+.ny-warning {
-     border-bottom: none;
+     background-color: #e99002;
+    color: #ffffff;
 }
-.table.table-sop tr:hover td {
+small {
-     background: #f0f9ff;
+     font-style: oblique;
 }
-/* Compact variant */
+/* - - - - - - - - -
-.table.table-sop-compact {
+| List Numbering Styles
-     font-size: 0.9em;
+|
+| */
+@counter-style para-lower-alpha {
+     system: extends lower-alpha;
+    prefix: '(';
+    suffix: ') ';
 }
-.table.table-sop-compact td,
-.table.table-sop-compact th {
+@counter-style para-lower-roman {
-     padding: 0.35em 0.6em;
+    system: extends lower-roman;
+    prefix: '(';
+     suffix: ') ';
 }
-.table.table-sop-operational-positions {
+ol { list-style-type: lower-alpha; }
-     table-layout: auto;
+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;
 }
-/* --- Tabber --- */
+/* SOPHeader heading text class */
-.tabber .tabbernav {
+.h-text {
-     border-bottom: 2px solid #e5e7eb;
+     font-weight: 600;
 }
-.tabber .tabbernav li a {
-     background: transparent;
+/* ShowHide inline fix — match source wiki rendering */
-     color: #6b7280;
+.showhide-container {
+    display: inline;
+}
+.showhide-toggle {
+     display: inline;
+    padding: 0;
+}
+.showhide-toggle pre {
+    display: inline;
+     background: none;
      border: none;
-     border-bottom: 2px solid transparent;
+     padding: 0;
-     padding: 0.5em 1em;
+     margin: 0;
-     margin-bottom: -2px;
+     font-family: inherit;
-     font-size: 0.9em;
+     font-size: inherit;
+    white-space: normal;
 }
-.tabber .tabbernav li a:hover {
+.showhide-content {
-     color: #3b82f6;
+     display: none;
 }
-.tabber .tabbernav li.tabberactive a {
-    color: #3b82f6;
+/* Hide section edit links — match source wiki (Citizen 2.8.5 hides these) */
-    border-bottom-color: #3b82f6;
+.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);
 }
-.tabber .tabbertab {
+.skin-theme-clientpref-os .mw-logo-icon,
-     background: #fff;
+.skin-theme-clientpref-os .mw-logo-wordmark {
-    border: 1px solid #e5e7eb;
+     filter: none;
-    border-top: none;
-    padding: 1em;
-    border-radius: 0 0 4px 4px;
 }
+@media (prefers-color-scheme: dark) {
-/* --- Accent bar at top of content --- */
+    .skin-theme-clientpref-os .mw-logo-icon,
-.mw-body::before {
+    .skin-theme-clientpref-os .mw-logo-wordmark {
-    content: '';
+        filter: invert(1);
-    display: block;
+     }
-    height: 3px;
-    background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
-     margin-bottom: 1em;
-    border-radius: 2px;
 }
-/* --- Collapsible toggle --- */
+/* Show Main Page heading — Citizen 2.40.2 hides it and pushes header to bottom, source wiki (2.8.5) shows it at top */
-.mw-collapsible-toggle {
+.page-Main_Page .citizen-page-heading {
-     color: #3b82f6 !important;
+     display: block !important;
 }
+.page-Main_Page .citizen-page-header {
-/* --- Stub placeholders --- */
+     order: -1 !important;
-.sop-stub {
-     background: #f9fafb;
-    border: 1px solid #e5e7eb;
-    padding: 1em;
-    border-radius: 4px;
-    margin: 0.5em 0;
-    color: #6b7280;
-    font-style: italic;
 }