/* ========================================================================== Quark Cyber Systems — brand layer for Frappe web / portal pages (blog, login, web forms, generated pages). Why this file exists: web_include_css loads the full landing theme (style.css) on every web-view page so the shared QCS navbar/footer (Website Settings -> QCS Navbar / QCS Footer web templates) and page styling are consistent site-wide. This file loads LAST as a thin bridging layer on top of style.css: it maps the brand accent onto Frappe's own CSS variables (so Frappe-rendered controls like web form Save/Submit buttons pick up the brand colour), brands the login button, and adds the fixed-navbar top padding for web.html content. The theme reaches web-view pages ONLY — the desk (/app, app_include_css) and the CRM SPA (/crm, custom ) never load web_include_css, so the application is untouched. Palette aligned with Scaffold Pro (accent #009cea); typography matches the landing page (Open Sans / Raleway). ========================================================================== */ :root { --primary: #009cea; --brand-color: #009cea; --primary-color: #009cea; --btn-primary: #009cea; /* brand buttons instead of Frappe's default near-black */ --text-on-primary: #ffffff; } /* Typography — keep Frappe pages consistent with the landing theme */ body { font-family: "Open Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Raleway", "Open Sans", sans-serif; } /* Brand links */ a { color: #009cea; } a:hover { color: #1eb4ff; text-decoration: none; } /* Login page button. login.bundle.css re-sets `--btn-primary: var(--gray-900)` in a sheet that loads after this one, so the variable override above doesn't reach the login button. Paint it with the brand colour directly (higher specificity). */ .btn-login.btn-primary { background-color: #009cea; border-color: #009cea; } .btn-login.btn-primary:hover, .btn-login.btn-primary:focus, .btn-login.btn-primary:active { background-color: #008fd6; border-color: #008fd6; } /* ========================================================================== Shared QCS navbar/footer on web-view pages The QCS Navbar web template renders #header.fixed-top (72px tall). web.html wraps page content in .page-content-wrapper, so push it clear of the fixed navbar. The standalone landing page (www/landing-page.html) does NOT use .page-content-wrapper, so its layout is untouched. ========================================================================== */ .page-content-wrapper { padding-top: 92px; } /* tidy the breadcrumbs spacing under the fixed navbar */ .page-breadcrumbs { padding-top: 0; }