/* * aryamakina.net -- X5 ciktisinin USTUNE eklenen stiller. * Tum sayfalarda sonundaki SEO blogundan (tools/seo-uygula.py) yuklenir. * X5'in kendi dosyalarina (style/*.css, pcss/*.css) dokunulmaz. */ /* ---- Cerez onay bandi (res/cerez-onay.js) -------------------------------- * position:fixed -> sayfa duzenini kaydirmaz (CLS 0). * Renkler marka: siyah zemin, logodaki sari rgb(251,187,1). */ #cerez-bandi { position: fixed; left: 0; right: 0; bottom: 16px; z-index: 100000; box-sizing: border-box; /* vw: X5 sayfasi dar ekranda yatay tasiyor; genislik sayfaya degil gorunen alana gore hesaplanir */ width: calc(100vw - 32px); max-width: 760px; margin: 0 auto; padding: 16px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; background: #161616; color: #f1f1f1; font: 14px/1.5 Tahoma, Arial, sans-serif; border-top: 3px solid rgb(251, 187, 1); box-shadow: 0 4px 24px rgba(0, 0, 0, .35); } #cerez-bandi p { margin: 0; flex: 1 1 320px; } #cerez-bandi .cerez-dugmeler { display: flex; gap: 10px; } #cerez-bandi button { padding: 9px 18px; font: bold 14px Tahoma, Arial, sans-serif; color: #f1f1f1; background: transparent; border: 1px solid #8a8a8a; cursor: pointer; } #cerez-bandi button.cerez-kabul { color: #000; background: rgb(251, 187, 1); border-color: rgb(251, 187, 1); } #cerez-bandi button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; } /* ---- "Cerez tercihi" baglantisi (res/cerez-onay.js uretir) --------------- * #imFooterObjects (position:relative, sabit yukseklik) icinde MUTLAK konum: * alt bilginin yuksekligi ve #imFooterBg hizasi degismez (CLS 0). Genislik * metin kadar -- alttaki alt bilgi linklerinin tiklanmasini engellemez. */ #cerez-tercih { position: absolute; left: 50%; bottom: 4px; transform: translateX(-50%); z-index: 5; padding: 2px 6px; font: 11px/1.4 Tahoma, Arial, sans-serif; color: #d9d9d9; text-decoration: underline; white-space: nowrap; } #cerez-tercih:hover, #cerez-tercih:focus-visible { color: rgb(251, 187, 1); } /* X5'in en dar duzeni (< 480px): telif satiri alt bilginin sol alt kosesine kadar iniyor ve ortadaki baglantiyla cakisiyordu (400px'te olculdu). */ @media (max-width: 479.9px) { #cerez-tercih { left: auto; right: 8px; transform: none; } } /* ---- Baslik hiyerarsisi (tools/baslik-uygula.py) ------------------------- * X5'in taklit basliklari

/

ile SARILDI; icerideki punto * sinifi ve aynen duruyor. reset.css h1-h6 icin font/margin/padding'i * zaten sifirliyor; tarayicinin display:block'u da burada geri aliniyor. * Boylece gorunum birebir ayni kalir. / #imContent .x5b { display: inline; margin: 0; padding: 0; font: inherit; color: inherit; } / ---- Telefon linkleri (tools/telefon-link.py) ---------------------------- * tel: linkleri cevresindeki metnin rengini ve bicimini devralir; gorunum * degismez. Numara satir sonunda bolunmez. */ a[href^="tel:"], #imContent a[href^="tel:"], #imFooter a[href^="tel:"], #imStickyBar a[href^="tel:"] { color: inherit; text-decoration: none; white-space: nowrap; }