/* ========================================================================= ZMPIS custom styles — layered on top of Tabler v1.4.0 - Menu font/icon sizing to match the Tabler live preview - Brand logo sizing - Theme builder support (primary color / base tint / radius / layout) ========================================================================= */ body { font-feature-settings: "cv03", "cv04", "cv11"; } [x-cloak] { display: none !important; } /* --- Brand -------------------------------------------------------------- */ .navbar-brand-logo { height: 2rem; width: auto; display: inline-block; } /* --- Menu sizing (match Tabler live-preview proportions) ---------------- */ /* The project renders menu icons with the Tabler webfont (), which inherits 1em (~14px) and looks smaller than the preview's 24px SVGs. Bump the glyph to ~1.25rem while keeping Tabler's default label size. */ .navbar .nav-link { font-size: 0.875rem; } .navbar .nav-link .nav-link-icon { display: inline-flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; } .navbar .nav-link .nav-link-icon .ti { font-size: 1.25rem; line-height: 1; } .navbar .dropdown-menu .dropdown-item { font-size: 0.875rem; } /* --- Brand-teal default primary (matches the Zhekriah logo) ------------- */ /* Loaded after tabler.min.css so these win. Per-user overrides are applied inline on by the server / theme.js. Links follow the primary. */ :root { --tblr-primary: #0ca678; --tblr-primary-rgb: 12, 166, 120; --tblr-link-color: var(--tblr-primary); --tblr-link-color-rgb: var(--tblr-primary-rgb); --tblr-link-hover-color: var(--tblr-primary); } /* --- Layout: boxed ------------------------------------------------------ */ body.layout-boxed .page { max-width: 1320px; margin-inline: auto; box-shadow: rgba(24, 36, 51, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.05) 0 1rem 2rem -0.5rem; min-height: 100vh; } /* --- Layout: condensed navbar ------------------------------------------ */ body.navbar-condensed .navbar .nav-link { padding-top: 0.25rem; padding-bottom: 0.25rem; } body.navbar-condensed .navbar { min-height: 2.75rem; } /* --- Theme builder swatches -------------------------------------------- */ .theme-swatch { width: 2rem; height: 2rem; border-radius: 4px; border: 2px solid transparent; cursor: pointer; padding: 0; outline-offset: 2px; } .theme-swatch.active { border-color: var(--tblr-body-color); box-shadow: 0 0 0 2px var(--tblr-body-bg), 0 0 0 4px currentColor; } /* --- Notifications dropdown -------------------------------------------- */ .notifications-dropdown { width: 22rem; max-width: 92vw; } .notifications-dropdown .list-group-item.unread { background: rgba(var(--tblr-primary-rgb), 0.06); } .notifications-empty { padding: 2rem 1rem; }