Şablon:İnteraktifHarita/styles.css: Revizyonlar arasındaki fark

06.50, 15 Temmuz 2026 itibarı ile sayfanın şu anki hâli

/* MediaWiki Harita Kutusu - Tema Uyumlu Çerçeve */
.wiki-map-container {
    width: 100%;
    margin: 25px 0;
    border: 1px solid var(--border-color, #e2e2e2);
    border-radius: 8px;
    overflow: hidden;
    background: var(--background-color-base, #ffffff);
    transition: background 0.3s ease, border-color 0.3s ease;
}

#leaflet-wiki-map {
    height: 480px;
    width: 100%;
}

/* Kırmızı pırıltılı özel harita noktaları (Marker) */
.custom-map-marker {
    background-color: #b30000;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0 0 10px rgba(179, 0, 0, 0.9);
}

/* Pop-up pencerelerini aydınlık/karanlık temaya uyarlama */
.leaflet-popup-content-wrapper {
    background: var(--background-color-interactive, #ffffff) !important;
    color: var(--color-base, #202122) !important;
    border: 1px solid var(--border-color, #e2e2e2) !important;
    border-radius: 6px !important;
    font-family: inherit;
    box-shadow: 0 3px 14px rgba(0,0,0,0.2) !important;
}
.leaflet-popup-tip {
    background: var(--background-color-interactive, #ffffff) !important;
}

/* + ve - Zoom Butonlarının Modern Tema Uyumlu Tasarımı */
.leaflet-bar {
    border: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.leaflet-bar a, 
.leaflet-bar a:hover {
    background-color: var(--background-color-interactive, #ffffff) !important;
    color: #b30000 !important;
    border: 1px solid var(--border-color, #e2e2e2) !important;
    width: 32px !important;
    height: 32px !important;
    line-height: 30px !important;
    font-size: 18px !important;
    font-weight: 300 !important;
    transition: all 0.2s ease;
    border-radius: 4px !important;
    margin-bottom: 4px;
}

.leaflet-bar a:hover {
    background-color: var(--background-color-interactive-subtle, #f8f9fa) !important;
    color: #ff1a1a !important;
    border-color: #b30000 !important;
}

.leaflet-control-zoom-in {
    border-radius: 4px !important;
}

.leaflet-control-zoom-out {
    border-radius: 4px !important;
}