/** * SERA iTop Enhancement — custom.css * * Loaded on two surfaces: * • Login page — via SeraLoginExtension (LoginBlockExtension → css block) * • Backoffice — via SeraBrandingStylesheet (iBackofficeLinkedStylesheetsExtension) * * Theme classes (login page only): * body.theme-modern — split-screen branded layout (default) * body.theme-legacy — original iTop look (background image) * * Classes are injected by theme-init.html.twig via the `script` block. * Backoffice pages never receive a theme class; their rules are always active. * * Asset paths (relative to this CSS file): * ../images/itop-logo.png — full/horizontal logo * ../images/itop-logo-square.png — compact square/icon logo * ../images/background.png — login background (legacy mode) * * DO NOT modify any iTop core file to apply branding. */ /* ========================================================================= THEME SWITCH ROOT ========================================================================= Minimal root declarations; detailed styles are in each theme section. ========================================================================= */ body.theme-modern { background: #f0f4f8; min-height: 100vh; margin: 0; overflow-x: hidden; } body.theme-legacy { /* Inherits iTop defaults; background set on #login-body below */ } /* ========================================================================= MODERN LOGIN Layout: fixed left panel (branding) + scrollable right panel (form) HTML structure (base.html.twig + login.html.twig):
← hidden in modern mode