/* ============================================================================= Tedavül — PASTEL TEMA (sitenin teması, 2026-09-24'ten beri yayında) ----------------------------------------------------------------------------- html.pastel sınıfı altında çalışır; tema.css'in üstüne biner. Sayfaların 'inde en son stil dosyası olarak bağlıdır (); haber ve 404 sayfaları için lib/sablon.js aynı çatıyı kurar. Dil: kâğıt zemin + pastel lekeler, koyu mürekkep kenarlı kartlar ve sağ alta kaydırılmış "baskı" gölgesi, kare ikon kutuları, her başlığın kendi pastel rengi, başlıkların üstüne gelince fosforlu kalem vurgusu. Kırmızı vurgu yok; hiçbir şey yanıp sönmez. Görseller: /css/pastel/ (ikonlar, yan süslemeler, altbilgi tırtığı). Eski temaya dönmek için sayfalardaki pastel.css bağlantısı ve html'deki pastel sınıfı ile kabuk.js'teki PASTEL TEMA bloğu kaldırılır. ============================================================================= */ /* ============================================================ 0. RENKLER */ html.pastel{ --murekkep:#2B2A33; --ikincil:#4F4C5A; --soluk:#7B7788; --cizgi:rgba(43,42,51,.14); --cizgi-koyu:rgba(43,42,51,.3); /* Zemin beyaza çekildi (2026-09-24, onay sonrası): sarımsı krem yerine neredeyse beyaz — #F9F6F0 → #FCFCFA, kartlar #FFFDF8 → #FFFFFF */ --zemin:#FFFFFF; --bant:#F3F3F0; --zemin-sayfa:#FCFCFA; /* Eski "kırmızı" vurgu artık koyu hardal: beyaz ve krem zeminde okunur */ --kirmizi:#8A6100; --kirmizi-koyu:#6E4D00; --mavi:#4B47B8; --mavi-koyu:#3A3696; --cam:rgba(255,255,255,.94); --cam-kenar:1.5px solid #2B2A33; --cam-golge:3px 4px 0 rgba(43,42,51,.9); /* Sarılar %15 daha az doygun: tereyağı #FBE7A1 → #F5E5B2, hardal #E8B64A → #DCB256. Sarı artık yalnızca imza öğelerde (fosforlu kalem, etiket, yıldız); düğmeler, sekmeler, filtreler ve saatler nane / lavanta / pudra / şeftaliye dağıtıldı. */ --p-tereyag:#F5E5B2; --p-nane:#CDEBDD; --p-seftali:#F8D9C8; --p-lavanta:#DED6F3; --p-pudra:#D3E6F6; --p-pembe:#F4DCE5; --p-hardal:#DCB256; --p-golge:5px 6px 0 #2B2A33; --p-golge-k:3px 3px 0 #2B2A33; --p-kenar:2px solid #2B2A33; /* Her ana başlığın kendi rengi: etiket, bölüm ve kategori başlığı bunu kullanır */ --k-gundem:#F5E5B2; --k-dunya:#D3E6F6; --k-ekonomi:#CDEBDD; --k-politika:#E3E0F7; --k-istanbul:#F8D9C8; --k-teknoloji:#C9E9EF; --k-spor:#E2EDCB; --k-yeme-icme:#F7E0C3; --k-seyahat:#D6E4FF; --k-yasama-dair:#F4DCE5; --k-ilim:#F1E4D3; --k-ozel:#CBEDEF; scrollbar-color:#2B2A33 transparent; } /* Ikonlar CSS'e GOMULU (kaynak dosyalar: css/pastel/ikon-*.svg). Ayri dosya olarak yuklendiklerinde sayfa boyandiktan sonra ~23 istek daha gidiyor, ikon kutulari ve logo once bos gorunup sonra beliriyordu. Her ikon burada bir kez tanimli. */ html.pastel{ --pi-alev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4c.8 4.6 7.5 7.4 7.5 14a7.5 7.5 0 0 1-15 0c0-3.6 1.8-5.8 3.2-7.6.6 2.6 1.8 3.8 3.6 4-.4-4 .2-7.3.7-10.4z' fill='%23fff'/%3E%3Cpath d='M16 26.5c-2.3 0-3.8-1.6-3.8-3.7 0-2 1.3-3.2 2.6-4.6.3 1.6 1 2.2 2 2.4.3-1 .9-1.8 1.8-2.4 1 1.6 1.4 3 1.4 4.6 0 2.1-1.6 3.7-4 3.7z' fill='%23DCB256'/%3E%3C/svg%3E"); --pi-balon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8.5A2.5 2.5 0 0 1 7.5 6h14A2.5 2.5 0 0 1 24 8.5v8a2.5 2.5 0 0 1-2.5 2.5H13l-5 4v-4h-.5A2.5 2.5 0 0 1 5 16.5z' fill='%23fff'/%3E%3Cg fill='%23DCB256' stroke='none'%3E%3Ccircle cx='10.5' cy='12.5' r='1.6'/%3E%3Ccircle cx='14.5' cy='12.5' r='1.6'/%3E%3Ccircle cx='18.5' cy='12.5' r='1.6'/%3E%3C/g%3E%3Cpath d='M26.5 12.5V20a2 2 0 0 1-2 2H24v3.5L20 22' /%3E%3C/svg%3E"); --pi-bavul:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10' width='22' height='16.5' rx='3.5' fill='%23fff'/%3E%3Cpath d='M12 10V7.5A1.5 1.5 0 0 1 13.5 6h5A1.5 1.5 0 0 1 20 7.5V10M10.5 10v16.5M21.5 10v16.5'/%3E%3Ccircle cx='16' cy='18.2' r='2.8' fill='%23DCB256'/%3E%3C/svg%3E"); --pi-buyutec:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='14' r='8.2' fill='%23fff'/%3E%3Cpath d='M20.2 20.2l6.3 6.3' stroke-width='3'/%3E%3Cpath d='M10.2 12.2a4.2 4.2 0 0 1 3.6-2.6' stroke='%23DCB256' stroke-width='2.4'/%3E%3C/svg%3E"); --pi-catal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='17' r='8.3' fill='%23fff'/%3E%3Ccircle cx='16' cy='17' r='4.8' fill='%23DCB256'/%3E%3Cpath d='M4.5 6v4.5a2 2 0 0 0 4 0V6M6.5 12.5V27'/%3E%3Cpath d='M27.5 6c-1.9 1-2.7 3.6-2.7 6.6v2.2h2.7V27'/%3E%3C/svg%3E"); --pi-cip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8.5' y='8.5' width='15' height='15' rx='3' fill='%23fff'/%3E%3Crect x='12.5' y='12.5' width='7' height='7' rx='1.5' fill='%23DCB256'/%3E%3Cpath d='M13 5v3.5M19 5v3.5M13 23.5V27M19 23.5V27M5 13h3.5M5 19h3.5M23.5 13H27M23.5 19H27'/%3E%3C/svg%3E"); --pi-dunya:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='10.5' fill='%23fff'/%3E%3Cpath d='M5.5 16h21M7.8 10.5h16.4M7.8 21.5h16.4' stroke-opacity='.45'/%3E%3Cpath d='M16 5.5c3.2 3 4.5 6.6 4.5 10.5s-1.3 7.5-4.5 10.5c-3.2-3-4.5-6.6-4.5-10.5S12.8 8.5 16 5.5z'/%3E%3Ccircle cx='21.5' cy='10.5' r='2.6' fill='%23DCB256'/%3E%3C/svg%3E"); --pi-gazete:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8.5A1.5 1.5 0 0 1 7.5 7h14A1.5 1.5 0 0 1 23 8.5V24a3 3 0 0 0 3 3H9a3 3 0 0 1-3-3z' fill='%23fff'/%3E%3Cpath d='M23 12h2.5a.5.5 0 0 1 .5.5V24a3 3 0 0 1-3 3' fill='%23fff'/%3E%3Crect x='9.5' y='10.5' width='10' height='5' rx='1' fill='%23DCB256'/%3E%3Cpath d='M9.5 19h10M9.5 22.5h6.5'/%3E%3C/svg%3E"); --pi-grafik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='6' width='22' height='20' rx='3.5' fill='%23fff'/%3E%3Cpath d='M10 22v-3M14.5 22v-5M19 22v-4M23.5 22v-7' stroke='%23DCB256' stroke-width='3'/%3E%3Cpath d='M9 14.5l4.5-4 4 2.5 5.5-5'/%3E%3Cpath d='M19.5 8h3.5v3.5'/%3E%3C/svg%3E"); --pi-gunes:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='16' r='6' fill='%23DCB256'/%3E%3Cpath d='M16 3.5v3M16 25.5v3M3.5 16h3M25.5 16h3M7.2 7.2l2.1 2.1M22.7 22.7l2.1 2.1M7.2 24.8l2.1-2.1M22.7 9.3l2.1-2.1'/%3E%3C/svg%3E"); --pi-kalem:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4l7 9.5-7 14.5-7-14.5z' fill='%23fff'/%3E%3Cpath d='M9 13.5h14' stroke-opacity='.5'/%3E%3Cpath d='M16 15.5v7'/%3E%3Ccircle cx='16' cy='14.2' r='2' fill='%23DCB256'/%3E%3C/svg%3E"); --pi-kisi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='16' cy='11' r='5' fill='%23fff'/%3E%3Cpath d='M6 27c0-5.5 4.5-9 10-9s10 3.5 10 9z' fill='%23DCB256'/%3E%3C/svg%3E"); --pi-kitap:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 9.5C13 7.5 9 7 5 8v16c4-1 8-.5 11 1.5 3-2 7-2.5 11-1.5V8c-4-1-8-.5-11 1.5z' fill='%23fff'/%3E%3Cpath d='M16 9.5V25'/%3E%3Cpath d='M20 8.3V15l2-1.4 2 1.4V7.7' fill='%23DCB256'/%3E%3C/svg%3E"); --pi-kule:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 27V14.5h10V27' fill='%23fff'/%3E%3Cpath d='M10 14.5L16 4.5l6 10z' fill='%23DCB256'/%3E%3Cpath d='M9 14.5h14M13.5 18.5v2.2M18.5 18.5v2.2M16 23v4M7 27h18'/%3E%3C/svg%3E"); --pi-meclis:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12L16 5.5 27.5 12z' fill='%23DCB256'/%3E%3Cpath d='M5.5 12h21'/%3E%3Cpath d='M8.5 14.5v8M13 14.5v8M19 14.5v8M23.5 14.5v8'/%3E%3Crect x='5' y='23' width='22' height='4' rx='1' fill='%23fff'/%3E%3C/svg%3E"); --pi-posta:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='8' width='22' height='16.5' rx='2.5' fill='%23fff'/%3E%3Cpath d='M5.6 9.4L16 17l10.4-7.6'/%3E%3Ccircle cx='16' cy='20.6' r='2.1' fill='%23DCB256'/%3E%3C/svg%3E"); --pi-simsek:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18.5 4L8 17.5h7.5L13.5 28 24 14.5h-7.5z' fill='%23DCB256'/%3E%3C/svg%3E"); --pi-takvim:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='7.5' width='22' height='19.5' rx='3' fill='%23fff'/%3E%3Cpath d='M5 13v-2.5a3 3 0 0 1 3-3h16a3 3 0 0 1 3 3V13z' fill='%23DCB256'/%3E%3Crect x='5' y='7.5' width='22' height='19.5' rx='3'/%3E%3Cpath d='M11 5v5M21 5v5'/%3E%3Cg fill='%232B2A33' stroke='none'%3E%3Ccircle cx='10.5' cy='18' r='1.3'/%3E%3Ccircle cx='16' cy='18' r='1.3'/%3E%3Ccircle cx='10.5' cy='22.5' r='1.3'/%3E%3C/g%3E%3Crect x='18.8' y='20.3' width='4.6' height='4.2' rx='1' fill='%232B2A33' stroke='none'/%3E%3C/svg%3E"); --pi-top:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 6h12v6a6 6 0 0 1-12 0z' fill='%23DCB256'/%3E%3Cpath d='M10 8H6.5v1.5A3.5 3.5 0 0 0 10 13M22 8h3.5v1.5A3.5 3.5 0 0 1 22 13'/%3E%3Cpath d='M16 18v4'/%3E%3Cpath d='M11 27h10v-2.5a2.5 2.5 0 0 0-2.5-2.5h-5a2.5 2.5 0 0 0-2.5 2.5z' fill='%23fff'/%3E%3Cpath d='M14 9.5v3' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E"); --pi-yaprak:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 27V15'/%3E%3Cpath d='M16 16.5c0-5.5 3.8-9.5 10.5-9.5 0 6.8-4.2 10.5-10.5 10.5z' fill='%23fff'/%3E%3Cpath d='M16 21c-6 0-10.2-3.2-10.2-8.3 5.8-.5 10.2 2.6 10.2 8.3z' fill='%23DCB256'/%3E%3Cpath d='M11 27h10'/%3E%3C/svg%3E"); --pi-yerimi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5h14v22l-7-5-7 5z' fill='%23DCB256'/%3E%3Cpath d='M12.5 9h7' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E"); --pi-yildiz:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4.5l3.4 7 7.6 1.1-5.5 5.4 1.3 7.6L16 22l-6.8 3.6 1.3-7.6L5 12.6l7.6-1.1z' fill='%23DCB256'/%3E%3Cpath d='M13.5 13.8l1.6-.3' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E"); --pi-zil:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%232B2A33' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21.5V15a7 7 0 0 1 14 0v6.5l2 3H7z' fill='%23fff'/%3E%3Cpath d='M13.5 26.5a2.5 2.5 0 0 0 5 0'/%3E%3Ccircle cx='16' cy='6' r='1.7' fill='%23DCB256'/%3E%3C/svg%3E"); --pi-dalga:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 18'%3E%3Cpath d='M0 18a18 18 0 0 1 36 0z' fill='%232B2A33'/%3E%3C/svg%3E"); } /* ============================================================ 1. ZEMİN */ /* Kâğıt: köşelerde pastel lekeler, ince ızgara ve çok hafif gren. Sabit durur. */ html.pastel body{background:var(--zemin-sayfa)} html.pastel body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .17 0 0 0 0 .16 0 0 0 0 .2 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E"), radial-gradient(560px 460px at 4% 14%, rgba(205,235,221,.5), transparent 70%), radial-gradient(620px 500px at 98% 18%, rgba(222,214,243,.48), transparent 70%), radial-gradient(560px 460px at 6% 94%, rgba(250,217,198,.32), transparent 70%), radial-gradient(620px 500px at 96% 92%, rgba(211,230,246,.5), transparent 70%), linear-gradient(rgba(43,42,51,.028) 1px,transparent 1px) 0 0/28px 28px, linear-gradient(90deg,rgba(43,42,51,.028) 1px,transparent 1px) 0 0/28px 28px, var(--zemin-sayfa)} /* Geniş ekranda iki yanda çizgi çizim sahneler (içeriğin dışında kalan boşlukta) */ html.pastel body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;display:none; background:url("pastel/sol.svg") left max(8px, calc((100vw - 1240px) / 2 - 290px)) top 150px / 270px auto no-repeat, url("pastel/sag.svg") right max(8px, calc((100vw - 1240px) / 2 - 290px)) top 130px / 270px auto no-repeat} @media (min-width:1780px){ html.pastel body::after{display:block} } html.pastel ::selection{background:var(--p-tereyag);color:var(--murekkep)} html.pastel ::-webkit-scrollbar-thumb{background:var(--murekkep);background-clip:padding-box} html.pastel :focus-visible{outline:2.5px solid var(--murekkep);outline-offset:2px;border-radius:6px} /* Fosforlu kalem: başlığın üstüne gelince altı çizilmez; kalem soldan sağa çekilir gibi yazının alt yarısı sarıya boyanır (tek seferlik geçiş, yanıp sönme değil; "hareketi azalt" açıkken tema.css geçişi zaten kapatıyor). */ html.pastel .b-dev,html.pastel .b-orta,html.pastel .b-kucuk,html.pastel .sk-manset,html.pastel .canli-satir h2,html.pastel .sd-kutu span{ background-image:linear-gradient(transparent 58%, var(--p-tereyag) 58%, var(--p-tereyag) 92%, transparent 92%); background-repeat:no-repeat;background-size:0% 100%;transition:background-size .45s cubic-bezier(.2,.8,.2,1); -webkit-box-decoration-break:clone;box-decoration-break:clone} html.pastel a:hover .b-dev,html.pastel a:hover .b-orta,html.pastel a:hover .b-kucuk, html.pastel .sk-manset:hover,html.pastel .canli-satir a:hover h2,html.pastel .sd-kutu li a:hover span{ text-decoration:none;background-size:100% 100%} /* ============================================================ 2. KABUK */ /* Piyasa şeridi, başlık çubuğu, sekmeler, son dakika: krem cam + koyu kenar */ html.pastel .serit{border:1.5px solid var(--murekkep);box-shadow:2px 3px 0 var(--murekkep)} html.pastel .s-cip:hover{background:var(--p-tereyag)} html.pastel .s-gz-ust{color:#9A5B00} html.pastel .hesap-btn{box-shadow:2px 3px 0 var(--p-hardal)} html.pastel .hesap-btn:hover{background:#3C3A47} html.pastel .ikon:hover{background:var(--p-tereyag)} html.pastel .bas-menu a:hover{color:var(--murekkep);background:var(--p-tereyag);border-radius:4px} @media (min-width:1100px){ html.pastel .sekmeler{border:1.5px solid var(--murekkep);border-top:0} html.pastel .sekmeler::before{background:var(--cizgi-koyu)} } /* Etkin sekme: ince çizgi yerine yazının arkasında kalın pastel şerit */ html.pastel .sekme{isolation:isolate} html.pastel .sekme::after{height:8px;bottom:12px;background:var(--p-lavanta);z-index:-1;border-radius:3px;opacity:1} html.pastel .sekme:hover::after,html.pastel .sekme-ogesi:focus-within > .sekme::after{transform:scaleX(1);opacity:.6} @media (max-width:1099px){ html.pastel .sekme::after{bottom:9px} } /* Canlı Gündem noktası: kırmızı değil, koyu çerçeveli hardal */ html.pastel .canli-nokta{background:var(--p-hardal);box-shadow:0 0 0 1.5px var(--murekkep)} html.pastel .ck-canli{color:var(--murekkep)} html.pastel .sondakika{background:rgba(255,255,255,.94);border:1.5px solid var(--murekkep);box-shadow:3px 4px 0 var(--murekkep)} /* Son dakika: şeftali — acele hissi verir ama kırmızı değil */ html.pastel .sd-etiket{background:var(--p-seftali);color:var(--murekkep);border:1.5px solid var(--murekkep);border-radius:7px} html.pastel .sd-etiket:hover{background:#F2C6AF} html.pastel .sd-saat{color:var(--murekkep)} html.pastel .sd-etiket i{background:var(--murekkep)} html.pastel .sd-sayi{background:var(--murekkep);color:#fff} html.pastel .sd-yeni{border-radius:5px;background:var(--p-nane);border-color:var(--murekkep);color:var(--murekkep)} html.pastel .sd-panel-ic{background:var(--zemin);border:1.5px solid var(--murekkep);border-top:4px solid var(--murekkep);box-shadow:var(--p-golge)} html.pastel .sd-liste a:hover{background:var(--p-tereyag)} html.pastel .sd-l-gorsel{border:1.5px solid var(--murekkep)} /* Açılır menüler ve şehir menüsü */ html.pastel .s-menu,html.pastel .mini-takvim{background:var(--zemin);border:1.5px solid var(--murekkep);box-shadow:var(--p-golge)} html.pastel .s-menu button:hover{background:var(--p-tereyag)} html.pastel .s-menu button.on{background:var(--murekkep)} html.pastel .acilir-ic{background:var(--zemin);border:1.5px solid var(--murekkep);border-top:4px solid var(--murekkep);box-shadow:var(--p-golge)} html.pastel .acilir-ic a::before{background:var(--p-hardal)} html.pastel .acilir-ic a:hover{background:var(--p-tereyag)} /* Çekmece menü */ html.pastel .cekmece{background:var(--zemin);border-right:2px solid var(--murekkep)} html.pastel .cekmece-ic a:hover,html.pastel .cekmece-ic button.oge:hover{background:var(--p-tereyag)} html.pastel .ck-satir > a::before,html.pastel .cekmece .ck-tek::before{width:5px;background:var(--p-hardal)} html.pastel .ck-altlar > div{background:#F5F4F0} html.pastel .ck-ara{border:1.5px solid var(--murekkep);background:#fff} html.pastel .ck-bildirim.acik .ck-anahtar{background:#0E9F6E} html.pastel .perde{background:rgba(43,42,51,.45)} /* Alt pencere (giriş, arama, bildirim) */ html.pastel .pencere{background:var(--zemin);border:2px solid var(--murekkep);box-shadow:var(--p-golge)} @media (max-width:767px){ html.pastel .pencere{border-bottom:0;box-shadow:0 -4px 0 var(--murekkep)} } html.pastel .sekme-sec{background:var(--p-pudra);border:1.5px solid var(--murekkep)} html.pastel .sekme-sec button.on{background:#fff;box-shadow:2px 2px 0 var(--murekkep)} html.pastel .alan input,html.pastel .alan select,html.pastel .alan textarea{border:1.5px solid var(--murekkep);background:#fff} html.pastel .alan input:focus,html.pastel .alan select:focus,html.pastel .alan textarea:focus{box-shadow:3px 3px 0 var(--p-nane)} html.pastel .hata-kutu{background:var(--p-seftali);color:var(--murekkep);border:1.5px solid var(--murekkep)} html.pastel .secenekler button{border:1.5px solid var(--murekkep);background:#fff;box-shadow:2px 2px 0 var(--murekkep)} html.pastel .secenekler button:hover{background:var(--p-tereyag)} html.pastel .bildiri{border:1.5px solid var(--murekkep);box-shadow:3px 3px 0 var(--p-hardal)} html.pastel .yukleme-cizgisi{background:var(--p-hardal);height:4px} html.pastel .duyuru{background:var(--p-tereyag);border-bottom:1.5px solid var(--murekkep);color:var(--murekkep)} /* ============================================================ 3. ORTAK BİLEŞENLER */ /* Kartlar: pastel/krem zemin + koyu kenar + baskı gölgesi */ html.pastel .kutu, html.pastel .s-ana .yuzey,html.pastel .s-ana .bolum,html.pastel .s-ana .kutu{ background:var(--zemin);border:var(--p-kenar);border-radius:14px;box-shadow:var(--p-golge)} html.pastel .kutu-bas,html.pastel .kutu-alt{border-color:var(--cizgi-koyu)} html.pastel .kutu-bas{border-bottom-style:dashed;border-bottom-width:1.5px} html.pastel .kutu + .kutu{margin-top:24px} /* Kare ikon kutuları: bölüm ve kutu başlıklarındaki kırmızı çubuğun yerine */ html.pastel .bolum-bas h1::before,html.pastel .bolum-bas h2::before, html.pastel .kutu-bas h2::before,html.pastel .kutu-bas h3::before,html.pastel .hava-bas h3::before{ content:"";width:40px;height:40px;flex:0 0 auto;border-radius:10px;border:1.5px solid var(--murekkep); background:var(--p-tereyag) var(--pi-gazete) center/24px no-repeat; box-shadow:2px 2px 0 var(--murekkep);animation:none;transform:none} html.pastel .kutu-bas h2,html.pastel .kutu-bas h3,html.pastel .hava-bas h3{display:flex;align-items:center;gap:10px} html.pastel .kutu-bas h2::before,html.pastel .kutu-bas h3::before,html.pastel .hava-bas h3::before{width:32px;height:32px;background-size:20px;border-radius:9px} html.pastel .hava-bas h3{font-size:16px} html.pastel .yan-piyasa .kutu-bas h3::before{width:28px;height:28px;background-size:18px} /* Başlık ikonları (her bölüm/kutunun kendi ikonu ve rengi) */ html.pastel #bSon::before{background-color:var(--p-tereyag);background-image:var(--pi-yildiz)} html.pastel #bPiyasa::before,html.pastel #bPiyasaYan::before,html.pastel .yan-piyasa .kutu-bas h3::before, html.pastel .pp-kutu .kutu-bas h2::before{background-color:var(--p-pudra);background-image:var(--pi-grafik)} html.pastel #bTakvimTel::before,html.pastel #bTakvimYan::before,html.pastel .tk-kutu .kutu-bas h3::before{background-color:var(--p-lavanta);background-image:var(--pi-takvim)} html.pastel #bSonDakika::before{background-color:var(--p-tereyag);background-image:var(--pi-simsek)} html.pastel #bEncok::before,html.pastel .encok .kutu-bas h3::before{background-color:var(--p-seftali);background-image:var(--pi-alev)} html.pastel .hava-bas h3::before{background-color:var(--p-pudra);background-image:var(--pi-gunes)} html.pastel .yorumlar .bolum-bas h2::before{background-color:var(--p-nane);background-image:var(--pi-balon)} html.pastel .ilgili .bolum-bas h2::before{background-color:var(--p-lavanta);background-image:var(--pi-gazete)} html.pastel #b-gundem::before{background-color:var(--k-gundem);background-image:var(--pi-gazete)} html.pastel #b-dunya::before{background-color:var(--k-dunya);background-image:var(--pi-dunya)} html.pastel #b-ekonomi::before{background-color:var(--k-ekonomi);background-image:var(--pi-grafik)} html.pastel #b-politika::before{background-color:var(--k-politika);background-image:var(--pi-meclis)} html.pastel #b-istanbul::before{background-color:var(--k-istanbul);background-image:var(--pi-kule)} html.pastel #b-teknoloji::before{background-color:var(--k-teknoloji);background-image:var(--pi-cip)} html.pastel #b-spor::before{background-color:var(--k-spor);background-image:var(--pi-top)} html.pastel #b-yeme-icme::before{background-color:var(--k-yeme-icme);background-image:var(--pi-catal)} html.pastel #b-seyahat::before{background-color:var(--k-seyahat);background-image:var(--pi-bavul)} html.pastel #b-yasama-dair::before{background-color:var(--k-yasama-dair);background-image:var(--pi-yaprak)} html.pastel #b-ilim::before{background-color:var(--k-ilim);background-image:var(--pi-kitap)} html.pastel .bolum-bas a{border-radius:99px;padding:0 12px;min-height:36px} html.pastel .bolum-bas a:hover{background:var(--p-tereyag)} /* Etiketler: hap biçiminde, başlığın kendi renginde */ html.pastel .etiket{background:var(--p-tereyag);color:var(--murekkep);border:1.5px solid var(--murekkep);border-radius:7px;padding:4px 8px 3px} html.pastel a:hover .etiket:not(.ince){background:var(--p-hardal)} html.pastel .etiket.ince{display:inline-block;width:auto;padding:3px 7px 2px;border:1px solid rgba(43,42,51,.35);border-radius:6px; background:var(--p-tereyag);color:var(--murekkep);font-size:10px} html.pastel .liste .etiket.ince{display:inline-block} html.pastel .etiket.kirmizi{background:var(--p-seftali)} html.pastel .etiket[data-kat="gundem"],html.pastel article.haber[data-ana="gundem"] > .etiket{background-color:var(--k-gundem)} html.pastel .etiket[data-kat="dunya"],html.pastel article.haber[data-ana="dunya"] > .etiket{background-color:var(--k-dunya)} html.pastel .etiket[data-kat="ekonomi"],html.pastel article.haber[data-ana="ekonomi"] > .etiket{background-color:var(--k-ekonomi)} html.pastel .etiket[data-kat="politika"],html.pastel article.haber[data-ana="politika"] > .etiket{background-color:var(--k-politika)} html.pastel .etiket[data-kat="istanbul"],html.pastel article.haber[data-ana="istanbul"] > .etiket{background-color:var(--k-istanbul)} html.pastel .etiket[data-kat="teknoloji"],html.pastel article.haber[data-ana="teknoloji"] > .etiket{background-color:var(--k-teknoloji)} html.pastel .etiket[data-kat="spor"],html.pastel article.haber[data-ana="spor"] > .etiket{background-color:var(--k-spor)} html.pastel .etiket[data-kat="yeme-icme"],html.pastel article.haber[data-ana="yeme-icme"] > .etiket{background-color:var(--k-yeme-icme)} html.pastel .etiket[data-kat="seyahat"],html.pastel article.haber[data-ana="seyahat"] > .etiket{background-color:var(--k-seyahat)} html.pastel .etiket[data-kat="yasama-dair"],html.pastel article.haber[data-ana="yasama-dair"] > .etiket{background-color:var(--k-yasama-dair)} html.pastel .etiket[data-kat="ilim"],html.pastel article.haber[data-ana="ilim"] > .etiket{background-color:var(--k-ilim)} /* Fotoğraf çerçeveleri */ html.pastel .liste .gorsel,html.pastel .manset-kart .gorsel,html.pastel .kat-ust .gorsel, html.pastel .ilgili-izgara .gorsel,html.pastel .sk-kapak .gorsel,html.pastel .sy-kapak .gorsel,html.pastel .sy-madde-gorsel .gorsel, html.pastel .mi-buyuk .gorsel,html.pastel .mi-yan .gorsel,html.pastel .mi-sira .gorsel{ border:1.5px solid var(--murekkep);border-radius:10px;box-shadow:3px 3px 0 var(--murekkep)} html.pastel .gorsel.yedek{background:var(--p-lavanta)} html.pastel .gorsel.yedek .yedek-yazi{color:rgba(43,42,51,.5)} /* Düğmeler: pastel dolgu, koyu kenar, bastıkça gölgesine oturur */ html.pastel .dugme{border:2px solid var(--murekkep);background:var(--p-nane);color:var(--murekkep);box-shadow:3px 4px 0 var(--murekkep);font-weight:700} html.pastel .dugme:hover{background:#BFE3D2;transform:translate(-1px,-1px);box-shadow:4px 5px 0 var(--murekkep)} html.pastel .dugme:active{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--murekkep)} html.pastel .dugme.koyu{background:var(--murekkep);color:#fff;box-shadow:3px 4px 0 var(--p-hardal)} html.pastel .dugme.kirmizi{background:var(--p-hardal);border-color:var(--murekkep);color:var(--murekkep)} html.pastel .daha-fazla{border:2px solid var(--murekkep);border-radius:12px;background:var(--p-nane);box-shadow:3px 4px 0 var(--murekkep)} html.pastel .daha-fazla:hover{background:#BFE3D2} html.pastel .liste a.satir{border-bottom:1.5px dashed var(--cizgi-koyu)} html.pastel .bos-durum{border:1.5px dashed var(--murekkep);border-radius:14px;background:rgba(255,253,247,.8)} html.pastel .iskelet{background:linear-gradient(90deg,#EFEEEA 25%,#F8F7F4 50%,#EFEEEA 75%);background-size:200% 100%} html.pastel .liste a.satir.yeni-gelen{animation-name:pastel-yeni} @keyframes pastel-yeni{0%{background:var(--p-tereyag);opacity:0;transform:translateY(-6px)}20%{opacity:1;transform:none}100%{background:transparent}} /* En çok okunanlar: sıra numarası pastel yuvarlakta */ html.pastel .encok li{border-bottom:1.5px dashed var(--cizgi-koyu)} html.pastel .encok li a::before{width:34px;height:34px;flex:0 0 34px;border-radius:99px;border:1.5px solid var(--murekkep); display:grid;place-items:center;font-size:18px;line-height:1;color:var(--murekkep);background:var(--p-seftali)} html.pastel .encok li:nth-child(2) a::before{background:var(--p-tereyag)} html.pastel .encok li:nth-child(3) a::before{background:var(--p-nane)} html.pastel .encok li:nth-child(4) a::before{background:var(--p-pudra)} html.pastel .encok li:nth-child(5) a::before{background:var(--p-lavanta)} /* Piyasa kartları ve satırları */ html.pastel .pp-kart{background:#fff;border:1.5px solid var(--murekkep);border-radius:12px;box-shadow:2px 3px 0 var(--murekkep)} html.pastel .pp-kart.yuk{background:#F4FBF7} html.pastel .pp-kart.dus{background:#FDF6F2} html.pastel .pp-kart.yuk .pp-degisim{background:var(--p-nane);color:#0B6B47} html.pastel .pp-kart.dus .pp-degisim{background:var(--p-seftali);color:#A33A1F} html.pastel .pp-seans{background:var(--p-tereyag)} html.pastel .pp-seans.acik{background:var(--p-nane);color:#0B6B47} html.pastel .p-satir{border-bottom:1.5px dashed var(--cizgi)} html.pastel .canli{box-shadow:0 0 0 1.5px var(--murekkep)} /* Ekonomik takvim */ html.pastel .tk-n3{background:#E08A2E;box-shadow:0 0 0 1.5px var(--murekkep)} html.pastel .tk-n2{background:#F4C95D;box-shadow:0 0 0 1.5px var(--murekkep)} html.pastel .tk-n1{background:#DCD6E6;box-shadow:0 0 0 1.5px var(--murekkep)} html.pastel .tk-oge{border-top:1.5px dashed var(--cizgi)} html.pastel .tk-oge.siradaki{background:linear-gradient(90deg,var(--p-pudra),transparent 80%)} html.pastel .tk-rozet{background:var(--murekkep);color:var(--p-tereyag)} html.pastel .tk-ozet-bas{background:#F5F4F0} html.pastel .tk-filtre button{border:1.5px solid var(--murekkep);background:#fff} html.pastel .tk-filtre button.on{background:var(--p-lavanta);color:var(--murekkep);box-shadow:2px 2px 0 var(--murekkep)} html.pastel .tk-gun{border:var(--p-kenar);border-radius:14px;box-shadow:var(--p-golge);background:var(--zemin)} html.pastel .tk-gun.bugun{background:#F6FAFD} html.pastel .tk-gun-bas{background:var(--p-lavanta);border-bottom:1.5px solid var(--murekkep)} html.pastel .tk-gun.bugun .tk-gun-bas{background:var(--p-nane)} /* Hava kutusu: gündüz açık gökyüzü, gece pastel lacivert */ html.pastel .hava-simdi{margin:0 -16px;padding:14px 16px;border-radius:12px; background:linear-gradient(135deg,#DCEBF8 0%,#EEEAF8 100%);border:1.5px solid var(--murekkep)} html.pastel .hava-kutu.gece .hava-simdi{ background: radial-gradient(1.4px 1.4px at 14% 28%, rgba(255,255,255,.9) 50%, transparent 51%), radial-gradient(1.2px 1.2px at 32% 62%, rgba(255,255,255,.7) 50%, transparent 51%), radial-gradient(1.6px 1.6px at 58% 22%, rgba(255,255,255,.8) 50%, transparent 51%), radial-gradient(1.4px 1.4px at 88% 30%, rgba(255,255,255,.85) 50%, transparent 51%), linear-gradient(135deg,#4A4787 0%,#34325F 100%)} html.pastel .hava-simdi .hava-saat .hava-saat-gun{background:var(--murekkep);border:1.5px solid var(--murekkep)} html.pastel .hava-kutu.gece .hava-simdi .hava-saat .hava-saat-gun{background:var(--p-tereyag);color:var(--murekkep)} html.pastel .hava-gunler,html.pastel .vakit{border-top:1.5px dashed var(--cizgi-koyu)} html.pastel .vakit-izgara > div{background:#F5F4F0;border:1px solid var(--cizgi)} html.pastel .vakit-izgara > div.on{background:var(--p-tereyag);border:1.5px solid var(--murekkep)} html.pastel .vakit-izgara > div.on span{color:var(--ikincil)} html.pastel .vakit-izgara > div.on b{color:var(--murekkep)} html.pastel .mt-izgara span.bugun{background:var(--p-tereyag);color:var(--murekkep);box-shadow:inset 0 0 0 1.5px var(--murekkep)} /* ============================================================ 4. ANA SAYFA */ html.pastel .s-ana .vitrin{background:#FDFDFB} html.pastel .s-ana .bolum{background:var(--zemin)} html.pastel .s-ana #bolumler .bolum:nth-child(6n+1){background:#F2FAF5} html.pastel .s-ana #bolumler .bolum:nth-child(6n+2){background:#FEF8F4} html.pastel .s-ana #bolumler .bolum:nth-child(6n+3){background:#F6F3FC} html.pastel .s-ana #bolumler .bolum:nth-child(6n+4){background:#F3F8FD} html.pastel .s-ana #bolumler .bolum:nth-child(6n+5){background:#FDF5F8} html.pastel .s-ana #bolumler .bolum:nth-child(6n+6){background:#F8F7F4} html.pastel .s-ana .pp-kutu{background:#F3F8FD} html.pastel .s-ana .tk-kutu{background:#F6F3FC} html.pastel .s-ana .sd-kutu{background:#FDF7F4} html.pastel .s-ana .encok{background:#FDF5F8} html.pastel .s-ana .hava-kutu{background:var(--zemin)} html.pastel .sd-kutu li{border-bottom:1.5px dashed var(--cizgi)} html.pastel .sd-kutu time{color:var(--murekkep);background:var(--p-seftali);border-radius:5px;padding:1px 5px} /* Sayı kartı */ html.pastel .sk-selam{color:#0B6B75} html.pastel .sk-etiket{background:var(--p-tereyag);color:var(--murekkep);border:1px solid rgba(43,42,51,.35)} html.pastel .sk-liste li{border-top:1.5px dashed var(--cizgi-koyu)} html.pastel .sk-liste li:nth-child(6n+2) .sk-etiket{background:var(--p-nane)} html.pastel .sk-liste li:nth-child(6n+3) .sk-etiket{background:var(--p-pudra)} html.pastel .sk-liste li:nth-child(6n+4) .sk-etiket{background:var(--p-seftali)} html.pastel .sk-liste li:nth-child(6n+5) .sk-etiket{background:var(--p-lavanta)} html.pastel .sk-liste li:nth-child(6n+6) .sk-etiket{background:var(--p-pembe)} html.pastel .sk-tamami{display:inline-block;padding:7px 12px;border:1.5px solid var(--murekkep);border-radius:99px;background:var(--p-nane);box-shadow:2px 2px 0 var(--murekkep);text-align:center} html.pastel .sk-tamami:hover{background:#BFE3D2;text-decoration:none} @media (max-width:1099px){ /* Telefonda tam genişlikte düğme, basınca gölgesine oturur */ html.pastel .sk-tamami{display:flex;padding:0 16px;border-width:2px;box-shadow:3px 4px 0 var(--murekkep)} html.pastel .sk-tamami:active{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--murekkep)} html.pastel .sk-kapak .gorsel{box-shadow:2px 2px 0 var(--murekkep)} } /* Telefon manşet şeridi */ html.pastel .manset-kart .etiket{margin:16px 0 10px} html.pastel .noktalar button i{background:rgba(43,42,51,.25)} html.pastel .noktalar button.on i{background:var(--murekkep)} html.pastel .manset-ok{border:1.5px solid var(--murekkep);background:var(--p-tereyag);box-shadow:2px 2px 0 var(--murekkep)} /* Bülten şeridi: koyu kart kalır, pastel yıldızlarla */ html.pastel .bulten-serit{position:relative;overflow:hidden;background:var(--murekkep);border:var(--p-kenar);box-shadow:5px 6px 0 var(--p-hardal)} html.pastel .bulten-serit::after{content:"";position:absolute;right:-30px;top:-30px;width:180px;height:180px;border-radius:50%; background:var(--p-lavanta) var(--pi-posta) 46px 70px/64px no-repeat;opacity:.95;border:2px solid #fff} @media (max-width:767px){ html.pastel .bulten-serit::after{width:120px;height:120px;right:-34px;top:-34px;background-position:34px 48px;background-size:40px} } html.pastel .bulten-serit .ustyazi{color:var(--p-nane)} html.pastel .bulten-form input{border-color:rgba(255,255,255,.4)} html.pastel .bulten-form button{background:var(--p-nane);color:var(--murekkep);border:1.5px solid #fff} html.pastel .bulten-form button:hover{background:var(--p-lavanta)} /* ============================================================ 5. KATEGORİ SAYFASI */ /* Başlık bir pastel afiş: başlığın kendi rengi ve ikonu */ html.pastel body[data-kat] .kat-bas{margin-top:20px;padding:22px 22px 18px;border:var(--p-kenar);border-radius:18px; background:var(--k-renk,var(--p-tereyag));box-shadow:var(--p-golge)} html.pastel body[data-kat] .kat-bas p{color:var(--ikincil)} html.pastel #katBaslik::before{width:48px;height:48px;background-size:28px;background-color:#fff} html.pastel body[data-kat="gundem"]{--k-renk:var(--k-gundem);--k-ikon:var(--pi-gazete)} html.pastel body[data-kat="dunya"]{--k-renk:var(--k-dunya);--k-ikon:var(--pi-dunya)} html.pastel body[data-kat="ekonomi"]{--k-renk:var(--k-ekonomi);--k-ikon:var(--pi-grafik)} html.pastel body[data-kat="politika"]{--k-renk:var(--k-politika);--k-ikon:var(--pi-meclis)} html.pastel body[data-kat="istanbul"]{--k-renk:var(--k-istanbul);--k-ikon:var(--pi-kule)} html.pastel body[data-kat="teknoloji"]{--k-renk:var(--k-teknoloji);--k-ikon:var(--pi-cip)} html.pastel body[data-kat="spor"]{--k-renk:var(--k-spor);--k-ikon:var(--pi-top)} html.pastel body[data-kat="yeme-icme"]{--k-renk:var(--k-yeme-icme);--k-ikon:var(--pi-catal)} html.pastel body[data-kat="seyahat"]{--k-renk:var(--k-seyahat);--k-ikon:var(--pi-bavul)} html.pastel body[data-kat="yasama-dair"]{--k-renk:var(--k-yasama-dair);--k-ikon:var(--pi-yaprak)} html.pastel body[data-kat="ilim"]{--k-renk:var(--k-ilim);--k-ikon:var(--pi-kitap)} html.pastel body[data-kat="mahluklar"]{--k-renk:var(--k-ozel);--k-ikon:var(--pi-kalem)} html.pastel body[data-kat="kayit"]{--k-renk:var(--p-tereyag);--k-ikon:var(--pi-yerimi)} html.pastel body[data-kat="ara"]{--k-renk:var(--p-pudra);--k-ikon:var(--pi-buyutec)} html.pastel body[data-kat] #katBaslik::before{background-image:var(--k-ikon,var(--pi-gazete))} /* Piyasalar ve Ekonomik takvim sayfalarının başlıkları da afiş olur */ html.pastel .s-piyasalar .kat-bas,html.pastel .s-takvim .kat-bas{margin-top:20px;padding:22px 22px 18px;border:var(--p-kenar);border-radius:18px;box-shadow:var(--p-golge)} html.pastel .s-piyasalar .kat-bas{background:var(--p-pudra)} html.pastel .s-takvim .kat-bas{background:var(--p-lavanta)} html.pastel .s-piyasalar .kat-bas h1::before{width:48px;height:48px;background-size:28px;background-color:#fff;background-image:var(--pi-grafik)} html.pastel .s-takvim .kat-bas h1::before{width:48px;height:48px;background-size:28px;background-color:#fff;background-image:var(--pi-takvim)} html.pastel .s-hava .hs-ustyazi{display:inline-flex;align-items:center;gap:10px} html.pastel .s-hava .hs-ustyazi::before{content:"";width:34px;height:34px;border-radius:9px;border:1.5px solid var(--murekkep);box-shadow:2px 2px 0 var(--murekkep); background:var(--p-pudra) var(--pi-gunes) center/22px no-repeat} /* Canlı Gündem başlığı: noktanın yanında da ikon kutusu hissi */ html.pastel .canli-bas h1 .canli-nokta{width:16px;height:16px;box-shadow:0 0 0 2px var(--murekkep),3px 3px 0 2px var(--murekkep)} /* Alt başlık çipleri */ html.pastel .alt-cipler a{border:1.5px solid var(--murekkep);background:rgba(255,255,255,.75);color:var(--murekkep)} html.pastel .alt-cipler a::before{background:var(--murekkep)} html.pastel .alt-cipler a.on{border-color:var(--murekkep);color:var(--murekkep);box-shadow:2px 2px 0 var(--murekkep)} html.pastel .alt-cipler a.on::before{background:#fff} html.pastel .kat-ust{padding:18px;margin-top:16px;border:var(--p-kenar);border-radius:16px;background:var(--zemin);box-shadow:var(--p-golge)} /* Arşiv (yazar bölümleri) */ html.pastel .arsiv-cubuk,html.pastel .arsiv-panel{border:1.5px solid var(--murekkep);background:var(--zemin);box-shadow:3px 3px 0 var(--murekkep)} html.pastel .arsiv-ac{background:var(--murekkep);box-shadow:2px 2px 0 var(--p-hardal)} html.pastel .arsiv-ay{border:1.5px solid var(--cizgi-koyu);background:#fff} html.pastel .arsiv-ay .ay-cubuk i{background:var(--p-hardal)} html.pastel .arsiv-ay.on{background:var(--p-tereyag);border-color:var(--murekkep)} html.pastel .arsiv-ay.on .ay-ad,html.pastel .arsiv-ay.on .ay-sayi{color:var(--murekkep)} html.pastel .arsiv-ay.on .ay-cubuk i{background:var(--murekkep)} html.pastel .arama-kutu input{border:1.5px solid var(--murekkep);background:#fff} /* ============================================================ 6. HABER SAYFASI */ html.pastel .yol a{padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.7);border:1px solid var(--cizgi-koyu)} html.pastel .yol a:hover{background:var(--p-tereyag)} html.pastel .h-gorsel .gorsel{border:var(--p-kenar);box-shadow:var(--p-golge)} @media (min-width:768px){ html.pastel .h-gorsel .gorsel{border-radius:16px} } html.pastel .h-baslik{margin-top:16px} html.pastel .h-spot{color:var(--ikincil);padding-left:16px;border-left:5px solid var(--p-tereyag)} html.pastel .govde{color:#26252E} html.pastel .govde h2{display:inline;background:linear-gradient(transparent 60%, var(--p-tereyag) 60%);-webkit-box-decoration-break:clone;box-decoration-break:clone} html.pastel .govde h2::after{content:"";display:block;margin-bottom:12px} html.pastel .govde blockquote{border:var(--p-kenar);border-radius:16px;background:var(--p-lavanta);padding:18px 20px;box-shadow:var(--p-golge)} html.pastel .govde ul li::marker{color:var(--murekkep)} html.pastel .govde a:not(.hisse-etiket){text-decoration-color:var(--p-hardal);text-decoration-thickness:3px} html.pastel .govde a:not(.hisse-etiket):hover{background:var(--p-tereyag)} html.pastel .h-not{background:var(--p-tereyag);border:var(--p-kenar);border-radius:14px;box-shadow:var(--p-golge-k)} html.pastel .h-not b{color:var(--murekkep)} html.pastel .h-ic-gorsel img{border:1.5px solid var(--murekkep);border-radius:12px;box-shadow:3px 3px 0 var(--murekkep)} html.pastel .video-kutu{border:var(--p-kenar);border-radius:14px} html.pastel .video-dugme{background:var(--p-tereyag);border:2px solid var(--murekkep);box-shadow:3px 3px 0 var(--murekkep)} html.pastel .video-dugme::after{border-color:transparent transparent transparent var(--murekkep)} html.pastel .video-oynat:hover .video-dugme{background:var(--p-nane)} html.pastel .hisse-etiket{background:var(--p-nane);color:var(--murekkep);border:1px solid var(--murekkep)} html.pastel .imza{border-top:1.5px dashed var(--cizgi-koyu);border-bottom:1.5px dashed var(--cizgi-koyu)} html.pastel .paylas a,html.pastel .paylas button{border:1.5px solid var(--murekkep);background:#fff;box-shadow:2px 2px 0 var(--murekkep)} html.pastel .paylas a:hover,html.pastel .paylas button:hover{background:var(--p-tereyag)} html.pastel .eylem{border-top:1.5px dashed var(--cizgi-koyu);border-bottom:1.5px dashed var(--cizgi-koyu)} html.pastel .eylem button{border:1.5px solid var(--murekkep);background:#fff;box-shadow:2px 2px 0 var(--murekkep)} html.pastel .eylem button:hover{background:var(--p-tereyag)} html.pastel .eylem button.on{background:var(--p-seftali);border-color:var(--murekkep);color:var(--murekkep)} html.pastel .kaynak-not{border-top:1.5px dashed var(--cizgi-koyu)} /* Yorumlar */ html.pastel .yaz-kutu{border:1.5px solid var(--murekkep);border-radius:14px;background:#fff;box-shadow:3px 3px 0 var(--murekkep)} html.pastel .siralama button.on{background:var(--p-tereyag);color:var(--murekkep);box-shadow:inset 0 0 0 1.5px var(--murekkep)} html.pastel .yorum{border-bottom:1.5px dashed var(--cizgi)} html.pastel .yorum .yazar-av{background:var(--p-pudra);color:var(--murekkep);border:1.5px solid var(--murekkep)} html.pastel .yorum .yazar-av.yz{background:var(--p-tereyag)} html.pastel .yorum .ey button.on{color:#9A5B00} html.pastel .yorum-yanitlar{border-left:3px solid var(--p-lavanta)} html.pastel .onayda-not{background:var(--p-tereyag);color:var(--murekkep)} html.pastel .yorum-kapali{border:1.5px dashed var(--murekkep);border-radius:12px} /* İlgili haberler: kart hâlinde */ @media (min-width:768px){ html.pastel .ilgili-izgara a{padding:12px;border:var(--p-kenar);border-radius:14px;background:var(--zemin);box-shadow:var(--p-golge-k)} html.pastel .ilgili-izgara a .gorsel{box-shadow:none} } html.pastel .yazar-av.marka{border:1.5px solid var(--murekkep);background:#fff} /* ============================================================ 7. CANLI GÜNDEM */ html.pastel .canli-etiket{border:1.5px solid var(--murekkep);background:rgba(255,255,255,.8);color:var(--murekkep)} html.pastel .canli-etiket:hover{background:#F0EDF8} html.pastel .canli-etiket.on{background:var(--p-lavanta);color:var(--murekkep);border-color:var(--murekkep);box-shadow:2px 2px 0 var(--murekkep)} html.pastel .canli-akis{border:var(--p-kenar);border-radius:16px;box-shadow:var(--p-golge);background:var(--zemin)} html.pastel .canli-satir{border-top:1.5px dashed var(--cizgi-koyu)} html.pastel .canli-satir-saat,html.pastel .canli-saat{color:var(--murekkep)} html.pastel .canli-satir-saat{display:inline-block;padding:1px 7px;border-radius:6px;background:var(--p-pudra)} html.pastel .canli-sag .yapiskan{padding:18px;border:var(--p-kenar);border-radius:16px;background:#F6F3FC;box-shadow:var(--p-golge)} html.pastel .canli-sag h3{color:var(--murekkep);border-bottom:2px solid var(--murekkep)} html.pastel .canli-sag h3::before{background:var(--p-hardal);box-shadow:0 0 0 1.5px var(--murekkep)} html.pastel .canli-an{border-top:1.5px dashed var(--cizgi)} html.pastel .canli-an:hover .canli-an-baslik{color:var(--murekkep);background:var(--p-tereyag)} html.pastel .canli-yeni-dugme{background:var(--p-nane);color:var(--murekkep);border:2px solid var(--murekkep);box-shadow:3px 3px 0 var(--murekkep)} html.pastel .canli-yeni-dugme:hover{background:#BFE3D2} /* Akıştaki başlık etiketi: başlığın kendi pastel renginde hap */ html.pastel .canli-kat{padding:2px 7px;border-radius:6px;border:1px solid rgba(43,42,51,.35);background:var(--p-tereyag);color:var(--murekkep);font-size:10px} html.pastel a.canli-kat:hover{text-decoration:none;box-shadow:2px 2px 0 var(--murekkep)} html.pastel .canli-kat[data-kat="gundem"]{background:var(--k-gundem)} html.pastel .canli-kat[data-kat="dunya"]{background:var(--k-dunya)} html.pastel .canli-kat[data-kat="ekonomi"]{background:var(--k-ekonomi)} html.pastel .canli-kat[data-kat="politika"]{background:var(--k-politika)} html.pastel .canli-kat[data-kat="istanbul"]{background:var(--k-istanbul)} html.pastel .canli-kat[data-kat="teknoloji"]{background:var(--k-teknoloji)} html.pastel .canli-kat[data-kat="spor"]{background:var(--k-spor)} html.pastel .canli-kat[data-kat="yeme-icme"]{background:var(--k-yeme-icme)} html.pastel .canli-kat[data-kat="seyahat"]{background:var(--k-seyahat)} html.pastel .canli-kat[data-kat="yasama-dair"]{background:var(--k-yasama-dair)} html.pastel .canli-kat[data-kat="ilim"]{background:var(--k-ilim)} html.pastel .canli-gun{color:var(--murekkep)} html.pastel .canli-gun::after{height:0;border-top:1.5px dashed var(--cizgi-koyu);background:none} html.pastel .canli-not a{color:var(--murekkep);text-decoration:underline;text-decoration-color:var(--p-hardal);text-decoration-thickness:3px} /* ============================================================ 8. GÜNÜN SAYISI */ html.pastel .sy{padding-bottom:30px} html.pastel .sy-marka{padding:3px 10px;border:1.5px solid var(--murekkep);border-radius:99px;background:var(--p-tereyag)} html.pastel .sy-marka::after{display:none} html.pastel .sy-govde{padding:28px 30px 34px;border:var(--p-kenar);border-radius:20px;background:var(--zemin);box-shadow:var(--p-golge)} @media (max-width:767px){ html.pastel .sy-govde{padding:20px 16px 24px} } html.pastel .sy-bolum-bas span{border:1.5px solid var(--murekkep);box-shadow:2px 2px 0 var(--murekkep)} html.pastel .sy-kayit{background:var(--p-lavanta);border:var(--p-kenar);box-shadow:var(--p-golge-k)} html.pastel .sy-kayit-form button{background:var(--murekkep);box-shadow:2px 2px 0 var(--p-hardal)} html.pastel .sy-kayit-form input{border:1.5px solid var(--murekkep)} html.pastel .sy-devam,html.pastel .sy-madde-alt a{color:#0B6B75} html.pastel .sy-ayrica a:hover{color:var(--murekkep);background:var(--p-tereyag)} html.pastel .sy-dugme{border:1.5px solid var(--murekkep);background:var(--p-nane);box-shadow:2px 2px 0 var(--murekkep)} html.pastel .sy-gezinti a{border:1.5px solid var(--murekkep);box-shadow:3px 3px 0 var(--murekkep);background:#fff} html.pastel .sy-gezinti a:hover{background:var(--p-tereyag)} html.pastel .sy-madde li::before{background:var(--murekkep)} /* ============================================================ 9. PİYASALAR · HAVA */ html.pastel .s-piyasalar .pp-kutu{border:var(--p-kenar);box-shadow:var(--p-golge);background:#F3F8FD} html.pastel .hisse-ara input{border:1.5px solid var(--murekkep);background:#fff} html.pastel .hs-cip{border:1.5px solid var(--murekkep);background:#fff;color:var(--murekkep)} html.pastel .hs-cip:hover{background:var(--p-tereyag);color:var(--murekkep)} html.pastel .hs-cip.on{background:var(--p-pudra);color:var(--murekkep);border-color:var(--murekkep);box-shadow:2px 2px 0 var(--murekkep)} html.pastel .hs-gun{border:1.5px solid var(--murekkep);box-shadow:3px 3px 0 var(--murekkep);background:var(--zemin)} html.pastel .hs-gun.acik{border-color:var(--murekkep);background:#F3F8FD} html.pastel .hs-gun-bas:hover{background:var(--p-tereyag)} html.pastel .hs-ara input{border:1.5px solid var(--murekkep)} html.pastel .hs-kutu{border:1.5px solid var(--murekkep);box-shadow:3px 3px 0 var(--murekkep)} /* ============================================================ 10. ALTBİLGİ */ /* Koyu mürekkep zemin, üst kenarı tırtıklı (mühür/pul kenarı gibi) */ html.pastel .altbilgi{position:relative;margin-top:52px;background:var(--murekkep);color:#D9D5E3} html.pastel .altbilgi::before{content:"";position:absolute;left:0;right:0;top:-17px;height:18px; background:var(--pi-dalga) repeat-x 0 0/36px 18px} html.pastel .altbilgi .slogan{color:#B9B4C6} html.pastel .ab-sutunlar{border-color:rgba(255,255,255,.14)} html.pastel .ab-sutunlar h4{display:inline-block;padding:3px 9px;border-radius:6px;background:var(--p-tereyag);color:var(--murekkep)} html.pastel .ab-sutunlar div:nth-child(2) h4{background:var(--p-nane)} html.pastel .ab-sutunlar div:nth-child(3) h4{background:var(--p-lavanta)} html.pastel .ab-sutunlar div:nth-child(4) h4{background:var(--p-pudra)} html.pastel .ab-sutunlar a{color:#D9D5E3} html.pastel .ab-sutunlar a:hover{color:var(--p-tereyag)} html.pastel .yasal{color:#9C97AB} /* ============================================================ 10b. LOGO Orijinal logonun pastel hâli (kabuk.js K.LOGO, satır içi sembol): boyutlar eski logoyla aynı kurallardan gelir (tema.css). Koyu zeminlerde eski logonun renk çevirme süzgeci KAPATILIR (yoksa pastel renkler tersine dönerdi), yalnızca yazı beyaza çekilir. */ html.pastel .logo-pastel{width:auto;overflow:visible} html.pastel .cekmece-bas .logo-pastel,html.pastel .altbilgi .logo-pastel{filter:none;--logo-yazi:#fff} /* ============================================================ 11. İNCE İŞÇİLİK */ /* --- Fotoğrafsız haberler: koyu yedek çizim yerine başlığın renginde pastel kart; çizim yalnızca soluk bir doku olarak kalır, ortada başlığın ikonu. Başlık, kartın içindeki etiketten okunur (:has). */ html.pastel .gorsel.yedek{background:var(--y-renk,var(--p-lavanta))} html.pastel .gorsel.yedek > svg{opacity:.13;filter:grayscale(1);mix-blend-mode:multiply} html.pastel .gorsel.yedek .yedek-yazi{display:none} html.pastel .gorsel.yedek::after{content:"";position:absolute;z-index:3;left:50%;top:50%;width:46px;height:46px; transform:translate(-50%,-50%);border:1.5px solid var(--murekkep);border-radius:12px;box-shadow:2px 2px 0 var(--murekkep); background:#fff var(--y-ikon,var(--pi-gazete)) center/28px no-repeat} html.pastel a:has(.etiket[data-kat="gundem"]) .gorsel.yedek{--y-renk:var(--k-gundem);--y-ikon:var(--pi-gazete)} html.pastel a:has(.etiket[data-kat="dunya"]) .gorsel.yedek{--y-renk:var(--k-dunya);--y-ikon:var(--pi-dunya)} html.pastel a:has(.etiket[data-kat="ekonomi"]) .gorsel.yedek{--y-renk:var(--k-ekonomi);--y-ikon:var(--pi-grafik)} html.pastel a:has(.etiket[data-kat="politika"]) .gorsel.yedek{--y-renk:var(--k-politika);--y-ikon:var(--pi-meclis)} html.pastel a:has(.etiket[data-kat="istanbul"]) .gorsel.yedek{--y-renk:var(--k-istanbul);--y-ikon:var(--pi-kule)} html.pastel a:has(.etiket[data-kat="teknoloji"]) .gorsel.yedek{--y-renk:var(--k-teknoloji);--y-ikon:var(--pi-cip)} html.pastel a:has(.etiket[data-kat="spor"]) .gorsel.yedek{--y-renk:var(--k-spor);--y-ikon:var(--pi-top)} html.pastel a:has(.etiket[data-kat="yeme-icme"]) .gorsel.yedek{--y-renk:var(--k-yeme-icme);--y-ikon:var(--pi-catal)} html.pastel a:has(.etiket[data-kat="seyahat"]) .gorsel.yedek{--y-renk:var(--k-seyahat);--y-ikon:var(--pi-bavul)} html.pastel a:has(.etiket[data-kat="yasama-dair"]) .gorsel.yedek{--y-renk:var(--k-yasama-dair);--y-ikon:var(--pi-yaprak)} html.pastel a:has(.etiket[data-kat="ilim"]) .gorsel.yedek{--y-renk:var(--k-ilim);--y-ikon:var(--pi-kitap)} /* küçük kartta ikon küçülür */ html.pastel .liste .gorsel.yedek::after,html.pastel .sd-l-gorsel.yedek::after{width:38px;height:38px;background-size:23px} /* --- Haber satırları: üstüne gelince satır kendi başlığının rengine bürünür */ html.pastel .liste a.satir{margin-inline:-10px;padding-inline:10px;border-radius:12px;transition:background-color .2s,opacity .15s} html.pastel .liste a.satir:hover{background:rgba(222,214,243,.35)} html.pastel .liste a.satir:has(.etiket[data-kat="gundem"]):hover{background:color-mix(in srgb,var(--k-gundem) 40%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="dunya"]):hover{background:color-mix(in srgb,var(--k-dunya) 45%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="ekonomi"]):hover{background:color-mix(in srgb,var(--k-ekonomi) 45%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="politika"]):hover{background:color-mix(in srgb,var(--k-politika) 45%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="istanbul"]):hover{background:color-mix(in srgb,var(--k-istanbul) 45%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="teknoloji"]):hover{background:color-mix(in srgb,var(--k-teknoloji) 45%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="spor"]):hover{background:color-mix(in srgb,var(--k-spor) 45%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="yeme-icme"]):hover{background:color-mix(in srgb,var(--k-yeme-icme) 45%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="seyahat"]):hover{background:color-mix(in srgb,var(--k-seyahat) 45%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="yasama-dair"]):hover{background:color-mix(in srgb,var(--k-yasama-dair) 45%,transparent)} html.pastel .liste a.satir:has(.etiket[data-kat="ilim"]):hover{background:color-mix(in srgb,var(--k-ilim) 55%,transparent)} /* --- Kartlar üstüne gelince hafifçe kalkar (yalnızca fareyle) */ @media (hover:hover){ html.pastel .ilgili-izgara a,html.pastel .sy-gezinti a,html.pastel .kat-ust{transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s} html.pastel .ilgili-izgara a:hover,html.pastel .sy-gezinti a:hover,html.pastel .kat-ust:hover{transform:translate(-2px,-2px);box-shadow:6px 7px 0 var(--murekkep)} } /* --- Menü çekmecesi: her başlığın kendi ikon kutusu */ html.pastel .cekmece-ic > a:not(.ck-canli),html.pastel .cekmece-ic > button.oge{position:relative;padding-left:64px} html.pastel .cekmece-ic > a:not(.ck-canli)::after,html.pastel .cekmece-ic > button.oge::after{content:"";position:absolute;left:18px;top:50%; width:32px;height:32px;margin-top:-16px;border-radius:9px;border:1.5px solid var(--murekkep);box-shadow:2px 2px 0 var(--murekkep); background:var(--ck-r,#fff) var(--ck-i,var(--pi-gazete)) center/20px no-repeat} html.pastel .cekmece-ic > a[href="/"]{--ck-r:var(--k-gundem);--ck-i:var(--pi-gazete)} html.pastel .cekmece-ic > a[href="/tedavul"]{--ck-r:var(--k-ozel);--ck-i:var(--pi-kalem)} html.pastel .cekmece-ic > a[href="/kategori/dunya"]{--ck-r:var(--k-dunya);--ck-i:var(--pi-dunya)} html.pastel .cekmece-ic > a[href="/kategori/ekonomi"]{--ck-r:var(--k-ekonomi);--ck-i:var(--pi-grafik)} html.pastel .cekmece-ic > a[href="/kategori/politika"]{--ck-r:var(--k-politika);--ck-i:var(--pi-meclis)} html.pastel .cekmece-ic > a[href="/kategori/istanbul"]{--ck-r:var(--k-istanbul);--ck-i:var(--pi-kule)} html.pastel .cekmece-ic > a[href="/kategori/teknoloji"]{--ck-r:var(--k-teknoloji);--ck-i:var(--pi-cip)} html.pastel .cekmece-ic > a[href="/kategori/spor"]{--ck-r:var(--k-spor);--ck-i:var(--pi-top)} html.pastel .cekmece-ic > a[href="/kategori/yeme-icme"]{--ck-r:var(--k-yeme-icme);--ck-i:var(--pi-catal)} html.pastel .cekmece-ic > a[href="/kategori/seyahat"]{--ck-r:var(--k-seyahat);--ck-i:var(--pi-bavul)} html.pastel .cekmece-ic > a[href="/kategori/yasama-dair"]{--ck-r:var(--k-yasama-dair);--ck-i:var(--pi-yaprak)} html.pastel .cekmece-ic > a[href="/kategori/ilim"]{--ck-r:var(--k-ilim);--ck-i:var(--pi-kitap)} html.pastel .cekmece-ic > a[href="/piyasalar"]{--ck-r:var(--p-pudra);--ck-i:var(--pi-grafik)} html.pastel .cekmece-ic > a[href="/takvim"]{--ck-r:var(--p-lavanta);--ck-i:var(--pi-takvim)} html.pastel .cekmece-ic > a[href="/kaydedilenler"]{--ck-r:var(--p-tereyag);--ck-i:var(--pi-yerimi)} html.pastel .cekmece-ic > button[data-hesap]{--ck-r:var(--p-nane);--ck-i:var(--pi-kisi)} html.pastel .cekmece-ic > button[data-bildirim],html.pastel .cekmece-ic > button[data-bildirim-dene]{--ck-r:var(--p-seftali);--ck-i:var(--pi-zil)} html.pastel .cekmece h5{margin-top:22px;letter-spacing:.14em;color:var(--murekkep)} html.pastel .cekmece h5::after{content:"";display:block;width:26px;height:3px;margin-top:6px;border-radius:2px;background:var(--p-hardal)} /* --- Haber sayfası: okuma ilerleme çizgisi. Sayfa kaydıkça pastel bir şerit soldan dolar. Yalnızca CSS (kaydırmaya bağlı animasyon); desteklemeyen tarayıcıda hiç görünmez, yanlış bir hâlde kalmaz. */ @supports (animation-timeline: scroll()){ html.pastel .s-haber #icerik::before{content:"";position:fixed;left:0;top:0;z-index:70;width:100%;height:5px;pointer-events:none; background:linear-gradient(90deg,var(--p-nane),var(--p-pudra),var(--p-lavanta),var(--p-seftali)); border-bottom:1.5px solid var(--murekkep);transform-origin:0 50%;transform:scaleX(0); animation:pastel-okuma linear both;animation-timeline:scroll(root)} @keyframes pastel-okuma{to{transform:scaleX(1)}} } /* --- Alıntı: büyük tırnak işareti */ html.pastel .govde blockquote{position:relative;padding-left:64px} html.pastel .govde blockquote::before{content:"“";position:absolute;left:18px;top:6px;font-family:var(--f-baslik);font-size:68px;line-height:1;color:var(--murekkep)} /* --- Küçük dokunuşlar */ html.pastel .h-baslik{letter-spacing:-.018em} html.pastel .bolum-bas h2,html.pastel .bolum-bas h1{letter-spacing:-.01em} html.pastel .meta b{color:var(--murekkep)} html.pastel .kutu-bag,html.pastel .pp-kutu .kutu-bag,html.pastel .hava-bas .hava-detay{padding:3px 10px;border-radius:99px;border:1px solid var(--cizgi-koyu);color:var(--murekkep);background:rgba(255,255,255,.7)} html.pastel .kutu-bag:hover,html.pastel .hava-bas .hava-detay:hover{background:var(--p-nane);text-decoration:none} html.pastel .hisse-etiket{border-radius:6px} html.pastel img{-webkit-user-drag:none}