/* Sefiri — Harita v2 --------------------------------------------------------------- Bu dosyadaki HER kural html[data-so-harita="v2"] ile baslar. Nitelik yoksa tek bir kural bile uygulanmaz; harita birebir eski halinde gorunur. Geri donus = niteligi koymamak. Kapat: ?harita=eski · Ac: ?harita=v2 · Secim hatirlanir. Sunucu tarafi kapatma: SEFIRI_HARITA_V2=false OZGULLUK NOTU: mevcut skin html[data-so-view="simple"] .x{...!important} (0,2,1) yaziyor. Buradaki kurallar html[data-so-harita][data-so-view] .x (0,3,1) oldugu icin onlari yenebiliyor. Bu iki nitelikli bicimi bozmayin, yoksa kurallar sessizce etkisiz kalir. DOKUNULMAYANLAR - Il dolgu renkleri (fill) hic ellenmiyor. Sahiplik rengi nerede ne ise aynen orada kaliyor; bu dosyada tek bir "fill" kurali yok. - Hicbir DOM dugumu tasinmiyor, hicbir marker eklenip silinmiyor, hicbir tiklama isleyicisi degistirilmiyor. - Plaka dugmesi 26px dokunma alaniyla yerinde duruyor; yalnizca GORUNUMU kuculuyor. Mobilde hedef kucultulmedi. --------------------------------------------------------------- */ /* ---------- deniz: derin vinyet, kara parcasi one ciksin ---------- */ html[data-so-harita="v2"][data-so-view="simple"] .map-stage, html[data-so-harita="v2"][data-so-view="simple"] #map, html[data-so-harita="v2"][data-so-view="simple"] #map.leaflet-container, html[data-so-harita="v2"] .map-stage, html[data-so-harita="v2"] #map{ background:radial-gradient(900px 620px at 50% 44%,#11140F 0%,#0A0C0A 60%,#050605 100%)!important; } /* ---------- il sinirlari: beyaz atlas cizgisi yerine sicak sac teli ---------- Leaflet stroke'u sunum niteligi olarak yaziyor; CSS her zaman onu yener. Yalnizca cizgi degisiyor, dolgu degil. */ html[data-so-harita="v2"] .leaflet-trProvince2-pane path{ stroke:rgba(26,21,13,.46)!important; stroke-width:.75!important; stroke-linejoin:round!important; } /* ---------- bos il isareti: 81 iri rozet yerine sessiz nokta ---------- Dugmenin kendisi seffaflasiyor ama 26px kaliyor: dokunma hedefi aynen korunuyor. Plaka yazisi DOM'da duruyor (aria-label ve uzerine gelince gorunen hali icin), yalnizca gorsel olarak toplaniyor. */ html[data-so-harita="v2"] .so-final-plate{ width:26px!important;height:26px!important; background:transparent!important; border:0!important; box-shadow:none!important; color:transparent!important; font-size:0!important; line-height:26px!important; position:relative!important; border-radius:50%!important; transition:background .16s ease,border-color .16s ease,color .16s ease,font-size .16s ease; } html[data-so-harita="v2"] .so-final-plate:before{ content:""; position:absolute;left:50%;top:50%; width:5px;height:5px;margin:-2.5px 0 0 -2.5px; border-radius:50%; background:rgba(58,44,18,.32); transition:opacity .16s ease,transform .16s ease,background .16s ease; } /* uzerine gelince plaka geri gelir — yalnizca fare olan cihazlarda */ @media (hover:hover) and (pointer:fine){ html[data-so-harita="v2"] .so-final-plate:hover, html[data-so-harita="v2"] .so-final-plate:focus-visible{ background:rgba(18,20,17,.97)!important; border:1px solid rgba(199,164,97,.6)!important; color:#E2C892!important; font-size:9px!important; font-weight:950!important; box-shadow:0 6px 18px rgba(0,0,0,.55)!important; } html[data-so-harita="v2"] .so-final-plate:hover:before, html[data-so-harita="v2"] .so-final-plate:focus-visible:before{ opacity:0;transform:scale(.4); } } /* dokunmatikte basili tutunca da plaka gorunsun */ html[data-so-harita="v2"] .so-final-plate:active{ background:rgba(18,20,17,.97)!important; border:1px solid rgba(199,164,97,.6)!important; color:#E2C892!important; font-size:9px!important; } html[data-so-harita="v2"] .so-final-plate:active:before{opacity:0} /* klavyeyle gezerken hedef kaybolmasin */ html[data-so-harita="v2"] .so-final-plate:focus-visible{ outline:2px solid rgba(199,164,97,.85)!important; outline-offset:2px!important; } /* ---------- sahipli il: odak noktasi burasi ---------- */ html[data-so-harita="v2"] .so-final-owner-avatar{ box-shadow:0 0 0 2px rgba(199,164,97,.9), 0 0 20px rgba(199,164,97,.26), 0 8px 20px rgba(0,0,0,.55)!important; } /* Mobilde 44px avatar haritanin %12'sini kapliyordu. Kutu 44px kaliyor (Leaflet iconAnchor'u ona gore), yalnizca olcekleniyor; boylece isaret merkezden kaymiyor. */ @media(max-width:760px){ html[data-so-harita="v2"] .so-final-owner-avatar{ transform:scale(.82); transform-origin:center center; } html[data-so-harita="v2"] .so-final-owner-avatar:active{ transform:scale(.78); } } /* ---------- "81 Sehri Al" kutusu haritanin ortasindan kalkiyor ---------- final-release-v1.js bu dugmeyi .map-stage icine right:14px/bottom:119px ile koyuyordu. Mobilde .map-stage yuksekligi clamp(280px,39svh,330px) oldugu icin bottom:119px sag kenarin yaklasik %40 yukarisina denk geliyor: tam Turkiye'nin uzerine, ustelik orada sahipli bir il varsa 44px avatarinin uzerine biniyordu. Sahnenin bos tek kosesi sol ust: sag ust Leaflet yakinlastirma kontrolu (top:10 right:10), sol alt .crumb (left:11 bottom:11), sag alt .reset (right:11 bottom:11). Sol ust ayni zamanda haritanin bos deniz alani - kara parcasi sahnenin ust ~%25'inde baslamiyor. Dugmeye dokunulmuyor: ayni dugum, ayni id, ayni onclick. Yalnizca nereye oturdugu degisiyor. Konumlandirmayi yapan tek kural final-release-v1.js icinde ve !important tasimiyor (0,1,0); buradaki (0,3,1) onu ve @media(max-width:560px) esini birlikte yener. */ html[data-so-harita="v2"] .map-stage>.sr-all-cities-btn{ top:10px!important; left:10px!important; right:auto!important; bottom:auto!important; max-width:min(62%,190px)!important; padding:7px 10px!important; } @media(max-width:560px){ html[data-so-harita="v2"] .map-stage>.sr-all-cities-btn{ top:9px!important; left:9px!important; right:auto!important; bottom:auto!important; max-width:min(60%,158px)!important; } } /* ---------- alt bilgi seritleri: altin paletine hizala ---------- */ html[data-so-harita="v2"] .so-war2-legend span{ background:rgba(10,12,10,.92)!important; border:1px solid rgba(199,164,97,.22)!important; color:#B5AEA0!important; } html[data-so-harita="v2"] .so-war2-legend .free{ background:rgba(199,164,97,.55)!important; } html[data-so-harita="v2"] .so-war2-legend .taken{ background:#C7A461!important; box-shadow:0 0 0 2px rgba(199,164,97,.26)!important; } /* ---------- erisilebilirlik ---------- */ @media (prefers-reduced-motion:reduce){ html[data-so-harita="v2"] .so-final-plate, html[data-so-harita="v2"] .so-final-plate:before{ transition-duration:.01ms!important; } }