mirror of
https://github.com/openwrt/luci.git
synced 2026-10-12 05:07:26 +04:00
luci-theme-footstrap: drop dead css rules and tokens
Removes CSS rules nothing matches and tokens nothing reads, and declares five light-palette values once. Computed styles are unchanged. Signed-off-by: Ivan Kvashonkin <vizzlef@gmail.com>
This commit is contained in:
Ivan Kvashonkin authored and 
Hannu Nyman committed
1 parent
d3de328368
commit
aa1d7c0bae
1 file changed
+34
-38
@@ -9,11 +9,11 @@
|
||||
* Copyright 2012 Nut & Bolt <david@nut-bolt.nl>
|
||||
* Copyright 2011 Twitter, Inc
|
||||
*/
|
||||
@layer tokens,base,theme,page;@layer tokens{:root{--fs-shadow-pop:0 12px 34px rgba(0,0,0,.30);--fs-focus-ring:0 0 0 3px var(--fs-accent-soft);--fs-focus-ring-solo:0 0 0 2px var(--fs-panel),0 0 0 5px var(--fs-accent);--fs-focus-ring-invalid:0 0 0 3px var(--fs-danger-fill);--fs-row-rail:inset 2px 0 0 var(--fs-accent);--fs-hairline:1px solid var(--fs-border);--fs-field-transition:border-color var(--fs-dur),box-shadow var(--fs-dur);--fs-scrim:rgba(0,0,0,.7);--fs-good-soft:color-mix(in srgb,var(--fs-good) 12%,transparent);--fs-warn-soft:color-mix(in srgb,var(--fs-warn) 12%,transparent);--fs-danger-soft:color-mix(in srgb,var(--fs-danger) 12%,transparent);--fs-accent-fill:color-mix(in srgb,var(--fs-accent) 18%,transparent);--fs-good-fill:color-mix(in srgb,var(--fs-good) 18%,transparent);--fs-warn-fill:color-mix(in srgb,var(--fs-warn) 18%,transparent);--fs-danger-fill:color-mix(in srgb,var(--fs-danger) 18%,transparent);--fs-accent-line:color-mix(in srgb,var(--fs-accent) 40%,transparent);--fs-good-line:color-mix(in srgb,var(--fs-good) 40%,transparent);--fs-warn-line:color-mix(in srgb,var(--fs-warn) 40%,transparent);--fs-danger-line:color-mix(in srgb,var(--fs-danger) 40%,transparent);--fs-accent-line-hi:color-mix(in srgb,var(--fs-accent) 55%,transparent);--fs-good-line-hi:color-mix(in srgb,var(--fs-good) 55%,transparent);--fs-warn-line-hi:color-mix(in srgb,var(--fs-warn) 55%,transparent);--fs-danger-line-hi:color-mix(in srgb,var(--fs-danger) 55%,transparent);--fs-icon-refresh:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4.4 9.6A8.5 8.5 0 0 1 18.6 7.6'/%3E%3Cpath d='M19.6 14.4A8.5 8.5 0 0 1 5.4 16.4'/%3E%3Cpath fill='%23000' stroke='none' d='M21.6 10.6 15.4 8.4 20.4 4.2Z'/%3E%3Cpath fill='%23000' stroke='none' d='M2.4 13.4 8.6 15.6 3.6 19.8Z'/%3E%3C/svg%3E");--fs-icon-refresh-sz:calc(18px * var(--fs-density-type));--fs-hover-lift:brightness(.90);--fs-dur:.15s;--fs-dur-move:.2s;--fs-dur-fade:.25s;--fs-dur-fill:.4s;--fs-content-max:1280px;--fs-content-pad:calc(28px * var(--fs-density-space));--fs-sidebar-w:calc(224px * var(--fs-density-box));--fs-rail-w:calc(68px * var(--fs-density-box));--fs-content-min:500px;--fs-bar-bg:var(--fs-panel);--fs-bar-ctl-bg:transparent;--fs-select-chevron:linear-gradient(-45deg,transparent 45%,var(--fs-dim) 45% 55%,transparent 55%),linear-gradient(45deg,transparent 45%,var(--fs-dim) 45% 55%,transparent 55%);--fs-bar-h:calc(46px * var(--fs-density-box));--fs-btn-size:calc(34px * var(--fs-density-box));--fs-radius-base:12px;--fs-radius-lg:var(--fs-radius-base);--fs-radius:calc(var(--fs-radius-base) * 5 / 6);--fs-radius-sm:calc(var(--fs-radius-base) * 2 / 3);--fs-radius-pill:999px;--fs-card-pad:calc(16px * var(--fs-density-space));--fs-card-gap:calc(16px * var(--fs-density-space));--fs-font-sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fs-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--fs-density-type:1;--fs-density-space:1;--fs-density-box:1;--fs-ctl-h-sm:calc(30px * var(--fs-density-box));--fs-ctl-h:calc(38px * var(--fs-density-box));--fs-ctl-h-lg:calc(44px * var(--fs-density-box));--fs-type-2xs:calc(10px * var(--fs-density-type));--fs-type-xs:calc(11px * var(--fs-density-type));--fs-type:calc(13px * var(--fs-density-type));--fs-type-lg:calc(16px * var(--fs-density-type));--fs-type-xl:calc(20px * var(--fs-density-type));--fs-type-2xl:calc(26px * var(--fs-density-type));--fs-weight-normal:400;--fs-weight:600;--fs-weight-bold:700;--fs-leading:1.5;--fs-leading-tight:1.2;--fs-eyebrow-tracking:.06em;--fs-eyebrow-weight:700;--fs-eyebrow-color:var(--fs-faint);--fs-space-0-5:calc(2px * var(--fs-density-space));--fs-space-1:calc(4px * var(--fs-density-space));--fs-space-1-5:calc(6px * var(--fs-density-space));--fs-space-2:calc(8px * var(--fs-density-space));--fs-space-2-5:calc(10px * var(--fs-density-space));--fs-space-3:calc(12px * var(--fs-density-space));--fs-space-3-5:calc(14px * var(--fs-density-space));--fs-space-4:calc(16px * var(--fs-density-space));--fs-space-5:calc(20px * var(--fs-density-space));--fs-space-6:calc(24px * var(--fs-density-space));--fs-space-7:calc(28px * var(--fs-density-space));--fs-space-8:calc(32px * var(--fs-density-space));--fs-space-10:calc(40px * var(--fs-density-space));--fs-spin-size:var(--fs-space-5);--fs-control-h:calc(var(--fs-type) * var(--fs-leading) + var(--fs-space-1) * 2 + 2px);--fs-field-max:440px;--fs-z-raise:2;--fs-z-sticky:50;--fs-z-flyout:70;--fs-z-header:800;--fs-z-popover:850;--fs-z-overlay:900;--fs-z-tooltip:1000;--fs-z-dropdown:1100;--background-color-high:var(--fs-panel);--background-color-medium:color-mix(in srgb,var(--fs-panel) 55%,var(--fs-panel2));--background-color-low:var(--fs-panel2);--text-color-highest:var(--fs-text);--text-color-high:var(--fs-text);--text-color-medium:var(--fs-dim);--text-color-low:var(--fs-faint);--border-color-high:color-mix(in srgb,var(--fs-border) Line truncated
|
||||
@layer tokens,base,theme,page;@layer tokens{:root{--fs-shadow-pop:0 12px 34px rgba(0,0,0,.30);--fs-focus-ring:0 0 0 3px var(--fs-accent-soft);--fs-focus-ring-solo:0 0 0 2px var(--fs-panel),0 0 0 5px var(--fs-accent);--fs-focus-ring-invalid:0 0 0 3px var(--fs-danger-fill);--fs-row-rail:inset 2px 0 0 var(--fs-accent);--fs-hairline:1px solid var(--fs-border);--fs-field-transition:border-color var(--fs-dur),box-shadow var(--fs-dur);--fs-scrim:rgba(0,0,0,.7);--fs-good-soft:color-mix(in srgb,var(--fs-good) 12%,transparent);--fs-danger-soft:color-mix(in srgb,var(--fs-danger) 12%,transparent);--fs-accent-fill:color-mix(in srgb,var(--fs-accent) 18%,transparent);--fs-good-fill:color-mix(in srgb,var(--fs-good) 18%,transparent);--fs-warn-fill:color-mix(in srgb,var(--fs-warn) 18%,transparent);--fs-danger-fill:color-mix(in srgb,var(--fs-danger) 18%,transparent);--fs-accent-line:color-mix(in srgb,var(--fs-accent) 40%,transparent);--fs-good-line:color-mix(in srgb,var(--fs-good) 40%,transparent);--fs-danger-line:color-mix(in srgb,var(--fs-danger) 40%,transparent);--fs-accent-line-hi:color-mix(in srgb,var(--fs-accent) 55%,transparent);--fs-good-line-hi:color-mix(in srgb,var(--fs-good) 55%,transparent);--fs-danger-line-hi:color-mix(in srgb,var(--fs-danger) 55%,transparent);--fs-icon-refresh:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4.4 9.6A8.5 8.5 0 0 1 18.6 7.6'/%3E%3Cpath d='M19.6 14.4A8.5 8.5 0 0 1 5.4 16.4'/%3E%3Cpath fill='%23000' stroke='none' d='M21.6 10.6 15.4 8.4 20.4 4.2Z'/%3E%3Cpath fill='%23000' stroke='none' d='M2.4 13.4 8.6 15.6 3.6 19.8Z'/%3E%3C/svg%3E");--fs-icon-refresh-sz:calc(18px * var(--fs-density-type));--fs-hover-lift:brightness(.90);--fs-dur:.15s;--fs-dur-move:.2s;--fs-dur-fade:.25s;--fs-dur-fill:.4s;--fs-content-max:1280px;--fs-content-pad:calc(28px * var(--fs-density-space));--fs-sidebar-w:calc(224px * var(--fs-density-box));--fs-rail-w:calc(68px * var(--fs-density-box));--fs-content-min:500px;--fs-bar-bg:var(--fs-panel);--fs-select-chevron:linear-gradient(-45deg,transparent 45%,var(--fs-dim) 45% 55%,transparent 55%),linear-gradient(45deg,transparent 45%,var(--fs-dim) 45% 55%,transparent 55%);--fs-bar-h:calc(46px * var(--fs-density-box));--fs-btn-size:calc(34px * var(--fs-density-box));--fs-radius-base:12px;--fs-radius-lg:var(--fs-radius-base);--fs-radius:calc(var(--fs-radius-base) * 5 / 6);--fs-radius-sm:calc(var(--fs-radius-base) * 2 / 3);--fs-radius-pill:999px;--fs-card-pad:calc(16px * var(--fs-density-space));--fs-card-gap:calc(16px * var(--fs-density-space));--fs-font-sans:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--fs-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--fs-density-type:1;--fs-density-space:1;--fs-density-box:1;--fs-ctl-h-sm:calc(30px * var(--fs-density-box));--fs-ctl-h:calc(38px * var(--fs-density-box));--fs-ctl-h-lg:calc(44px * var(--fs-density-box));--fs-type-2xs:calc(10px * var(--fs-density-type));--fs-type-xs:calc(11px * var(--fs-density-type));--fs-type:calc(13px * var(--fs-density-type));--fs-type-lg:calc(16px * var(--fs-density-type));--fs-type-xl:calc(20px * var(--fs-density-type));--fs-type-2xl:calc(26px * var(--fs-density-type));--fs-weight-normal:400;--fs-weight:600;--fs-weight-bold:700;--fs-leading:1.5;--fs-leading-tight:1.2;--fs-eyebrow-tracking:.06em;--fs-eyebrow-weight:700;--fs-eyebrow-color:var(--fs-faint);--fs-space-0-5:calc(2px * var(--fs-density-space));--fs-space-1:calc(4px * var(--fs-density-space));--fs-space-1-5:calc(6px * var(--fs-density-space));--fs-space-2:calc(8px * var(--fs-density-space));--fs-space-2-5:calc(10px * var(--fs-density-space));--fs-space-3:calc(12px * var(--fs-density-space));--fs-space-3-5:calc(14px * var(--fs-density-space));--fs-space-4:calc(16px * var(--fs-density-space));--fs-space-5:calc(20px * var(--fs-density-space));--fs-space-6:calc(24px * var(--fs-density-space));--fs-space-7:calc(28px * var(--fs-density-space));--fs-space-8:calc(32px * var(--fs-density-space));--fs-space-10:calc(40px * var(--fs-density-space));--fs-control-h:calc(var(--fs-type) * var(--fs-leading) + var(--fs-space-1) * 2 + 2px);--fs-field-max:440px;--fs-z-raise:2;--fs-z-sticky:50;--fs-z-flyout:70;--fs-z-header:800;--fs-z-popover:850;--fs-z-overlay:900;--fs-z-tooltip:1000;--fs-z-dropdown:1100;--background-color-high:var(--fs-panel);--background-color-medium:color-mix(in srgb,var(--fs-panel) 55%,var(--fs-panel2));--background-color-low:var(--fs-panel2);--text-color-highest:var(--fs-text);--text-color-high:var(--fs-text);--text-color-medium:var(--fs-dim);--text-color-low:var(--fs-faint);--border-color-high:color-mix(in srgb,var(--fs-border) 60%,var(--fs-text));--border-color-medium:var(--fs-border);--border-color-low:color-mix(in srgb,var(--fs-border) 55%,var(--fs-panel));--primary-color-high:var(--fs-accent);--primary-color-medium:color-mix(in oklch,var(--fs-accent) 78%,var(--fs-dim));--primaryLine truncated
|
||||
@supports (width:round(1px,1px)){:root{--fs-type-2xs:calc(round(10px * var(--fs-density-type),1px));--fs-type-xs:calc(round(11px * var(--fs-density-type),1px));--fs-type:calc(round(13px * var(--fs-density-type),1px));--fs-type-lg:calc(round(16px * var(--fs-density-type),1px));--fs-type-xl:calc(round(20px * var(--fs-density-type),1px));--fs-type-2xl:calc(round(26px * var(--fs-density-type),1px));--fs-control-h:calc(round(up,calc(var(--fs-type) * var(--fs-leading) + var(--fs-space-1) * 2 + 2px),4px))}
|
||||
}
|
||||
:root[data-density="compact"]{--fs-density-type:.9;--fs-density-box:.85;--fs-density-space:.65}
|
||||
:root[data-density="large"]{--fs-density-type:1.15;--fs-density-box:1.15;--fs-density-space:1}
|
||||
:root[data-density="large"]{--fs-density-type:1.15;--fs-density-box:1.15}
|
||||
:root[data-darkmode="true"]{--fs-disabled-opacity:.45;--fs-hover-lift:brightness(1.15);color-scheme:dark}
|
||||
:root{--fs-bg:var(--fs-bg-base);--fs-accent:var(--fs-accent-base);--fs-accent-soft:color-mix(in srgb,var(--fs-accent) 10%,transparent);--fs-panel:var(--fs-panel-base);--fs-panel2:var(--fs-panel2-base);--fs-border:var(--fs-border-base);--fs-good:var(--fs-good-base);--fs-warn:var(--fs-warn-base);--fs-danger:var(--fs-danger-base);--fs-placeholder-mix:55%;--fs-placeholder:color-mix(in oklch,var(--fs-text) var(--fs-placeholder-mix),var(--fs-panel2));--fs-accent-h:0;--fs-tint-h:0;--fs-good-h:0;--fs-warn-h:0;--fs-danger-h:0;--fs-tint-strength:1;--fs-login-bg-url:none;--fs-photo-dim:74%;--fs-photo-scrim:color-mix(in srgb,var(--fs-bg-base) var(--fs-photo-dim),transparent);--fs-pattern-url:none;--fs-pattern-size:440px;--fs-pattern-strength:.2;--fs-tint-c:calc((.016 + .012 * max(0,cos((var(--fs-tint-h) - 258) * 1deg))) * var(--fs-tint-strength))}
|
||||
:root[data-darkmode="true"]{--fs-tint-c:calc((.011 + .016 * max(0,cos((var(--fs-tint-h) - 258) * 1deg)) - .004 * max(0,cos((var(--fs-tint-h) - 55) * 1deg))) * var(--fs-tint-strength));--fs-placeholder-mix:64%}
|
||||
@@ -28,15 +28,15 @@
|
||||
:root[data-danger="hex"][data-danger][data-danger]{--fs-on-danger:oklch(from var(--fs-danger) clamp(0,(l - .62) * -100,1) 0 0)}
|
||||
:root,:root[data-palette="footstrap"]{--fs-bg-base:#f6f8fa;--fs-panel-base:#fff;--fs-panel2-base:#f6f8fa;--fs-border-base:#d0d7de;--fs-text:#1f2328;--fs-dim:#33383d;--fs-faint:#3d4348;--fs-accent-base:#0969da;--fs-track:#eaeef2;--fs-good-base:#197c36;--fs-warn-base:#946300;--fs-danger-base:#cf222e;--fs-on-accent:#fff;--fs-on-good:#fff;--fs-on-warn:#fff;--fs-on-danger:#fff}
|
||||
:root[data-darkmode="true"],:root[data-palette="footstrap"][data-darkmode="true"]{--fs-bg-base:#1c2128;--fs-panel-base:#22272e;--fs-panel2-base:#2d333b;--fs-border-base:#444c56;--fs-text:#adbac7;--fs-dim:#8f9cab;--fs-faint:#959ca5;--fs-accent-base:#569df5;--fs-accent-soft:color-mix(in srgb,var(--fs-accent) 15%,transparent);--fs-track:#373e47;--fs-good-base:#5aad5d;--fs-warn-base:#c79128;--fs-danger-base:#ea7a74;--fs-on-accent:#10151c;--fs-on-good:#10151c;--fs-on-warn:#10151c;--fs-on-danger:#10151c}
|
||||
:root[data-palette="hicontrast"]{--fs-bg-base:#eef1f6;--fs-panel-base:#fff;--fs-panel2-base:#f6f8fb;--fs-border-base:#e4e9f1;--fs-text:#101725;--fs-dim:#272f3d;--fs-faint:#2e3745;--fs-accent-base:#0b6fbd;--fs-track:#eaeef4;--fs-good-base:#0f7a52;--fs-warn-base:#8a5a00;--fs-danger-base:#c02b2b;--fs-on-accent:#fff;--fs-on-good:#fff;--fs-on-warn:#fff;--fs-on-danger:#fff}
|
||||
:root[data-palette="hicontrast"]{--fs-bg-base:#eef1f6;--fs-panel2-base:#f6f8fb;--fs-border-base:#e4e9f1;--fs-text:#101725;--fs-dim:#272f3d;--fs-faint:#2e3745;--fs-accent-base:#0b6fbd;--fs-track:#eaeef4;--fs-good-base:#0f7a52;--fs-warn-base:#8a5a00;--fs-danger-base:#c02b2b}
|
||||
:root[data-palette="hicontrast"][data-darkmode="true"]{--fs-bg-base:#0a0d13;--fs-panel-base:#111620;--fs-panel2-base:#161c28;--fs-border-base:#232b3a;--fs-text:#e8edf5;--fs-dim:#9ba6b8;--fs-faint:#8f9aad;--fs-accent-base:#3ba7ff;--fs-accent-soft:color-mix(in srgb,var(--fs-accent) 14%,transparent);--fs-track:#1b2230;--fs-good-base:#43e0a0;--fs-warn-base:#ffb454;--fs-danger-base:#ff6b6b;--fs-on-accent:#0a0d13;--fs-on-good:#0a0d13;--fs-on-warn:#0a0d13;--fs-on-danger:#0a0d13}
|
||||
:root[data-palette="bootstrap"]{--fs-bg-base:#fff;--fs-panel-base:#fff;--fs-panel2-base:#f5f5f5;--fs-border-base:#ccc;--fs-text:#232323;--fs-dim:#383838;--fs-faint:#424242;--fs-accent-base:#1564c0;--fs-track:#eee;--fs-good-base:#007936;--fs-warn-base:#826706;--fs-danger-base:#d00000;--fs-on-accent:#fff;--fs-on-good:#fff;--fs-on-warn:#fff;--fs-on-danger:#fff}
|
||||
:root[data-palette="bootstrap"]{--fs-bg-base:#fff;--fs-panel2-base:#f5f5f5;--fs-border-base:#ccc;--fs-text:#232323;--fs-dim:#383838;--fs-faint:#424242;--fs-accent-base:#1564c0;--fs-track:#eee;--fs-good-base:#007936;--fs-warn-base:#826706;--fs-danger-base:#d00000}
|
||||
:root[data-palette="bootstrap"][data-darkmode="true"]{--fs-bg-base:#222;--fs-panel-base:#282828;--fs-panel2-base:#303030;--fs-border-base:#444;--fs-text:#bfbfbf;--fs-dim:#a6a6a6;--fs-faint:#9a9a9a;--fs-accent-base:#53a4c2;--fs-accent-soft:color-mix(in srgb,var(--fs-accent) 15%,transparent);--fs-track:#333;--fs-good-base:#1aaf7b;--fs-warn-base:#aa9968;--fs-danger-base:#dd807e;--fs-on-accent:#222;--fs-on-good:#222;--fs-on-warn:#222;--fs-on-danger:#222}
|
||||
:root[data-palette="2020"]{--fs-bg-base:#fff;--fs-panel-base:#fff;--fs-panel2-base:#eef4f8;--fs-border-base:#c3d2dd;--fs-text:#10202b;--fs-dim:#2c4150;--fs-faint:#3d5566;--fs-accent-base:#036c92;--fs-track:#e3ebf1;--fs-good-base:#276e2a;--fs-warn-base:#8a5a00;--fs-danger-base:#c1121f;--fs-on-accent:#fff;--fs-on-good:#fff;--fs-on-warn:#fff;--fs-on-danger:#fff}
|
||||
:root[data-palette="2020"]{--fs-bg-base:#fff;--fs-panel2-base:#eef4f8;--fs-border-base:#c3d2dd;--fs-text:#10202b;--fs-dim:#2c4150;--fs-faint:#3d5566;--fs-accent-base:#036c92;--fs-track:#e3ebf1;--fs-good-base:#276e2a;--fs-warn-base:#8a5a00;--fs-danger-base:#c1121f}
|
||||
:root[data-palette="2020"][data-darkmode="true"]{--fs-bg-base:#002b49;--fs-panel-base:#0a3a58;--fs-panel2-base:#0e4362;--fs-border-base:#1d5a7d;--fs-text:#e6f1f7;--fs-dim:#b8cfdd;--fs-faint:#9dbccd;--fs-accent-base:#35c6ea;--fs-accent-soft:color-mix(in srgb,var(--fs-accent) 15%,transparent);--fs-track:#123c56;--fs-good-base:#74cc74;--fs-warn-base:#eab346;--fs-danger-base:#ff9d9d;--fs-on-accent:#002b49;--fs-on-good:#002b49;--fs-on-warn:#002b49;--fs-on-danger:#002b49}
|
||||
:root[data-palette="forum"]{--fs-bg-base:#fff;--fs-panel-base:#fff;--fs-panel2-base:#f0f0f0;--fs-border-base:#ddd;--fs-text:#222;--fs-dim:#3d3d3d;--fs-faint:#4a4a4a;--fs-accent-base:#0073ac;--fs-track:#eee;--fs-good-base:#008000;--fs-warn-base:#717100;--fs-danger-base:#c63c1b;--fs-on-accent:#fff;--fs-on-good:#fff;--fs-on-warn:#fff;--fs-on-danger:#fff}
|
||||
:root[data-palette="forum"]{--fs-bg-base:#fff;--fs-panel2-base:#f0f0f0;--fs-border-base:#ddd;--fs-text:#222;--fs-dim:#3d3d3d;--fs-faint:#4a4a4a;--fs-accent-base:#0073ac;--fs-track:#eee;--fs-good-base:#008000;--fs-warn-base:#717100;--fs-danger-base:#c63c1b}
|
||||
:root[data-palette="forum"][data-darkmode="true"]{--fs-bg-base:#222;--fs-panel-base:#262626;--fs-panel2-base:#2e2e2e;--fs-border-base:#3a3a3a;--fs-text:#ddd;--fs-dim:#a3a3a3;--fs-faint:#969696;--fs-accent-base:#13a8e3;--fs-accent-soft:color-mix(in srgb,var(--fs-accent) 15%,transparent);--fs-track:#333;--fs-good-base:#1fb65a;--fs-warn-base:#c99259;--fs-danger-base:#eb8066;--fs-on-accent:#222;--fs-on-good:#222;--fs-on-warn:#222;--fs-on-danger:#222;--fs-bar-bg:#002b49}
|
||||
@supports not (color:color-mix(in srgb,red 50%,transparent)){:root{--fs-accent-soft:transparent;--fs-good-soft:transparent;--fs-warn-soft:transparent;--fs-danger-soft:transparent;--fs-accent-fill:transparent;--fs-good-fill:transparent;--fs-warn-fill:transparent;--fs-danger-fill:transparent;--fs-accent-line:var(--fs-accent);--fs-good-line:var(--fs-good);--fs-warn-line:var(--fs-warn);--fs-danger-line:var(--fs-danger);--fs-accent-line-hi:var(--fs-accent);--fs-good-line-hi:var(--fs-good);--fs-warn-line-hi:var(--fs-warn);--fs-danger-line-hi:var(--fs-danger);--fs-focus-ring:var(--fs-focus-ring-solo);--fs-focus-ring-invalid:0 0 0 2px var(--fs-panel),0 0 0 5px var(--fs-danger);--background-color-medium:var(--fs-panel2);--fs-photo-scrim:var(--fs-scrim);--fs-placeholder:var(--fs-faint);--border-color-high:var(--fs-border);--border-color-low:var(--fs-border);--primary-color-medium:var(--fs-accent);--primary-color-low:var(--fs-dim);--error-color-medium:var(--fs-danger);--error-color-low:var(--fs-dim);--success-color-medium:var(--fs-good);--success-color-low:var(--fs-dim);--warn-color-medium:var(--fs-warn);--warn-color-low:var(--fs-dim)}
|
||||
@supports not (color:color-mix(in srgb,red 50%,transparent)){:root{--fs-accent-soft:transparent;--fs-good-soft:transparent;--fs-danger-soft:transparent;--fs-accent-fill:transparent;--fs-good-fill:transparent;--fs-warn-fill:transparent;--fs-danger-fill:transparent;--fs-accent-line:var(--fs-accent);--fs-good-line:var(--fs-good);--fs-danger-line:var(--fs-danger);--fs-accent-line-hi:var(--fs-accent);--fs-good-line-hi:var(--fs-good);--fs-danger-line-hi:var(--fs-danger);--fs-focus-ring:var(--fs-focus-ring-solo);--fs-focus-ring-invalid:0 0 0 2px var(--fs-panel),0 0 0 5px var(--fs-danger);--background-color-medium:var(--fs-panel2);--fs-photo-scrim:var(--fs-scrim);--fs-placeholder:var(--fs-faint);--border-color-high:var(--fs-border);--border-color-low:var(--fs-border);--primary-color-medium:var(--fs-accent);--primary-color-low:var(--fs-dim);--error-color-medium:var(--fs-danger);--error-color-low:var(--fs-dim);--success-color-medium:var(--fs-good);--success-color-low:var(--fs-dim);--warn-color-medium:var(--fs-warn);--warn-color-low:var(--fs-dim)}
|
||||
}
|
||||
}
|
||||
@layer base{*,*::before,*::after{scroll-margin-top:var(--fs-bar-h);margin:0;padding:0;border:0;box-sizing:border-box}
|
||||
@@ -76,7 +76,7 @@ small{font-size:var(--fs-type)}
|
||||
address{display:block;margin-bottom:var(--fs-space-4)}
|
||||
code,pre{font-family:var(--fs-font-mono);font-size:var(--fs-type);border-radius:var(--fs-radius-sm)}
|
||||
code{background-color:var(--fs-panel2);color:var(--fs-text);padding:1px var(--fs-space-1);overflow-wrap:anywhere}
|
||||
pre{--border-color:color-mix(in srgb,var(--fs-border) 15%,transparent);background-color:var(--fs-panel2);display:block;padding:var(--fs-space-2);margin:0 0 var(--fs-space-4);border:1px solid var(--border-color);border-radius:var(--fs-radius-sm);white-space:pre-wrap;word-wrap:break-word}
|
||||
pre{background-color:var(--fs-panel2);display:block;padding:var(--fs-space-2);margin:0 0 var(--fs-space-4);border:1px solid color-mix(in srgb,var(--fs-border) 15%,transparent);white-space:pre-wrap;overflow-wrap:break-word}
|
||||
fieldset{margin-bottom:var(--fs-space-2);padding-top:var(--fs-space-2)}
|
||||
fieldset legend{display:block;line-height:1;color:var(--fs-text);padding-top:var(--fs-space-5)}
|
||||
label,input,button{font-family:var(--fs-font-sans);font-size:var(--fs-type);font-weight:var(--fs-weight-normal);line-height:normal}
|
||||
@@ -104,8 +104,8 @@ input[disabled],button[disabled],select[disabled],textarea[disabled],.cbi-dropdo
|
||||
.cbi-section-create{display:inline-flex;align-items:center;gap:var(--fs-space-2)}
|
||||
.cbi-section-create>*{flex:1 1 auto}
|
||||
.actions{background:var(--fs-panel2);margin-bottom:var(--fs-space-4);padding:var(--fs-card-pad);border-top:var(--fs-hairline);border-radius:0 0 var(--fs-radius-lg) var(--fs-radius-lg);text-align:end}
|
||||
.actions .secondary-action,.cbi-page-actions .secondary-action{float:right}
|
||||
:root[dir="rtl"] .actions .secondary-action,:root[dir="rtl"] .cbi-page-actions .secondary-action{float:left}
|
||||
.actions .secondary-action{float:right}
|
||||
:root[dir="rtl"] .actions .secondary-action{float:left}
|
||||
.actions .secondary-action a,.cbi-page-actions .secondary-action a{line-height:var(--fs-control-h)}
|
||||
.actions .secondary-action a:hover,.cbi-page-actions .secondary-action a:hover{text-decoration:underline}
|
||||
.cbi-page-actions>form{display:inline;margin:0}
|
||||
@@ -120,8 +120,8 @@ input[disabled],button[disabled],select[disabled],textarea[disabled],.cbi-dropdo
|
||||
.table .tr:first-child .th{padding-top:var(--fs-space-2);font-weight:var(--fs-weight-bold);vertical-align:top}
|
||||
.tr.placeholder{height:calc(3em + var(--fs-space-4))}
|
||||
.tr.placeholder>.td{position:absolute;inset-inline:0;text-align:center;line-height:3em;padding-block:var(--fs-space-2)}
|
||||
.tr.drag-over-above,.tr.drag-over-below{border:2px solid var(--fs-accent);border-width:2px 0 0 0}
|
||||
.tr.drag-over-below{border-width:0 0 2px 0}
|
||||
.tr.drag-over-above{border-top:2px solid var(--fs-accent)}
|
||||
.tr.drag-over-below{border-bottom:2px solid var(--fs-accent)}
|
||||
header{position:sticky;top:0;z-index:var(--fs-z-header);overflow:visible;color:var(--fs-dim);display:flex}
|
||||
li.menu,.dropdown{position:relative}
|
||||
.dropdown:hover ul.dropdown-menu{inset-inline-start:0}
|
||||
@@ -153,12 +153,10 @@ body.modal-overlay-active #modal_overlay{inset-inline:0;opacity:1;visibility:vis
|
||||
.btn.primary,.cbi-button-action,.cbi-button-apply,.cbi-button-reload,.cbi-button-edit{--on-color:var(--fs-accent)}
|
||||
.cbi-button-negative,.cbi-section-remove .cbi-button,.cbi-button-reset,.cbi-button-remove{--on-color:var(--fs-danger)}
|
||||
.cbi-page-actions::after{display:table;content:"";clear:both}
|
||||
.cbi-page-actions>*{vertical-align:middle}
|
||||
.cbi-page-actions>:not([method="post"]):not(.cbi-button-apply):not(.cbi-button-negative):not(.cbi-button-save):not(.cbi-button-reset){margin-inline-end:var(--fs-space-1)}
|
||||
.btn.primary,.cbi-button-action.important,.cbi-page-actions .cbi-button-apply,.cbi-section-actions .cbi-button-edit{--on-color:var(--fs-on-accent)}
|
||||
.cbi-button-positive.important,.cbi-page-actions .cbi-button-save{--on-color:var(--fs-on-good)}
|
||||
.btn.primary,.cbi-button-action.important,.cbi-section-actions .cbi-button-edit{--on-color:var(--fs-on-accent)}
|
||||
.cbi-button-positive.important{--on-color:var(--fs-on-good)}
|
||||
.cbi-button-negative.important{--on-color:var(--fs-on-danger)}
|
||||
.cbi-page-actions .cbi-button-apply + .cbi-button-save,.cbi-page-actions .cbi-button-negative + .cbi-button-save{--on-color:var(--fs-good)}
|
||||
.cbi-title-ref::after{content:"➙"}
|
||||
.cbi-tooltip-container{cursor:help}
|
||||
.cbi-tooltip{position:absolute;z-index:var(--fs-z-tooltip);inset-inline-start:-10000px;border-radius:var(--fs-radius-sm);background:var(--fs-panel);white-space:pre-wrap;padding:var(--fs-space-0-5) var(--fs-space-1);opacity:0;transition:opacity var(--fs-dur-fade)}
|
||||
@@ -223,7 +221,8 @@ th[data-sort-direction="desc"]::after{content:"\a0\25bc"}
|
||||
.network-status-table .ifacebox-body>span{flex:10 10 auto;height:100%}
|
||||
.network-status-table .ifacebox-body>div{margin:-.125em;display:flex;flex-wrap:wrap}
|
||||
#dsl_status_table .ifacebox-body span>strong{display:inline-block;min-width:35%}
|
||||
.ifacebadge.large,.network-status-table .ifacebox-body .ifacebadge{display:flex;flex:1;padding:var(--fs-space-1);min-width:220px;margin:var(--fs-space-1)}
|
||||
.ifacebadge.large,.network-status-table .ifacebox-body .ifacebadge{flex:1;padding:var(--fs-space-1);min-width:220px;margin:var(--fs-space-1)}
|
||||
.network-status-table .ifacebox-body .ifacebadge{display:flex}
|
||||
.ifacebadge.large{display:inline-flex}
|
||||
.network-status-table .ifacebox-body .ifacebadge>span{overflow:hidden;text-overflow:ellipsis}
|
||||
.ifacebadge>*,.ifacebadge.large>*{margin:0 var(--fs-space-1)}
|
||||
@@ -255,7 +254,7 @@ div.cbi-value var.cbi-tooltip-container,.td.cbi-value-field var.cbi-tooltip-cont
|
||||
}
|
||||
.flash{animation:flash var(--fs-dur-fade)}
|
||||
#view>div.spinning:first-child{display:table;margin:15vh auto}
|
||||
.spinning::before{--spinner-icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' stroke='%23000' stroke-width='3' fill='none'><circle cx='10' cy='10' r='8' stroke-opacity='.5'/><path d='M10 2c4 0 8 4 8 8'/></svg>");display:inline-block;flex:0 0 auto;vertical-align:middle;margin-inline-end:var(--fs-space-1);width:var(--fs-spin-size);height:var(--fs-spin-size);content:" ";background:var(--on-color,#000);mask:var(--spinner-icon) center/cover no-repeat;-webkit-mask:var(--spinner-icon) center/cover no-repeat;animation:fs-spin 1s linear infinite}
|
||||
.spinning::before{--spinner-icon:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' stroke='%23000' stroke-width='3' fill='none'><circle cx='10' cy='10' r='8' stroke-opacity='.5'/><path d='M10 2c4 0 8 4 8 8'/></svg>");display:inline-block;flex:0 0 auto;vertical-align:middle;margin-inline-end:var(--fs-space-1);width:var(--fs-space-5);height:var(--fs-space-5);content:" ";background:var(--on-color,#000);mask:var(--spinner-icon) center/cover no-repeat;-webkit-mask:var(--spinner-icon) center/cover no-repeat;animation:fs-spin 1s linear infinite}
|
||||
@keyframes fs-spin{to{transform:rotate(360deg)}}
|
||||
[data-darkmode="true"] .spinning::before{background:var(--on-color,#fff)}
|
||||
[data-tab-title]{height:0;opacity:0;overflow:hidden}
|
||||
@@ -358,7 +357,7 @@ body{padding:0;background-color:var(--fs-bg);font-family:var(--fs-font-sans)}
|
||||
.fs-sidebar ul.nav>li.has-sub.open>ul{display:block}
|
||||
.fs-sidebar ul.nav ul a{display:block;padding:var(--fs-space-2) var(--fs-space-3);border-radius:var(--fs-radius-sm);color:var(--fs-dim);font-size:var(--fs-type);font-weight:var(--fs-weight)}
|
||||
.fs-sidebar #indicators{display:flex;flex-wrap:wrap;gap:var(--fs-space-1-5);order:2;margin-inline-start:auto;padding:0}
|
||||
.fs-themerow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;order:2;margin-inline-start:auto;width:var(--fs-btn-size);height:var(--fs-btn-size);padding:0;border:var(--fs-hairline);border-radius:var(--fs-radius);background:var(--fs-bar-ctl-bg);color:var(--fs-dim);font:inherit;font-weight:var(--fs-weight);font-size:var(--fs-type);line-height:1.1;text-align:start;cursor:pointer;transition:background var(--fs-dur),border-color var(--fs-dur),color var(--fs-dur)}
|
||||
.fs-themerow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;order:2;margin-inline-start:auto;width:var(--fs-btn-size);height:var(--fs-btn-size);padding:0;border:var(--fs-hairline);border-radius:var(--fs-radius);background:transparent;color:var(--fs-dim);font:inherit;font-weight:var(--fs-weight);font-size:var(--fs-type);line-height:1.1;text-align:start;cursor:pointer;transition:background var(--fs-dur),border-color var(--fs-dur),color var(--fs-dur)}
|
||||
.fs-sidebar.fs-bar-actrow .fs-brandrow{flex:1 1 100%;max-width:100%}
|
||||
.fs-sidebar.fs-ind-compact #indicators [data-indicator="poll-status"]{width:var(--fs-btn-size);padding:0;font-size:0;justify-content:center;position:relative}
|
||||
.fs-sidebar.fs-ind-compact #indicators [data-indicator="poll-status"]::before{content:"";width:var(--fs-icon-refresh-sz);height:var(--fs-icon-refresh-sz);background:var(--fs-good);-webkit-mask:var(--fs-icon-refresh) center / var(--fs-icon-refresh-sz) no-repeat;mask:var(--fs-icon-refresh) center / var(--fs-icon-refresh-sz) no-repeat}
|
||||
@@ -367,7 +366,7 @@ body{padding:0;background-color:var(--fs-bg);font-family:var(--fs-font-sans)}
|
||||
.fs-sidebar.fs-ind-compact #indicators [data-indicator]:not([data-indicator="poll-status"])::after{content:attr(data-fs-badge);font-size:var(--fs-type-xs);font-weight:var(--fs-weight-bold);font-variant-numeric:tabular-nums}
|
||||
.fs-sidebar #indicators:not(:empty) ~ .fs-themerow{margin-inline-start:0}
|
||||
.fs-themerow ~ .fs-themerow{margin-inline-start:0}
|
||||
.fs-logout{flex:0 0 auto;order:2;justify-content:center;width:var(--fs-btn-size);height:var(--fs-btn-size);padding:0;border:var(--fs-hairline);border-radius:var(--fs-radius);background:var(--fs-bar-ctl-bg)}
|
||||
.fs-logout{flex:0 0 auto;order:2;justify-content:center;width:var(--fs-btn-size);height:var(--fs-btn-size);padding:0;border:var(--fs-hairline);border-radius:var(--fs-radius);background:transparent}
|
||||
.fs-themerow:hover,.fs-themerow[aria-expanded="true"]{border-color:var(--fs-accent)}
|
||||
.fs-logout:hover{border-color:var(--fs-danger)}
|
||||
.fs-themerow .fs-label,.fs-logout .fs-label{display:none}
|
||||
@@ -434,19 +433,17 @@ body{padding:0;background-color:var(--fs-bg);font-family:var(--fs-font-sans)}
|
||||
footer{padding:var(--fs-space-3-5) var(--fs-content-pad);border-top:var(--fs-hairline);color:var(--fs-dim);font-size:var(--fs-type);background:var(--fs-bg);justify-content:center;text-align:center;line-height:max(26px,calc(var(--fs-type) * 2))}
|
||||
footer a{color:var(--fs-dim)}
|
||||
footer a:hover{color:var(--fs-accent)}
|
||||
@media (max-width:767px){.fs-content{padding:var(--fs-space-4)}
|
||||
}
|
||||
.fs-main>.alert-message{order:1;margin:var(--fs-space-4) auto 0;width:calc(100% - var(--fs-content-pad) * 2);max-width:calc(var(--fs-content-max) - var(--fs-content-pad) * 2)}
|
||||
.fs-main>.fs-content{order:2}
|
||||
.fs-main>.fs-footer{order:3}
|
||||
@media (max-width:767px){.fs-main>.alert-message{margin:var(--fs-space-3) var(--fs-space-4) 0;width:auto}
|
||||
}
|
||||
@media (max-width:767px){.fs-main .alert-message{flex-wrap:wrap}
|
||||
@media (max-width:767px){.fs-content{padding:var(--fs-space-4)}
|
||||
.fs-main>.alert-message{margin:var(--fs-space-3) var(--fs-space-4) 0;width:auto}
|
||||
.fs-main .alert-message{flex-wrap:wrap}
|
||||
.fs-main .alert-message>*{min-width:0;margin-inline-start:0}
|
||||
.fs-main .alert-message div{flex-wrap:wrap;min-width:0}
|
||||
.fs-main .alert-message .btn,.fs-main .alert-message button{white-space:normal;max-width:100%}
|
||||
}
|
||||
.fs-indicators .label,.fs-indicators [data-indicator],#indicators .label,#indicators [data-indicator]{display:inline-flex;align-items:center;min-height:var(--fs-btn-size);text-transform:none;font-weight:var(--fs-weight);font-size:var(--fs-type);background:var(--fs-bar-ctl-bg);background-image:none;border:var(--fs-hairline);color:var(--fs-dim);border-radius:var(--fs-radius);padding:0 var(--fs-space-3);box-shadow:none}
|
||||
.fs-indicators .label,.fs-indicators [data-indicator],#indicators .label,#indicators [data-indicator]{display:inline-flex;align-items:center;min-height:var(--fs-btn-size);text-transform:none;font-weight:var(--fs-weight);font-size:var(--fs-type);background:transparent;border:var(--fs-hairline);color:var(--fs-dim);border-radius:var(--fs-radius);padding:0 var(--fs-space-3);box-shadow:none}
|
||||
.fs-indicators [data-indicator][data-style="active"],#indicators [data-indicator][data-style="active"]{color:var(--fs-good)}
|
||||
.fs-indicators [data-indicator][data-clickable],#indicators [data-indicator][data-clickable]{cursor:pointer}
|
||||
.fs-indicators [data-indicator][data-clickable]:focus-visible,#indicators [data-indicator][data-clickable]:focus-visible{outline:none;border-color:var(--fs-accent);box-shadow:var(--fs-focus-ring)}
|
||||
@@ -626,7 +623,7 @@ code,pre{font-weight:var(--fs-weight-normal)}
|
||||
.zonebadge-empty{border-color:var(--fs-border);color:var(--fs-dim)}
|
||||
.cbi-map{container-type:inline-size;container-name:fs-content}
|
||||
#view{container-type:inline-size;container-name:fs-view fs-content}
|
||||
.modal{container-type:inline-size;container-name:fs-view fs-content}
|
||||
.modal{container-type:inline-size;container-name:fs-view fs-content;box-shadow:var(--fs-shadow-pop)}
|
||||
.pager.center{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--fs-space-2-5);padding:var(--fs-space-3-5) 0}
|
||||
.pager .text{flex:0 0 auto;font-size:var(--fs-type);color:var(--fs-dim)}
|
||||
h1,h2,h3,h4,h5,h6{font-weight:var(--fs-weight-bold);color:var(--fs-text);line-height:var(--fs-leading-tight)}
|
||||
@@ -677,7 +674,7 @@ h6{font-size:var(--fs-type-xs);color:var(--fs-dim);text-transform:uppercase}
|
||||
input[type="file"]::file-selector-button{margin-inline-end:var(--fs-space-3);padding:var(--fs-space-2) var(--fs-space-3-5);font-family:var(--fs-font-sans);font-size:var(--fs-type);font-weight:var(--fs-weight);color:var(--fs-text);background:var(--fs-panel2);border:var(--fs-hairline);border-radius:var(--fs-radius-sm);cursor:pointer}
|
||||
input[type="file"]::file-selector-button:hover{border-color:var(--fs-accent);color:var(--fs-accent)}
|
||||
.cbi-section-actions .cbi-button,.cbi-section-actions .btn,.cbi-section-table .cbi-button{min-height:var(--fs-ctl-h-sm);padding:0 var(--fs-space-3);font-size:var(--fs-type);flex-basis:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
|
||||
.td .cbi-button,.cbi-section-actions .cbi-button,.cbi-section-table .cbi-button{background:transparent;background-image:none;border:var(--fs-hairline);color:var(--fs-dim)}
|
||||
.td .cbi-button,.cbi-section-actions .cbi-button,.cbi-section-table .cbi-button{background:transparent;border:var(--fs-hairline);color:var(--fs-dim)}
|
||||
.td .cbi-button:hover{border-color:var(--fs-dim);color:var(--fs-text)}
|
||||
.td .cbi-button-action,.td .cbi-button-edit,.td .cbi-button-apply,.cbi-section-actions .cbi-button-edit,.cbi-section-actions .cbi-button-action{color:var(--fs-accent);border-color:var(--fs-accent-line);background:transparent}
|
||||
.td .cbi-button-action:hover,.td .cbi-button-edit:hover,.td .cbi-button-apply:hover,.cbi-section-actions .cbi-button-action:hover{background:var(--fs-accent-soft);color:var(--fs-text);border-color:var(--fs-accent-line-hi)}
|
||||
@@ -685,8 +682,8 @@ input[type="file"]::file-selector-button:hover{border-color:var(--fs-accent);col
|
||||
.td .cbi-button-positive:hover,.cbi-section-actions .cbi-button-positive:hover{background:var(--fs-good-soft);color:var(--fs-text);border-color:var(--fs-good-line-hi)}
|
||||
.td .cbi-button-negative,.td .cbi-button-remove,.cbi-section-actions .cbi-button-remove,.cbi-section-actions .cbi-button-negative{color:var(--fs-danger);border-color:var(--fs-danger-line);background:transparent}
|
||||
.td .cbi-button-negative:hover,.td .cbi-button-remove:hover,.cbi-section-actions .cbi-button-negative:hover{background:var(--fs-danger-soft);color:var(--fs-text);border-color:var(--fs-danger-line-hi)}
|
||||
.cbi-page-actions .cbi-button-apply,.cbi-page-actions .cbi-dropdown .cbi-button-apply{background:var(--fs-accent);background-image:none;border:1px solid transparent;color:var(--fs-on-accent);--on-color:var(--fs-on-accent);text-shadow:none}
|
||||
.cbi-page-actions .cbi-button-save,.cbi-page-actions .cbi-button-apply + .cbi-button-save,.cbi-page-actions .cbi-button-negative + .cbi-button-save{background:var(--fs-accent-soft);background-image:none;border:1px solid var(--fs-accent-line);color:var(--fs-text);--on-color:var(--fs-on-accent);text-shadow:none}
|
||||
.cbi-page-actions .cbi-button-apply,.cbi-page-actions .cbi-dropdown .cbi-button-apply{background:var(--fs-accent);border:1px solid transparent;color:var(--fs-on-accent);--on-color:var(--fs-on-accent);text-shadow:none}
|
||||
.cbi-page-actions .cbi-button-save,.cbi-page-actions .cbi-button-apply + .cbi-button-save,.cbi-page-actions .cbi-button-negative + .cbi-button-save{background:var(--fs-accent-soft);border:1px solid var(--fs-accent-line);color:var(--fs-text);--on-color:var(--fs-on-accent);text-shadow:none}
|
||||
.cbi-page-actions .cbi-button-save:hover{background:var(--fs-accent-fill);border-color:var(--fs-accent-line-hi);filter:none}
|
||||
.cbi-dynlist>.add-item>button,.cbi-dynlist>.add-item>.cbi-button-add{flex:0 0 auto;width:auto;min-width:var(--fs-ctl-h);min-height:var(--fs-ctl-h-sm);padding:0 var(--fs-space-3);margin:0;border:0;border-inline-start:var(--fs-hairline);border-radius:0;background:transparent;color:var(--fs-dim)}
|
||||
.cbi-dynlist>.add-item>button:hover,.cbi-dynlist>.add-item>.cbi-button-add:hover{color:var(--fs-accent)}
|
||||
@@ -754,7 +751,7 @@ select option{background:var(--fs-panel);color:var(--fs-text)}
|
||||
}
|
||||
.cbi-select:not(select){display:inline-block;width:210px;height:var(--fs-ctl-h);color:var(--fs-text);font-size:var(--fs-type);border:var(--fs-hairline);border-radius:var(--fs-radius);padding:0;position:relative;background-color:var(--fs-panel2);background-image:var(--fs-select-chevron);background-repeat:no-repeat;background-size:6px 6px;background-position:right calc(var(--fs-space-3) - 1px) center,right calc(var(--fs-space-3) + 5px) center;transition:var(--fs-field-transition)}
|
||||
.cbi-select[disabled]:not(select){opacity:var(--fs-disabled-opacity);pointer-events:none}
|
||||
.cbi-select select,.cbi-select select:focus{appearance:none;outline:none;border:none;background:transparent;background-image:none;box-shadow:none;height:100%;min-height:0;width:100%;padding:0 var(--fs-space-8) 0 var(--fs-space-3);font-size:var(--fs-type);line-height:normal;cursor:pointer}
|
||||
.cbi-select select,.cbi-select select:focus{appearance:none;outline:none;border:none;background:transparent;box-shadow:none;height:100%;min-height:0;width:100%;padding:0 var(--fs-space-8) 0 var(--fs-space-3);font-size:var(--fs-type);line-height:normal;cursor:pointer}
|
||||
.spinning,.cbi-value em,em.spinning{color:var(--fs-dim)}
|
||||
.cbi-input-text,.cbi-input-password,.cbi-input-textarea,.cbi-section-create-name,.cbi-value-field input.create-item-input,input[type="text"],input[type="password"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"],input[type="week"],input[type="color"],textarea{background:var(--fs-panel2);border:var(--fs-hairline);border-radius:var(--fs-radius);color:var(--fs-text);padding:var(--fs-space-2) var(--fs-space-3);min-height:var(--fs-ctl-h);box-shadow:none;transition:var(--fs-field-transition)}
|
||||
textarea{min-height:84px;line-height:var(--fs-leading);width:210px;max-width:100%;font-size:var(--fs-type)}
|
||||
@@ -794,9 +791,9 @@ input[type="range"]:focus::-moz-range-track{box-shadow:var(--fs-focus-ring-solo)
|
||||
.cbi-range-slider-calc,.cbi-range-slider-calc-units{color:var(--fs-dim);font-size:var(--fs-type)}
|
||||
.dropdown-menu{background-color:var(--fs-panel);border-color:var(--fs-border)}
|
||||
.dropdown-menu a{color:var(--fs-text);text-shadow:none}
|
||||
.dropdown-menu a:hover,.dropdown-menu a:focus-visible{background:var(--fs-panel2);background-image:none;color:var(--fs-accent)}
|
||||
.dropdown-menu a:hover,.dropdown-menu a:focus-visible{background:var(--fs-panel2);color:var(--fs-accent)}
|
||||
.cbi-page-actions .cbi-dropdown:not(.btn):not(.cbi-button){border:0;border-radius:var(--fs-radius);background:transparent}
|
||||
.cbi-page-actions .cbi-dropdown.cbi-button-apply,.cbi-page-actions .cbi-dropdown>.cbi-button{background:var(--fs-accent);background-image:none;border:0;color:var(--fs-on-accent)}
|
||||
.cbi-page-actions .cbi-dropdown.cbi-button-apply,.cbi-page-actions .cbi-dropdown>.cbi-button{background:var(--fs-accent);border:0;color:var(--fs-on-accent)}
|
||||
.cbi-page-actions .cbi-dropdown.cbi-button-apply:hover,.cbi-page-actions .cbi-dropdown>.cbi-button:hover{filter:var(--fs-hover-lift)}
|
||||
.cbi-dropdown{display:inline-flex;cursor:pointer;height:auto;position:relative;padding:0}
|
||||
.cbi-dropdown img{max-height:1.6em;width:auto}
|
||||
@@ -866,15 +863,14 @@ input[type="range"]:focus::-moz-range-track{box-shadow:var(--fs-focus-ring-solo)
|
||||
.table.cbi-section-table .td .zone-forwards{width:100%}
|
||||
}
|
||||
.table:has(.cbi-dropdown),.table:has(.cbi-dynlist){overflow:visible;border-collapse:separate;border-spacing:0}
|
||||
.modal{box-shadow:var(--fs-shadow-pop)}
|
||||
.modal>*{line-height:normal;margin-bottom:.5em;max-width:100%}
|
||||
.modal>.alert-message{margin-bottom:var(--fs-space-2)}
|
||||
.modal>pre,.modal>textarea{white-space:pre-wrap;overflow:auto;width:100%}
|
||||
.modal:has(.cbi-map){max-width:min(1100px,94vw)}
|
||||
#modal_overlay .modal label.btn{white-space:normal;overflow-wrap:anywhere;min-width:0}
|
||||
#modal_overlay .modal li{overflow-wrap:anywhere}
|
||||
#modal_overlay .uci-dialog div>ins,#modal_overlay .uci-dialog div>del,#modal_overlay .uci-dialog div>var{border-radius:var(--fs-radius-sm)}
|
||||
#modal_overlay .uci-change-legend-label>ins,#modal_overlay .uci-change-legend-label>del,#modal_overlay .uci-change-legend-label>var{border-radius:var(--fs-radius-sm);overflow:hidden}
|
||||
#modal_overlay .uci-dialog div>ins,#modal_overlay .uci-dialog div>del,#modal_overlay .uci-dialog div>var,#modal_overlay .uci-change-legend-label>ins,#modal_overlay .uci-change-legend-label>del,#modal_overlay .uci-change-legend-label>var{border-radius:var(--fs-radius-sm)}
|
||||
#modal_overlay .uci-change-legend-label>ins,#modal_overlay .uci-change-legend-label>del,#modal_overlay .uci-change-legend-label>var{overflow:hidden}
|
||||
#modal_overlay .uci-dialog var>ins,#modal_overlay .uci-dialog var>del{border-radius:max(0px,calc(var(--fs-radius-sm) - 3px))}
|
||||
.fs-search-ov{position:fixed;inset:0;z-index:var(--fs-z-popover);display:flex;justify-content:center;align-items:flex-start;padding:max(8vh,var(--fs-space-6)) var(--fs-space-4) var(--fs-space-4);background:var(--fs-scrim);animation:fs-fade var(--fs-dur-fade)}
|
||||
.fs-search-box{display:flex;flex-direction:column;min-height:0;width:100%;max-width:560px;max-height:min(70dvh,560px);background:var(--fs-panel);border:var(--fs-hairline);border-radius:var(--fs-radius-lg);box-shadow:var(--fs-shadow-pop);overflow:hidden}
|
||||
@@ -921,7 +917,7 @@ input,textarea,select,.cbi-dropdown>ul>li{font-size:var(--fs-type-lg)}
|
||||
}
|
||||
@media (prefers-reduced-transparency:reduce){:root{--fs-photo-scrim:var(--fs-bg)}
|
||||
}
|
||||
@media (prefers-contrast:more){:root{--fs-border:color-mix(in srgb,var(--fs-text) 45%,var(--fs-bg));--fs-dim:color-mix(in srgb,var(--fs-text) 85%,var(--fs-bg));--fs-faint:color-mix(in srgb,var(--fs-text) 82%,var(--fs-bg));--fs-focus-ring:0 0 0 3px color-mix(in srgb,var(--fs-accent) 60%,transparent);--fs-accent-line:var(--fs-accent);--fs-accent-line-hi:var(--fs-accent);--fs-good-line:var(--fs-good);--fs-good-line-hi:var(--fs-good);--fs-warn-line:var(--fs-warn);--fs-warn-line-hi:var(--fs-warn);--fs-danger-line:var(--fs-danger);--fs-danger-line-hi:var(--fs-danger);--fs-placeholder-mix:62%}
|
||||
@media (prefers-contrast:more){:root{--fs-border:color-mix(in srgb,var(--fs-text) 45%,var(--fs-bg));--fs-dim:color-mix(in srgb,var(--fs-text) 85%,var(--fs-bg));--fs-faint:color-mix(in srgb,var(--fs-text) 82%,var(--fs-bg));--fs-focus-ring:0 0 0 3px color-mix(in srgb,var(--fs-accent) 60%,transparent);--fs-accent-line:var(--fs-accent);--fs-accent-line-hi:var(--fs-accent);--fs-good-line:var(--fs-good);--fs-good-line-hi:var(--fs-good);--fs-danger-line:var(--fs-danger);--fs-danger-line-hi:var(--fs-danger);--fs-placeholder-mix:62%}
|
||||
:root[data-darkmode="true"]{--fs-placeholder-mix:80%}
|
||||
}
|
||||
@media (forced-colors:active){#tabmenu ul.tabs>li.active>a,ul.cbi-tabmenu.mode>li.cbi-tab>a,.tabs>li.active>a,.cbi-tabmenu>li.cbi-tab>a,.cbi-dropdown>ul>li[selected],.ifacebox .ifacebox-head.active,.cbi-page-actions .cbi-button-apply{outline:2px solid Highlight;outline-offset:-2px;color:HighlightText;background:Highlight;forced-color-adjust:none}
|
||||
@@ -972,7 +968,7 @@ input,textarea,select,.cbi-dropdown>ul>li{font-size:var(--fs-type-lg)}
|
||||
@container fs-view (max-width:800px){.fs-ovl{grid-template-columns:1fr}
|
||||
.fs-ovl>.fs-ovl-sys,.fs-ovl>.fs-ovl-mem,.fs-ovl>.fs-ovl-sto{grid-column:1;grid-row:auto}
|
||||
}
|
||||
:where(#view)[data-page="admin-status-overview"] div:has(>.ifacebox img[src*="/port_"]){gap:var(--fs-space-2);--fs-port-min:calc(76px * var(--fs-density-type) + var(--fs-space-3) * 2);grid-template-columns:repeat(auto-fit,minmax(var(--fs-port-min),1fr)) !important;margin-bottom:0 !important}
|
||||
:where(#view)[data-page="admin-status-overview"] div:has(>.ifacebox img[src*="/port_"]){gap:var(--fs-space-2);grid-template-columns:repeat(auto-fit,minmax(calc(76px * var(--fs-density-type) + var(--fs-space-3) * 2),1fr)) !important;margin-bottom:0 !important}
|
||||
:where(#view)[data-page="admin-status-overview"] .ifacebox:has(img[src*="/port_"]){margin:0 !important;min-width:0 !important;max-width:200px !important;width:auto !important;justify-self:stretch;align-self:stretch;text-align:start;background:var(--fs-panel2);border:var(--fs-hairline);border-radius:var(--fs-radius-lg);padding:var(--fs-space-1-5) var(--fs-space-3);display:flex;flex-direction:row;flex-wrap:wrap;column-gap:var(--fs-space-2);row-gap:0;align-items:baseline}
|
||||
:where(#view)[data-page="admin-status-overview"] .ifacebox:has(img[src*="/port_"]) img{display:none}
|
||||
:where(#view)[data-page="admin-status-overview"] .ifacebox:has(img[src*="/port_"]) .ifacebox-head{border-bottom:0;border-radius:0}
|
||||
|
||||
Reference in new issue
Block a user