|
|
| (9 intermediate revisions by one other user not shown) |
| Line 1: |
Line 1: |
| /* ============================================
| |
| ZNY Wiki — SOP Styling + Night Mode Tweaks
| |
| Vector 2022 built-in night mode handles base dark theme
| |
| ============================================ */
| |
|
| |
|
| /* --- Accent color overrides (ZNY blue instead of Vector purple) --- */ | | /* NYARTCC Logo - auto-invert for dark/light mode */ |
| html.skin-theme-clientpref-night {
| | .skin-theme-clientpref-night .mw-logo-icon, |
| --color-progressive: #4fc3f7;
| | .skin-theme-clientpref-night .mw-logo-wordmark { |
| --color-progressive--hover: #81d4fa;
| | filter: invert(1); |
| --color-progressive--active: #29b6f6; | |
| } | | } |
| | | .skin-theme-clientpref-os .mw-logo-icon, |
| /* --- SOP Table Styling --- */
| | .skin-theme-clientpref-os .mw-logo-wordmark { |
| .table.table-sop {
| | filter: none; |
| width: 100%;
| |
| border-collapse: collapse;
| |
| background: var(--background-color-neutral-subtle, #1e293b);
| |
| border: 1px solid var(--border-color-base, #334155);
| |
| border-radius: 4px;
| |
| margin: 0.75em 0;
| |
| }
| |
| | |
| .table.table-sop th { | |
| background: var(--background-color-interactive, #334155);
| |
| color: var(--color-inverted, #fff);
| |
| padding: 0.6em 0.75em;
| |
| text-align: left;
| |
| font-weight: 600;
| |
| border-bottom: 2px solid #4fc3f7;
| |
| font-size: 0.9em; | |
| } | | } |
| | | @media (prefers-color-scheme: dark) { |
| .table.table-sop td {
| | .skin-theme-clientpref-os .mw-logo-icon, |
| padding: 0.5em 0.75em;
| | .skin-theme-clientpref-os .mw-logo-wordmark { |
| border-bottom: 1px solid var(--border-color-base, #334155);
| | filter: invert(1); |
| vertical-align: top;
| | } |
| }
| |
| | |
| .table.table-sop tr:last-child td {
| |
| border-bottom: none;
| |
| }
| |
| | |
| .table.table-sop tr:hover td {
| |
| background: rgba(79, 195, 247, 0.06);
| |
| }
| |
| | |
| /* Compact variant */
| |
| .table.table-sop-compact {
| |
| font-size: 0.9em;
| |
| }
| |
| .table.table-sop-compact td,
| |
| .table.table-sop-compact th {
| |
| padding: 0.35em 0.6em;
| |
| }
| |
| | |
| /* Operational positions — auto width */
| |
| .table.table-sop-operational-positions {
| |
| table-layout: auto;
| |
| }
| |
| | |
| /* --- Tabber Overrides (dark-aware) --- */
| |
| html.skin-theme-clientpref-night .tabber .tabbernav {
| |
| border-bottom: 2px solid #334155; | |
| }
| |
| html.skin-theme-clientpref-night .tabber .tabbernav li a {
| |
| background: transparent;
| |
| color: #94a3b8;
| |
| border: none;
| |
| border-bottom: 2px solid transparent;
| |
| padding: 0.5em 1em;
| |
| margin-bottom: -2px;
| |
| }
| |
| html.skin-theme-clientpref-night .tabber .tabbernav li a:hover {
| |
| color: #4fc3f7; | |
| }
| |
| html.skin-theme-clientpref-night .tabber .tabbernav li.tabberactive a {
| |
| color: #4fc3f7;
| |
| border-bottom-color: #4fc3f7;
| |
| }
| |
| html.skin-theme-clientpref-night .tabber .tabbertab {
| |
| background: #1e293b;
| |
| border: 1px solid #334155;
| |
| border-top: none;
| |
| padding: 1em;
| |
| border-radius: 0 0 4px 4px;
| |
| }
| |
| | |
| /* --- Accent bar at top of content area --- */
| |
| .mw-body::before {
| |
| content: '';
| |
| display: block;
| |
| height: 3px;
| |
| background: linear-gradient(90deg, #4fc3f7, #4dd0e1, #4fc3f7);
| |
| margin-bottom: 1em; | |
| border-radius: 2px;
| |
| }
| |
| | |
| /* --- Collapsible toggle styling --- */
| |
| html.skin-theme-clientpref-night .mw-collapsible-toggle {
| |
| color: #4fc3f7 !important;
| |
| } | |
| | |
| /* --- Stub placeholder styling --- */
| |
| .sop-stub {
| |
| background: #1e293b;
| |
| border: 1px solid #334155;
| |
| padding: 1em;
| |
| border-radius: 4px;
| |
| margin: 0.5em 0;
| |
| color: #94a3b8;
| |
| font-style: italic;
| |
| } | | } |
