/* nolmus tema belirteçleri. Sayfa yapısı statik/yapi.css'tedir; renk, yazı tipi ve yazı tipi dosyaları yalnız buradan. Tema seçimi . Varsayılan MANŞET (gazete; tasarim/secenekler_261026/4-manset.html). Yeni tema aynı kalıpla eklenir: html[data-tema="matris"] { …aynı belirteç adları… } (Kart 96). */ /* Temasız sayfa: nötr varsayılan (hiçbir tema seçilmezse de okunur kalsın). */ :root { --zemin: #ffffff; --zemin-2: #f3f3f3; --zemin-3: #e2e2e2; --metin: #111111; --metin-2: #3a3a3a; --soluk: #5f5f5f; --cizgi: #d6d6d6; --vurgu: #8b1a1a; --vurgu-koyu: #6a1313; --vurgu-metin: #ffffff; --serit-cizgi: rgba(255, 255, 255, 0.55); --yazi-govde: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --yazi-rakam: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; --yazi-manset: "Arial Narrow", Impact, system-ui, sans-serif; /* punto cetveli: taslağın p0…p9'u */ --p0: 12px; --p1: 14px; --p2: 16px; --p3: 21px; --p4: 28px; --p5: 38px; --p6: 50px; --p7: 67px; --p8: 90px; --p9: 120px; --oluk: 24px; --sutun-ic: 20px; color-scheme: light; } /* ——— MANŞET yazı tipleri: yerel woff2, latin + latin-ext (ğışçöüİ), dış CDN yok (CSP default-src 'self') ——— */ @font-face { font-family: "Sofia Sans Extra Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url(/statik/yazi/sofia-sans-extra-condensed-800-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Sofia Sans Extra Condensed"; font-style: normal; font-weight: 800; font-display: swap; src: url(/statik/yazi/sofia-sans-extra-condensed-800-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Newsreader değişken yazı tipi (opsz 6..72, wght); tek dosya 400 ve 700'ü taşır */ @font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/statik/yazi/newsreader-normal-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Newsreader"; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/statik/yazi/newsreader-normal-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400; font-display: swap; src: url(/statik/yazi/newsreader-italic-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Newsreader"; font-style: italic; font-weight: 400; font-display: swap; src: url(/statik/yazi/newsreader-italic-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 400; font-display: swap; src: url(/statik/yazi/courier-prime-400-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 400; font-display: swap; src: url(/statik/yazi/courier-prime-400-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 700; font-display: swap; src: url(/statik/yazi/courier-prime-700-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Courier Prime"; font-style: normal; font-weight: 700; font-display: swap; src: url(/statik/yazi/courier-prime-700-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ——— MATRİS yazı tipleri (Kart 96): Doto (nokta matris; ROND 100 / 800 gömülü statik) ekran yüzü, Martian Mono (değişken 100–800, wdth 87,5 gömülü) gövde ve rakam. Tarayıcı bir @font-face dosyasını yalnız o aileyi kullanan metin varsa ister: gazete okuru bu dört dosyayı indirmez. ——— */ @font-face { font-family: "Doto"; font-style: normal; font-weight: 800; font-display: swap; src: url(/statik/yazi/doto-800-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Doto"; font-style: normal; font-weight: 800; font-display: swap; src: url(/statik/yazi/doto-800-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Martian Mono"; font-style: normal; font-weight: 100 800; font-display: swap; src: url(/statik/yazi/martian-mono-latin-ext.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Martian Mono"; font-style: normal; font-weight: 100 800; font-display: swap; src: url(/statik/yazi/martian-mono-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* ——— tema seçici (taban.html kulak satırı, sağ üst; JS'siz sayfada gizli kalır) ——— */ .tema-secici { display: inline-flex; gap: 4px; margin-left: 10px; vertical-align: baseline; } .tema-secici button { font: inherit; font-size: 11px; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; background: transparent; color: inherit; border: 1px solid currentColor; padding: 1px 6px 0; cursor: pointer; } .tema-secici button[aria-pressed="true"] { background: var(--metin); color: var(--zemin); } /* ——— MANŞET: 70'ler–80'ler Türk gazete mizanpajı. Kırık beyaz kâğıt, mürekkep, TEK gazete kırmızısı. Köşe yarıçapı 0, gölge yok, ikon yok; ayrım aile / ağırlık / büyüklük / kaşe ile. ——— */ html[data-tema="manset"] { --zemin: #F2F1EC; --zemin-2: #E9E7E0; --zemin-3: #DAD7CE; --metin: #121212; --metin-2: #3F3F3F; --soluk: #6E6C67; --cizgi: #C8C5BD; --vurgu: #C41E2A; --vurgu-koyu: #951421; --vurgu-metin: #FFFFFF; --serit-cizgi: rgba(255, 255, 255, 0.55); --yazi-manset: "Sofia Sans Extra Condensed", "Arial Narrow", Impact, sans-serif; --yazi-govde: "Newsreader", Georgia, "Times New Roman", serif; --yazi-rakam: "Courier Prime", "Courier New", monospace; color-scheme: light; } /* ——— MATRİS: döviz bürosu LED panosu (tasarim/secenekler_261026/2-matris.html). Ömer'in formülü (bağlayıcı): (1) GÖRSEL YOK — fotoğraf ve SVG çizim gizli, yerini metin ve sayı alır, boşluk kalmaz; (2) GENİŞ PALET, renk anlam taşır — kazık KIRMIZI · Türkiye ucuz YEŞİL · verinin yaşı ve uyarı SARI (kehribar LED) · sayaç ve bilgi SOĞUK (buz mavisi); gövde metni sıcak beyaz LED; (3) YAZILARIN ARKASINDA PARILTI — text-shadow katmanları (--isik*), yanıp sönme yok, hareket yok. Fiyat geçmişi grafiği veridir, kalır (TR kırmızı, dünya soğuk, ikinci el sarı). Ekran yüzü Doto yalnız büyük puntoda; küçük etikette nokta matris okunmaz, orada Martian Mono. ——— */ html[data-tema="matris"] { color-scheme: dark; --zemin: #000000; --zemin-2: #0b0808; --zemin-3: #1b1512; --metin: #ece7dc; --metin-2: #c9c2b4; --soluk: #857d70; --cizgi: #27211e; --vurgu: #ff3b2b; --vurgu-koyu: #b5362a; --vurgu-metin: #000000; --ucuz: #3dff6e; --uyari: #ffb000; --uyari-kisik: #a8760c; --bilgi: #4fd8ff; --serit-cizgi: rgba(255, 59, 43, 0.35); --isik: 0 0 .09em rgba(255, 244, 226, 0.55), 0 0 .36em rgba(255, 244, 226, 0.22); --isik-vurgu: 0 0 .09em rgba(255, 59, 43, 0.75), 0 0 .36em rgba(255, 59, 43, 0.40); --isik-ucuz: 0 0 .09em rgba(61, 255, 110, 0.70), 0 0 .36em rgba(61, 255, 110, 0.35); --isik-uyari: 0 0 .09em rgba(255, 176, 0, 0.70), 0 0 .36em rgba(255, 176, 0, 0.35); --isik-bilgi: 0 0 .09em rgba(79, 216, 255, 0.70), 0 0 .36em rgba(79, 216, 255, 0.35); --yazi-ekran: "Doto", "Martian Mono", ui-monospace, Consolas, monospace; --yazi-manset: "Martian Mono", ui-monospace, Consolas, "Courier New", monospace; --yazi-govde: "Martian Mono", ui-monospace, Consolas, "Courier New", monospace; --yazi-rakam: "Martian Mono", ui-monospace, Consolas, "Courier New", monospace; } /* gövde ve parıltı */ html[data-tema="matris"] body { font-size: 15px; text-shadow: var(--isik); } html[data-tema="matris"] :is(h1, h2, h3, h4) { letter-spacing: .04em; line-height: 1.05; } html[data-tema="matris"] :is(.kase, .etiket, .kulak-satir, .kulak h4, .kulak dt, .bolumler, .ara-etiket, .dugme, button[type="submit"], .serit-etiket, .satirbasi, .mini th, .vit-sayi dt, .kart dt, .ozet dt, .tablo th, .tanim dt, .suzgec label, .devam) { font-family: var(--yazi-govde); font-weight: 700; letter-spacing: .12em; } html[data-tema="matris"] :is(.logo-ad, .manset, .manset-2, .sayfa-baslik, .haber-baslik, .haber-alt, .makale h2, .ust-satir .buyuk, .vit-oran, .vit-ad) { font-family: var(--yazi-ekran); font-weight: 800; letter-spacing: .03em; } html[data-tema="matris"] .govde p:first-child::first-letter { font-family: var(--yazi-ekran); color: var(--vurgu); text-shadow: var(--isik-vurgu); } html[data-tema="matris"] :is(.vit-sayi dt, .kart dt, .mini th, .tablo th, .ozet dt, .tanim dt, .satirbasi, .kulak dt, .suzgec label) { color: var(--soluk); text-shadow: none; } html[data-tema="matris"] :is(.tablo-not, .tablo .alt, .ozet .acik, figcaption, .yol, .iz, .ust-satir .ayr, .spot-2, .vit-ad small, .kulak h4 small) { font-style: normal; color: var(--soluk); } html[data-tema="matris"] :is(.yol b, .iz b, .ust-satir .ayr b, .spot-2 b) { color: var(--metin); } /* çizgiler: mürekkep yerine sönük LED teli; kulak ve künye tek çerçeve */ html[data-tema="matris"] :is(.kulak-satir, .logo-satir, .kulak, .kunye, .bolumler, .ara, .manset-blok, .sutun, .sag-ray, .haber-alt, .mini th, .ust-satirlar, .ust-satir, .spot-2, .tablo th, .suzgec, .makale h2, .alt-cizgi, .kart, .grup-ust .sutun:last-child) { border-color: var(--cizgi); } html[data-tema="matris"] :is(.kulak, .kunye) { outline: 0; background: var(--zemin-2); } html[data-tema="matris"] .kart { border: 1px solid var(--cizgi); padding: 10px 12px 12px; background: var(--zemin-2); } html[data-tema="matris"] .kart-ad { margin-top: 0; } /* (1) görsel yok: fotoğraf, çizim, çerçeve ve görsel ızgaraları gizli; yerleşim metne kapanır */ html[data-tema="matris"] :is(img, .manset-foto, .vit-foto, .modeller-izgara, .urun-gorseller, .cerceve, .kart > a[aria-hidden="true"]) { display: none !important; } html[data-tema="matris"] :is(.manset-yerlesim, .model-yerlesim) { grid-template-columns: 1fr; } html[data-tema="matris"] .vit { grid-template-columns: auto 1fr auto; grid-template-areas: "sira ad oran" "sira sayi sayi"; } /* ters bloklar (gazetede siyah dolgu) → LED'de çerçeve ve ışık */ html[data-tema="matris"] .kase { background: transparent; color: inherit; border: 1px solid currentColor; padding: 2px 7px 1px; } /* LED yazısı geniş: üst satırın etiket sütunu (yapı 150px) "DÜNYA EN DÜŞÜK"ü taşırıyordu (26.10 canlı ekran) */ html[data-tema="matris"] .ust-satir { grid-template-columns: max-content auto 1fr; } html[data-tema="matris"] .ust-satir .kase { white-space: nowrap; } html[data-tema="matris"] .kase.kirmizi { color: var(--vurgu); text-shadow: var(--isik-vurgu); } html[data-tema="matris"] :is(.kase-bar, .sayfa-bar) { background: transparent; color: var(--vurgu); text-shadow: var(--isik-vurgu); border-top: 1px solid var(--vurgu-koyu); border-bottom: 1px solid var(--cizgi); padding-left: 0; padding-right: 0; font-family: var(--yazi-govde); font-weight: 700; letter-spacing: .07em; } html[data-tema="matris"] :is(.kase-bar small, .sayfa-bar .rakam) { color: var(--bilgi); text-shadow: var(--isik-bilgi); font-style: normal; font-family: var(--yazi-govde); letter-spacing: 0; } html[data-tema="matris"] .sayfa-bar .orta { color: var(--metin); text-shadow: var(--isik); } html[data-tema="matris"] :is(.dugme, button[type="submit"]) { background: var(--zemin); color: var(--vurgu); border: 1px solid var(--vurgu-koyu); text-shadow: var(--isik-vurgu); } html[data-tema="matris"] :is(.dugme, button[type="submit"]):hover { background: var(--vurgu); color: var(--vurgu-metin); border-color: var(--vurgu); text-shadow: none; } html[data-tema="matris"] .dugme.ikincil { background: transparent; color: var(--metin); border-color: var(--cizgi); text-shadow: var(--isik); } html[data-tema="matris"] .dugme.ikincil:hover { background: var(--vurgu); color: var(--vurgu-metin); border-color: var(--vurgu); text-shadow: none; } html[data-tema="matris"] ::selection { background: var(--vurgu); color: var(--vurgu-metin); text-shadow: none; } html[data-tema="matris"] :is(.ara input, input[type="search"]) { color: var(--metin); caret-color: var(--vurgu); border-bottom-color: var(--vurgu-koyu); } html[data-tema="matris"] :is(.ara input, input[type="search"]):focus { border-bottom-color: var(--vurgu); } html[data-tema="matris"] :is(.suzgec select, select) { background: var(--zemin-2); border-color: var(--cizgi); } html[data-tema="matris"] .tema-secici button { color: var(--vurgu-koyu); border-color: var(--vurgu-koyu); text-shadow: none; } html[data-tema="matris"] .tema-secici button[aria-pressed="true"] { background: var(--vurgu); color: var(--vurgu-metin); border-color: var(--vurgu); } /* üst satır, logo, kulaklar, gezinti: sayaçlar SOĞUK, verinin yaşı ve BAYAT SARI, marka KIRMIZI */ html[data-tema="matris"] .kulak-satir { color: var(--soluk); } html[data-tema="matris"] :is(.kulak-satir .rakam, .kulak dd, .kat .rakam, .alt-cizgi .rakam, .kaynak, .tanim dd, .vit .sira, code) { color: var(--bilgi); text-shadow: var(--isik-bilgi); font-style: normal; } html[data-tema="matris"] :is(.kulak dd[data-yas], .serit-zaman, .kase[data-bayat]) { color: var(--uyari); text-shadow: var(--isik-uyari); border-color: var(--uyari); } html[data-tema="matris"] .logo-ad { color: var(--vurgu); text-shadow: var(--isik-vurgu); font-size: var(--p8); } html[data-tema="matris"] .logo-ad span { font-family: var(--yazi-govde); font-style: normal; font-weight: 400; color: var(--vurgu-koyu); } html[data-tema="matris"] .slogan { font-style: normal; font-size: var(--p1); color: var(--soluk); letter-spacing: .04em; } html[data-tema="matris"] .bolumler a { color: var(--metin-2); border-left-color: var(--cizgi); } html[data-tema="matris"] :is(.bolumler a:hover, .bolumler a[aria-current]) { color: var(--vurgu); text-shadow: var(--isik-vurgu); } /* son dakika şeridi: kırmızı LED bant, etiketi dolu kırmızı */ html[data-tema="matris"] .serit { background: var(--zemin-2); color: var(--vurgu); text-shadow: var(--isik-vurgu); border-top: 1px solid var(--vurgu-koyu); border-bottom: 1px solid var(--vurgu-koyu); } html[data-tema="matris"] .serit-etiket { background: var(--vurgu); color: var(--vurgu-metin); text-shadow: none; } html[data-tema="matris"] .serit-bant .oge .r { opacity: 1; color: var(--metin); text-shadow: var(--isik); } /* manşet, kazık cümlesi, kazık sayıları: KIRMIZI */ html[data-tema="matris"] .manset { color: var(--vurgu); text-shadow: var(--isik-vurgu); line-height: 1; letter-spacing: .02em; } html[data-tema="matris"] .kazik { color: var(--vurgu); text-shadow: var(--isik-vurgu); } html[data-tema="matris"] .vit-oran { color: var(--vurgu); text-shadow: var(--isik-vurgu); } html[data-tema="matris"] .kunye h3 { color: var(--vurgu); text-shadow: var(--isik-vurgu); } html[data-tema="matris"] .devam { color: var(--vurgu); text-shadow: var(--isik-vurgu); } html[data-tema="matris"] .devam:hover { color: var(--vurgu-metin); text-shadow: none; } html[data-tema="matris"] :is(.vit:hover, .tablo tbody tr:hover) { border-left-color: var(--vurgu); } /* Türkiye ucuz: YEŞİL — ucuz cümlesi ve eksi kazık hücreleri (matris.js data-yon="ucuz" işaretler), Ucuz kaşesi, ucuz listesi */ html[data-tema="matris"] :is([data-yon="ucuz"], [data-yon="ucuz"] .kazik, [data-yon="ucuz"] .soluk, .kase.cizgili, .ucuz .ayr i, .ucuz li:has(.kase.cizgili) .ad a) { color: var(--ucuz); text-shadow: var(--isik-ucuz); font-style: normal; } /* uyarı: SARI — ikinci el, boş durum, bugün ilanı olmayan satır, "ilanı yok" */ html[data-tema="matris"] .etiket--ikinci { color: var(--uyari); text-shadow: var(--isik-uyari); } html[data-tema="matris"] .tablo tr.ikinci-el td.ana a { text-decoration-color: var(--uyari); } html[data-tema="matris"] .bos { border-color: var(--uyari-kisik); color: var(--uyari); text-shadow: var(--isik-uyari); font-style: normal; } html[data-tema="matris"] :is(.tablo .yok, .tablo tr.solgun td) { color: var(--uyari-kisik); font-style: normal; } /* sağ ray çubukları, grafik, makale */ html[data-tema="matris"] .kat .cubuk { background: var(--zemin-3); } html[data-tema="matris"] .kat .cubuk i { background: var(--bilgi); } html[data-tema="matris"] .seri-dunya { color: var(--bilgi); } html[data-tema="matris"] .seri-ikinci { color: var(--uyari); } html[data-tema="matris"] .eksen-yazi { fill: var(--soluk); } html[data-tema="matris"] .makale { color: var(--metin-2); font-size: 15px; } @media (max-width: 640px) { html[data-tema="matris"] .logo-ad { font-size: var(--p7); } html[data-tema="matris"] .vit { grid-template-columns: auto 1fr; grid-template-areas: "sira ad" "sira oran" "sira sayi"; } }