/* * Фирменная тема доски задач Лигамайнд поверх Vikunja. * * Подмешивается nginx'ом в (sub_filter), а не собирается в сам фронтенд: Vikunja — * SPA со встроенной в бинарь сборкой, и правка исходников означала бы форк с разрешением * конфликтов при каждом обновлении. Так обновление доски эту тему не затрагивает. * * Цена решения: тема держится на классах чужого фронтенда. Если после обновления Vikunja * страница входа поедет — смотреть сюда, классы могли переименоваться. * * Палитра — фирменная палитра компании (не токены лендинга ligameind.ru: там мятный акцент, * который спорил бы со знаком). Знак «Λ» оранжево-красный, поэтому вся страница построена * как тёплый отсвет от него на графите. */ :root { --liga-ink: #0b0d12; --liga-ink-deep: #06070b; --liga-plum: #79294a; --liga-red: #ea0616; --liga-orange: #fe8300; --liga-text: rgba(255, 255, 255, 0.92); --liga-muted: rgba(255, 255, 255, 0.55); /* Vikunja красит акцентом кнопки, ссылки и фокус — перекрываем в фирменный красный. */ --primary: #ea0616; --primary-dark: #c40513; --site-background: var(--liga-ink); --grey-100: var(--liga-ink); } /* ── Сцена ──────────────────────────────────────────────────────────────── */ .no-auth-wrapper { /* Штатная лама-подложка убрана: это чужой бренд на нашей двери. */ background-image: radial-gradient(60% 55% at 12% 88%, rgba(254, 131, 0, 0.16) 0%, transparent 60%), radial-gradient(50% 50% at 85% 12%, rgba(121, 41, 74, 0.35) 0%, transparent 65%), linear-gradient(180deg, var(--liga-ink) 0%, var(--liga-ink-deep) 100%) !important; background-color: var(--liga-ink) !important; } .noauth-container { /* Отступ сверху держал логотип, которого больше нет: без него карточка липла к краю окна. Задаём его явно, а не полагаемся на чужой элемент. */ margin-top: 8vh !important; background: rgba(255, 255, 255, 0.045); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 14px; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45); overflow: hidden; } /* ── Шапка ──────────────────────────────────────────────────────────────── */ /* Логотип над карточкой убран: знак уже занимает всю левую створку, и повторять его сверху — значит говорить одно и то же дважды. */ .no-auth-wrapper > .logo, .no-auth-wrapper > a.logo, .no-auth-wrapper > .logo-container { display: none !important; } /* Внутри приложения (шапка, боковое меню) логотип остаётся — но наш. */ img.logo { content: url("/brand/logo.png"); width: auto !important; height: 34px !important; max-height: 34px; } /* Слово «Vikunja» рядом со знаком — техническая деталь, на двери ей не место. */ .no-auth-wrapper > svg, .no-auth-wrapper .logo-text, .no-auth-wrapper > a > svg { display: none !important; } /* ── Левая створка: знак крупно вместо фотографии ───────────────────────── */ .noauth-container .image, section.image { background-image: radial-gradient(70% 60% at 30% 78%, rgba(234, 6, 22, 0.35) 0%, transparent 62%), radial-gradient(65% 55% at 72% 22%, rgba(254, 131, 0, 0.28) 0%, transparent 60%), linear-gradient(155deg, #1a0f17 0%, #0a0b10 100%) !important; position: relative; } .noauth-container .image::before { content: ""; position: absolute; inset: 0; background: url("/brand/logo.png") center 38% / 38% auto no-repeat; opacity: 0.95; } /* Виньетка держит взгляд на знаке и не даёт створке выглядеть плоской заливкой. */ .noauth-container .image::after { content: ""; position: absolute; inset: 0; background: radial-gradient(75% 65% at 50% 42%, transparent 45%, rgba(0, 0, 0, 0.45) 100%); pointer-events: none; } /* Штатное «С возвращением!» — про Vikunja и её ламу; ставим имя команды. */ .image-title { font-size: 0 !important; line-height: 0 !important; position: relative; z-index: 1; } .image-title::after { content: "Лигамайнд"; display: block; font-size: 26px; line-height: 1.2; font-weight: 650; letter-spacing: -0.02em; color: var(--liga-text); } .image-title::before { content: "доска задач экосистемы"; display: block; margin-bottom: 6px; font-size: 12px; line-height: 1.4; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); } /* ── Правая створка: форма ──────────────────────────────────────────────── */ .noauth-container .content { background: transparent; } /* Выбор адреса сервера: инструмент внутренний, сервер один — предлагать «изменить» означает предлагать сломать себе вход. */ .api-config, .api-url-info { display: none !important; } .button.is-primary, .base-button.is-primary { background: linear-gradient(135deg, var(--liga-orange) 0%, var(--liga-red) 100%) !important; border: none !important; color: #fff !important; /* Кнопка крупная, но не на всю ширину: на странице сброса пароля рядом с ней стоит ссылка «войти», и растянутая кнопка выдавливала её за край. */ min-width: 170px; padding: 12px 22px !important; font-size: 15px; font-weight: 600; letter-spacing: 0.02em; box-shadow: 0 8px 20px rgba(234, 6, 22, 0.28); transition: transform 0.15s ease, box-shadow 0.15s ease; } .button.is-primary:hover, .base-button.is-primary:hover { transform: translateY(-1px); box-shadow: 0 12px 26px rgba(234, 6, 22, 0.36); } @media (prefers-reduced-motion: reduce) { .button.is-primary, .base-button.is-primary { transition: none; } .button.is-primary:hover, .base-button.is-primary:hover { transform: none; } } .input, input.input { background: rgba(255, 255, 255, 0.04) !important; border-color: rgba(255, 255, 255, 0.14) !important; color: var(--liga-text) !important; } .input:focus, .input:active, input:focus { border-color: var(--liga-orange) !important; box-shadow: 0 0 0 3px rgba(254, 131, 0, 0.15) !important; } /* ── Мелочи ─────────────────────────────────────────────────────────────── */ @media (max-width: 768px) { /* На телефоне левая створка съедает пол-экрана ради декорации — знак и так в шапке. */ .noauth-container .image { display: none !important; } } /* ── Экран загрузки ─────────────────────────────────────────────────────── */ /* Пока грузится приложение, Vikunja показывает свою ламу инлайновым svg — сетевого запроса нет, перехватить нечем, поэтому прячем и рисуем знак фоном. Экран висит доли секунды, но это первое, что видит человек, открывший доску. */ .vikunja-loading > svg.logo { visibility: hidden; } .vikunja-loading > svg.logo::after { content: ""; } .vikunja-loading { position: relative; } .vikunja-loading::before { content: ""; position: absolute; inset: 0; background: url("/brand/logo.png") center 42% / 84px auto no-repeat; pointer-events: none; }