MediaWiki:Common.css: Difference between revisions

Revision as of 00:36, 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; }

@@ 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, .phraseology_syntax, .phraseology_example {
-    background: #f3f4f6;
+     color: #468847;
-     color: #111827;
-    padding: 0.6em 0.75em;
-    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;
 }
-.table.table-sop tr:last-child td {
+.ny-flex div {
-     border-bottom: none;
+     flex-grow: 1;
+    margin: 1em;
 }
-.table.table-sop tr:hover td {
+.ny-badge {
-     background: #f0f9ff;
+    padding: 0.2em 0.6em 0.3em;
+    font-size: 85%;
+    font-weight: bold;
+     border-radius: 0.25em;
 }
-/* Compact variant */
+.ny-warning {
-.table.table-sop-compact {
+     background-color: #e99002;
-     font-size: 0.9em;
+     color: #ffffff;
-}
-.table.table-sop-compact td,
-.table.table-sop-compact th {
-     padding: 0.35em 0.6em;
 }
-.table.table-sop-operational-positions {
+small { font-style: oblique; }
-    table-layout: auto;
-}
-/* --- Tabber --- */
+/* - - - - - - - - -
-.tabber .tabbernav {
+ | List Numbering Styles
-    border-bottom: 2px solid #e5e7eb;
+ |
-}
+ */
-.tabber .tabbernav li a {
-    background: transparent;
-    color: #6b7280;
-    border: none;
-    border-bottom: 2px solid transparent;
-    padding: 0.5em 1em;
-    margin-bottom: -2px;
-    font-size: 0.9em;
-}
-.tabber .tabbernav li a:hover {
-    color: #3b82f6;
-}
-.tabber .tabbernav li.tabberactive a {
-    color: #3b82f6;
-    border-bottom-color: #3b82f6;
-}
-.tabber .tabbertab {
-    background: #fff;
-    border: 1px solid #e5e7eb;
-    border-top: none;
-    padding: 1em;
-    border-radius: 0 0 4px 4px;
-}
-/* --- Accent bar at top of content --- */
+@counter-style para-lower-alpha {
-.mw-body::before {
+     system: extends lower-alpha;
-     content: '';
+     prefix: '(';
-     display: block;
+     suffix: ') ';
-     height: 3px;
-    background: linear-gradient(90deg, #3b82f6, #06b6d4, #3b82f6);
-    margin-bottom: 1em;
-    border-radius: 2px;
 }
-/* --- Collapsible toggle --- */
+@counter-style para-lower-roman {
-.mw-collapsible-toggle {
+    system: extends lower-roman;
-     color: #3b82f6 !important;
+    prefix: '(';
+     suffix: ') ';
 }
-/* --- Stub placeholders --- */
+ol { list-style-type: lower-alpha; }
-.sop-stub {
+ol li > ol { list-style-type: decimal; }
-    background: #f9fafb;
+ol li > ol li > ol { list-style-type: para-lower-alpha; }
-    border: 1px solid #e5e7eb;
+ol li > ol li > ol li > ol { list-style-type: para-lower-roman; }
-    padding: 1em;
-    border-radius: 4px;
-    margin: 0.5em 0;
-    color: #6b7280;
-    font-style: italic;
-}