/* «Кто твой Господь?» — статья «на проверке» (№ 1583, pravila КТГ §231, слово владельца 28.10). Дизайнер, 28.10.2026. Видит только владелец (вошедший в панель). Подключать после stil.css, nebo.css и knigi.css. Разметка (кратко; полный образец — eskiz-proverka/index.html): 1) Оглавление книги и список статей — к ссылке-заголовку добавить класс и скрытую подпись: Название (на проверке) … После публикации класс снять — цвет сразу обычный (без перехода: слово владельца «моментально»). 2) Полоса — ПЕРЕД
(не внутри: у .shapka overflow:hidden, полоса не прилипнет):

На проверке — посетители не видят Опубликовано — статья видна всем

3) Состояния (ставит pult.js / skript.js Разработчика): запрос ушёл — button[aria-busy="true"]; запрос прошёл — .proverka-polosa.opublikovano (+ button disabled): кнопка «Опубликовано» с галочкой, полоса стихает в цвет страницы и через 1,6 с сворачивается; у заголовков в оглавлении и списке — снять .na-proverke. Значок галочки — в разметке (SVG выше); можно перенести в znaki.svg как #galka. Цвета и контраст (WCAG 2.2, по относительной яркости): заголовок, светлая тема #8a4a1f — на #fff 6,8:1; на --fon-2 6,3:1; наведение #6a3612 — 9,8:1 заголовок, тёмная тема #d9a47c — на #0c1729 8,2:1; на #13223a 7,3:1; «Небо» #0b1d3a 7,6:1, #12305c 6,0:1 полоса #4a2a16, текст #f7e9da — 10,8:1 (обе темы: полоса и в ночной видна — бурое на синем) кнопка #6b3a1c, текст #fff8f0 — 8,9:1; наведение #7d4524 — 7,3:1; кольцо #e8c9a8 к полосе — 8,2:1 (граница кнопки ≥ 3:1, WCAG 1.4.11) «Опубликовано» текст --tekst на --fon-2, галочка и надпись --akcent-t (обычный синий сайта) ≥ 4,5:1 */ :root { --proverka-zag: #8a4a1f; --proverka-zag-2: #6a3612; --proverka-fon: #4a2a16; --proverka-tekst: #f7e9da; --proverka-knopka: #6b3a1c; --proverka-knopka-2: #7d4524; --proverka-knopka-tekst: #fff8f0; --proverka-kolco: #e8c9a8; } @media (prefers-color-scheme: dark) { :root:not([data-tema="den"]) { --proverka-zag: #d9a47c; --proverka-zag-2: #ebc19f; } } :root[data-tema="noch"], [data-oblik="nebo"] .vidzhety { --proverka-zag: #d9a47c; --proverka-zag-2: #ebc19f; } /* в «Небе» колонка записей ночная и в светлой теме */ /* ---------- 1. заголовок статьи «на проверке» в оглавлении книги и в списке статей ---------- */ .gl-zag.na-proverke, .ss-zag.na-proverke, .seychas .ss-zag.na-proverke { color: var(--proverka-zag); } a.gl-zag.na-proverke:hover, .ss-zag.na-proverke:hover { color: var(--proverka-zag-2); } /* ---------- 2. полоса над шапкой статьи ---------- */ .proverka-polosa { position: sticky; top: calc(var(--sh-h) + env(safe-area-inset-top, 0px)); z-index: 29; /* под шапкой сайта (z 30): кнопка под рукой, пока владелец читает */ display: grid; grid-template-rows: 1fr; background: var(--proverka-fon); color: var(--proverka-tekst); --fokus: var(--proverka-kolco); transition: background-color .35s ease, color .35s ease; } .proverka-v { min-height: 0; overflow: hidden; display: grid; grid-template-columns: var(--setka); column-gap: var(--zazor); max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 var(--polya); } .proverka-ryad { grid-column: var(--kol); max-width: 680px; display: flex; align-items: center; gap: 16px; padding: 8px 0; } /* по левому краю заголовка статьи */ .proverka-tekst { flex: 1; min-width: 0; margin: 0; font: 500 .9375rem/1.35 var(--f-ui); text-wrap: pretty; hyphens: manual; -webkit-hyphens: manual; } .proverka-tekst b { font-weight: 700; } .proverka-knopka { flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 20px; border: 0; border-radius: 999px; background: var(--proverka-knopka); color: var(--proverka-knopka-tekst); box-shadow: inset 0 0 0 2px var(--proverka-kolco); font: 600 .9375rem/1.2 var(--f-ui); white-space: nowrap; cursor: pointer; transition: background-color .15s ease, color .2s ease, box-shadow .2s ease, transform .1s ease; } .proverka-knopka:hover { background: var(--proverka-knopka-2); } .proverka-knopka:active { transform: scale(.97); } .proverka-knopka[aria-busy="true"] { cursor: progress; } .pk-galka { display: none; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; } .pk-idet, .pk-posle, .pp-posle { display: none; } .proverka-knopka[aria-busy="true"] .pk-do { display: none; } .proverka-knopka[aria-busy="true"] .pk-idet { display: inline; } /* ---------- 3. после нажатия: «Опубликовано», полоса гаснет и сворачивается ---------- */ .proverka-polosa.opublikovano { background: var(--fon-2); color: var(--tekst); --fokus: var(--akcent-t); } .opublikovano .pp-do, .opublikovano .pk-do, .opublikovano .pk-idet { display: none; } .opublikovano .pp-posle, .opublikovano .pk-posle { display: inline; } .opublikovano .pk-galka { display: block; } .opublikovano .proverka-knopka, .opublikovano .proverka-knopka:hover { background: transparent; color: var(--akcent-t); box-shadow: none; cursor: default; transform: none; padding: 0 4px; } /* Агент КТГ: полоса не сворачивается — в ней ссылка на опубликованную статью (закрытый адрес после публикации пропадает) */ @keyframes proverka-gasnet { to { grid-template-rows: 0fr; opacity: 0; visibility: hidden; } } /* при «меньше движения» полоса остаётся тихой строкой «Опубликовано» до перехода на другую страницу */ /* ---------- узкий телефон ---------- */ @media (max-width: 439px) { .proverka-ryad { gap: 12px; } .proverka-tekst { font-size: .875rem; } .proverka-knopka { padding: 0 16px; } } /* ---------- печать и PDF: владельцу полоса в PDF не нужна, цвет заголовка — обычный ---------- */ @media print { .proverka-polosa { display: none !important; } .na-proverke { color: inherit !important; } } .pp-posle a { color: inherit; text-decoration: underline; }