/* ── Faz 6 PT8 (2026-10-15): program-theme.css'in SON taşınabilir bloğu — «Kişiye özel tema» (Trabzonspor): forma şeridi + aktif modül + yem tablosu başlığı + odak halkası kenarı + ikincil düğmeler + kart ayracı + altbilgi sloganı (`.temaAltbilgi`). Kural/seçici/değer/yorum/@media sarmalayıcısı/sıra aynı; kaynak: HEAD pt 818-847 + 851-934 (araya giren D45 mezar yorumu pt'de kaldı). Hepsi `:root[data-tema=…]` önekli ya da JS'in yalnız tema varken ürettiği `.temaAltbilgi`; tema seçili değilken hiçbir piksel değişmez (tests/test_kisisel_tema_v2.py). YÜKLEME SIRASI KASKAD GEREĞİ: tema `.topbar` (ust-bar) · `.modul.aktif` (kagit-bar) · `.feedtable thead th` (rasyon tablosu) sahiplerinin kuralını EZER, eskiden pt'nin EN SONUNDAydı → bu dosya pt'yi yükleyen 12 sayfanın HEPSİNDE program-theme.css'in HEMEN SONRASINDA yüklenir (tests/_css_pt_sira.py tablosu yalnız pt'den ÖNCEKİleri sıralar). Bekçi: tests/test_ortak_css_tema_trabzonspor.py ── */ /* FORMA ŞERİDİ (2026-09-04, Gökhan): barın üst kenarında bordo-mavi çapraz çizgi — formanın DESENİ, arma değil (arma tescilli; arayüze girmez). ⚠️ Bar KÂĞIT kalır: "iki koyu kütle" ölçümü (kagit-bar bloğu) bu temada da geçerli; bordo bar yerine 5px şerit. `.topbar` sticky → ::before ona göre konumlanır. */ :root[data-tema="trabzonspor"] .topbar { border-top: 5px solid transparent; background-clip: padding-box; } :root[data-tema="trabzonspor"] .topbar::before { content: ""; position: absolute; inset: -5px 0 auto 0; height: 5px; background: repeating-linear-gradient( 135deg, #7d1230 0 14px, #1f4d9c 14px 28px); pointer-events: none; } /* Aktif modül bölmesi: bordo yazı + lacivert alt çizgi. */ :root[data-tema="trabzonspor"] body.kagit-bar .modul.aktif { color: var(--vurgu); box-shadow: 0 1px 2px rgba(38, 33, 28, 0.10), 0 2px 6px rgba(38, 33, 28, 0.06), inset 0 -2px 0 var(--tema-lacivert); } /* Yem tablosu başlığı: ince lacivert çizgi. */ :root[data-tema="trabzonspor"] .feedtable thead th { border-bottom: 1px solid var(--tema-lacivert); } /* ═══════════════════════════════════════════════════════════════════════ KİŞİYE ÖZEL TEMA v2 (2026-09-04, Gökhan onayı) — beş dokunuş ⛔ Buradaki HER kural ya `[data-tema="trabzonspor"]` kapsamındadır ya da YALNIZ tema varken JS'in ürettiği bir sınıfa (`.temaAltbilgi`, `.rep-arma`, `.rep-ithaf`) bakar. Tema seçili değilken hiçbir piksel değişmez — `tests/test_kisisel_tema_v2.py` bunu çiviliyor. ⚠️ DURUM RENKLERİ (yeşil/sarı/kırmızı kadranlar, geçit, uyarı) burada da DOKUNULMAZ; anlam taşıyorlar. ═══════════════════════════════════════════════════════════════════════ */ /* ── (2) ODAK HALKASI — lacivert ────────────────────────────────────── Halkanın kendisi `--focus` token'ından geliyor (yukarıda tema bloğunda lacivertle ezildi); burada yalnız KENAR rengi. Kapsanan kurallar: styles.css `input/select/button:focus-visible`, program-theme.css `input/select/textarea:focus` (+ `body.herd-page` kopyası), `.senaryo[role=button]:focus-visible` ve `.feedtable input.num:focus`. ⛔ `--brand` GENELİNE dokunulmadı: o token gradyan ve dolgu da besliyor; tarif "odak halkası" dedi, gradyan demedi. */ :root[data-tema="trabzonspor"] input:focus, :root[data-tema="trabzonspor"] select:focus, :root[data-tema="trabzonspor"] textarea:focus, :root[data-tema="trabzonspor"] button:focus-visible, :root[data-tema="trabzonspor"] .senaryo[role="button"]:focus-visible, :root[data-tema="trabzonspor"] .feedtable input.num:focus { border-color: var(--tema-lacivert); } /* ── (2) İKİNCİL DÜĞMELER — lacivert yazı, hover'da bordo ───────────── `.act.primary` (bordo dolgu) DEĞİŞMEZ: birincil eylem tek ve bordo. ⛔ `.act.danger` de değişmez — o bir DURUM düğmesi (kırmızı anlam taşır). ⚠️ Zemin `--card`: ikisinin de zeminini bu dosya (yukarıda, `button.act.ghost, button.act.warn`) `--card`a çeviriyor — styles.css'teki `--surface-soft` DEĞİL. Ölçüm o yüzden tarayıcıdan doğrulanmış değerle: açık lacivert #1f4d9c / --card #fdfbf9 = 7,82:1 açık hover bordo #7d1230 / #fdfbf9 = 10,17:1 koyu lacivert #6f9be0 / --card #1e1915 = 6,17:1 koyu hover bordo #e88aa6 / #1e1915 = 7,15:1 (styles.css yedeği `--surface-soft` üstünde en düşük 5,71:1.) En düşüğü 5,71:1 — eşik 4,5:1. */ :root[data-tema="trabzonspor"] button.act.ghost, :root[data-tema="trabzonspor"] a.act.ghost, :root[data-tema="trabzonspor"] button.act.warn, :root[data-tema="trabzonspor"] a.act.warn { color: var(--tema-lacivert); transition: color var(--ease), background-color var(--ease), border-color var(--ease); } :root[data-tema="trabzonspor"] button.act.ghost:hover, :root[data-tema="trabzonspor"] a.act.ghost:hover, :root[data-tema="trabzonspor"] button.act.warn:hover, :root[data-tema="trabzonspor"] a.act.warn:hover { color: var(--vurgu); border-color: var(--vurgu); } /* ── (4) KART AYRAÇLARI — başlık altında bordo kılcal ───────────────── ⛔ Kalınlık 1px KALIR: 1px'in üstündeki renkli kenar "kostüm"dür (craft-floor). Yalnız rengi değişiyor, kalınlığı değil. */ :root[data-tema="trabzonspor"] .card h2, :root[data-tema="trabzonspor"] .feedtable thead th { border-bottom-color: var(--tema-ayrac); } /* ── (3) ALTBİLGİ SLOGANI ───────────────────────────────────────────── Sessiz: küçük punto, `--muted` mürekkep, üstünde kılcal ayraç. Metin sunucudan gelir (`tema.slogan`); alan boşsa common.js bu öğeyi HİÇ yaratmaz, yani bu kurallar da ölüdür. Yazdırmada görünmez — rapor çıktısının kendi altbilgisi var. */ .temaAltbilgi { margin: 26px auto 14px; padding-top: 12px; max-width: 1180px; border-top: 1px solid var(--tema-ayrac, var(--line)); color: var(--muted); font-size: 11.5px; font-weight: var(--agirlik-metin, 400); letter-spacing: 0.06em; text-align: center; text-transform: uppercase; } @media print { .temaAltbilgi { display: none !important; } }