@charset "UTF-8"; /* ========================================================================== ЧИТАЕМОСТЬ-ТЁМНОЕ-1 (30.09.2026) Тёмно-синий текст на тёмном фоне — ссылки, у которых не было своего цвета. ЧТО БЫЛО. В simple.css цветовые классы-помощники задают цвет и тексту, и ссылкам внутри: `.vividcyan-col a`, `.medgray-col a`, `.white-col a`, `.black-col a`. А у `.darkgray-col` и `.lightgray-col` ветки `a` НЕТ — только `.darkgray-col { color: #555 }`. По наследству ссылке цвет не достаётся: браузерное правило `a:-webkit-any-link { color: -webkit-link }` перебивает наследование. Поэтому такая ссылка рисовалась браузерным тёмно-синим `#0000ee` (rgb(0,0,238)). Этого цвета в CSS проекта нет ни в одном из 565 значений (перепись — `_cd1_colors.py`), то есть «своего» цвета у ссылки не было вовсе. ЗАМЕР ЖИВЫХ СТРАНИЦ (`_cd1_measure.py`: 44 адреса × 1400 и 390 px, плюс раскрытые тёмные панели — `_cd1_menu.py`: меню шапки, выбор города). Дефект нашёлся в ТРЁХ местах, все на тёмном фоне: 1) подвал, «Правила и правовые документы» (footer_v2.tpl:19, `footer.black-bkg .darkgray-col a`) — #0000ee на #000000 = 2,23:1; СТАТУС: владелец уточнил «сделай серой как 2008-2006», координатор дал ссылке класс `darkgray-col` — она остаётся СЕРОЙ (#555), см. раздел 5; 2) страница входа (и вход VK), «Напишите нам» (login_v2.tpl:113, `vk_login_v2.tpl:105`, `.auth-dark .auth-hint.darkgray-col a`) — #0000ee на #00121a = 2,03:1; 3) витрина «Топ» на коллективах, `a.cb-top-ribbon-image` (include/top_ribbon_v2.tpl:31) — #0000ee на #242424 = 1,65:1. Ссылка обёрнута вокруг картинки/заглушки, СВОЕГО текстового узла у неё нет, поэтому обычный обход «элементы с текстом» её не видел: заметна была синяя полоса браузерного ПОДЧЁРКИВАНИЯ под буквой-заглушкой. Сканер после этой находки доработан (ссылки с текстом в потомках). Норма WCAG: 4,5:1 для обычного текста, 3:1 для крупного (18 pt+ / 14 pt+ жирный). ЧТО ДЕЛАЕМ. Ссылки внутри ТЁМНЫХ блоков получают цвет из палитры шаблона: #00aeef (основной синий шаблона), при наведении — #d0f2ff (светлый синий). Контраст: #00aeef на #000000 = 8,30:1, на #00121a = 7,54:1, на #191919 = 6,95:1, на #242424 = 6,13:1 — везде выше 4,5:1. ПОЧЕМУ ОТДЕЛЬНЫМ ФАЙЛОМ, А НЕ В simple.css. simple.css подключён примерно в 100 шаблонах с меткой `?v=`; правка в нём требует поднять метку во всех ста шаблонах (правило 11а), иначе браузер до 12 часов держит старый файл и владелец видит ровно тот баг, который убрали. Новый файл — новый URL: кэша нет вовсе, а подключение добавляется одной строкой в ОДИН общий шаблон `header_v2.tpl` (его включают 115 шаблонов; шаблонов с подвалом без шапки — 0 из 112). Заодно не трогаем общий файл, который правят другие задачи. СВЕТЛЫЙ ФОН НЕ ТРОГАЕМ (просьба владельца). Каждое правило требует ТЁМНОГО предка, поэтому на белых карточках (`.auth-page` и т.п.) и вообще на светлых страницах цвет ссылок остаётся прежним. Ссылки со СВОИМ цветом исключены: `.auth-hint-link` (#8a949c) — через `:not()`, `.ro-button`/`.auth-tab` — через `:not()`, `.auth-links a` (#8a949c), `.footer-menu a` (#fff) и `.cb-top-ribbon-name a` (#fff) — они вне `.darkgray-col`/`.lightgray-col` либо у них свой селектор. Ссылка правовых документов в подвале исключена отдельно (`:not(.darkgray-col)`) — по распоряжению владельца она СЕРАЯ. ПОЧЕМУ НЕ «ВЕЗДЕ НА ГОЛУБОЙ» (вопрос владельца). Тёмно-синий виноват только на тёмном: #0000ee на #000000 = 2,23:1. На белом тот же #0000ee даёт 9,40:1 — читается отлично, и менять его незачем. А шаблонный голубой #00aeef на белом даёт всего 2,53:1 (на #f2f6f8 — 2,35:1): мелкий текст на белом стал бы ХУЖЕ. Поэтому правило: ТЁМНЫЙ фон -> шаблонный голубой (#00aeef / #d0f2ff), СВЕТЛЫЙ фон -> оставляем как есть. Замер на 44 адресах: под замену попали только элементы на тёмном, на светлом не изменился ни один (см. отчёт). Раздел 5 — НЕ ПРАВКА, а зафиксированное решение владельца (оставлено комментарием). Разделы 6–7 — отдельный список: это не тёмно-синий, а другое нечитаемое сочетание на тёмном фоне (контраст ниже 3:1). Задание разрешает править и такие случаи; каждое правило можно снять отдельно. ========================================================================== */ /* --- 1. Подвал сайта: footer.black-bkg (фон #000) -------------------------- */ /* ИСКЛЮЧЕНИЕ `:not(.darkgray-col)` — ссылка «Правила и правовые документы» (footer_v2.tpl:24). Владелец уточнил (ПРАВОВАЯ-ССЫЛКА-СЕРАЯ-1, 29.09.2026): «данную ссылку сделай серой как 2008-2006». Координатор дал ей класс `darkgray-col`, поэтому её красит ПРЯМОЕ правило simple.css `.darkgray-col { color: #555 }` — ровно как строку copyright. Без этого исключения правило ниже перебило бы класс и сделало ссылку синей. Цвет ссылки = rgb(85,85,85) на #000 = 2,82:1 — ниже 4,5:1, но это осознанное решение владельца, а не дефект: не перекрашиваем. Если владелец захочет читаемее — снять класс в шаблоне, и сработает правило ниже (#00aeef, 8,30:1). */ .black-bkg .darkgray-col a:not(.darkgray-col), .black-bkg .lightgray-col a:not(.darkgray-col), .verydarkgray-bkg .darkgray-col a:not(.darkgray-col), .verydarkgray-bkg .lightgray-col a:not(.darkgray-col) { color: #00aeef; } .black-bkg .darkgray-col a:not(.darkgray-col):hover, .black-bkg .lightgray-col a:not(.darkgray-col):hover, .verydarkgray-bkg .darkgray-col a:not(.darkgray-col):hover, .verydarkgray-bkg .lightgray-col a:not(.darkgray-col):hover { color: #d0f2ff; } /* --- 2. Тёмные страницы входа/регистрации/VK: .auth-dark (фон #00121a) ----- */ /* :not() защищает ссылки с намеренно заданным цветом: подсказка «Рекомендации по созданию ника» (.auth-hint-link, #8a949c на #00121a = 6,17:1 — читается), кнопки-ссылки (.ro-button) и табы (.auth-tab). */ .auth-dark .darkgray-col a:not(.auth-hint-link):not(.ro-button):not(.auth-tab), .auth-dark .lightgray-col a:not(.auth-hint-link):not(.ro-button):not(.auth-tab) { color: #00aeef; } .auth-dark .darkgray-col a:not(.auth-hint-link):not(.ro-button):not(.auth-tab):hover, .auth-dark .lightgray-col a:not(.auth-hint-link):not(.ro-button):not(.auth-tab):hover { color: #d0f2ff; } /* --- 3. Витрина «Топ»: .cb-top-ribbon (фон #191919, плитка #242424) -------- */ /* `a.cb-top-ribbon-image` обёрнута вокруг фото или буквы-заглушки. Своего цвета у неё не было (#0000ee, 1,65:1), и её же браузерное подчёркивание рисовало синюю полосу под заглушкой. Подчёркивания в макете витрины нет — это артефакт ссылки без оформления, поэтому здесь его убираем (владелец просил подчёркивание «оставить как есть», если оно есть в дизайне). */ .cb-top-ribbon-image { color: #00aeef; text-decoration: none; } /* имя карточки — своя ссылка, её цвет НЕ трогаем: #fff из top_ribbon.css (`.cb-top-ribbon-name a`), контраст на #191919 = 17,58:1 */ /* --- 4. Тёмная полоса кабинета / панель меню шапки ------------------------- */ #cabinetBar .darkgray-col a, #cabinetBar .lightgray-col a, #header .cb-head-menu-panel .darkgray-col a, #header .cb-head-menu-panel .lightgray-col a { color: #00aeef; } #cabinetBar .darkgray-col a:hover, #cabinetBar .lightgray-col a:hover, #header .cb-head-menu-panel .darkgray-col a:hover, #header .cb-head-menu-panel .lightgray-col a:hover { color: #d0f2ff; } /* ========================================================================== ОТДЕЛЬНЫЙ СПИСОК: не тёмно-синий, но на тёмном фоне контраст ниже 3:1. Задание: «если контраст ниже 3:1 — правь и его, отметив это». ========================================================================== */ /* --- 5. Подвал: копирайт и ссылка правовых документов — НЕ ТРОГАЕМ -------- */ /* Оба остаются #555555 на #000000 = 2,82:1. Это НИЖЕ 4,5:1 и ниже 3:1, но так решил владелец: «данную ссылку сделай серой как 2008-2006» (ПРАВОВАЯ-ССЫЛКА- СЕРАЯ-1, 29.09.2026; подтверждено координатором 30.09.2026 — «не перекрашивай эту ссылку», замер вычисленного цвета должен давать rgb(85,85,85)). Ссылку красит ПРЯМОЕ правило simple.css `.darkgray-col { color: #555 }` — класс стоит на ней самой, поэтому правило 1 её не задевает (`:not()`). В шапке #header тоже .black-bkg, там подписи «Мы в:» / «Ваш город:» того же цвета — тоже не трогаем. ЕСЛИ ВЛАДЕЛЕЦ ЗАХОЧЕТ ЧИТАЕМЕЕ: раскомментировать блок ниже — даёт 6,80:1 (серый палитры #8a949c, тот же, что у .auth-links и .auth-hint на тёмном). ВЛАДЕЛЕЦ РЕШИЛ (29.09.2026): «поменяй цвет на какой предлагал, посмотрю» — блок включён. Теперь и подпись «© 2008 - 20XX Clubber», и ссылка «Правила и правовые документы» (у неё класс darkgray-col) одного цвета #8a949c: было 2,82:1 на чёрном, стало 6,80:1. Откат — закомментировать блок обратно (копия «до»: `_clubber/_cd2_bak`, тег CONTRAST-COPY-1). */ #footer.black-bkg .darkgray-col { color: #8a949c; } /* --- 6. Тёмная подсказка входа, разделитель «·» ---------------------------- */ /* Было #555555 на #00121a = 2,56:1 (виден на /vk_login.php), стало 6,17:1. Соседние ссылки в том же блоке уже #8a949c (`.auth-dark .auth-links a`), теперь разделитель с ними одного цвета. Ссылку «Напишите нам» это правило не перебивает: у неё своё правило 2 (#00aeef) на самом элементе `a`. */ .auth-dark .darkgray-col, .auth-dark .lightgray-col { color: #8a949c; } /* --- 7. Витрина «Топ», буква-заглушка вместо фото -------------------------- */ /* Было #3d3d3d на #242424 = 1,43:1 — самое нечитаемое место на сайте. Минимальный серый, дающий норму для крупного текста (буква 72 px): #757575 на #242424 = 3,37:1. Если владелец захочет вернуть «призрачный» вид — снять это правило, оно ничего больше не задевает. */ .cb-top-ribbon-stub { color: #757575; }