102 lines
No EOL
2.9 KiB
CSS
102 lines
No EOL
2.9 KiB
CSS
/* Leaflet Custom Styles with Vazirmatn Font */
|
|
|
|
/* Popup Styles */
|
|
.leaflet-popup-content-wrapper {
|
|
font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
|
|
direction: rtl !important;
|
|
text-align: right !important;
|
|
border-radius: 8px !important;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
|
|
}
|
|
|
|
.leaflet-popup-content {
|
|
font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
|
|
direction: rtl !important;
|
|
text-align: right !important;
|
|
margin: 8px 12px !important;
|
|
line-height: 1.4 !important;
|
|
}
|
|
|
|
.leaflet-popup-tip {
|
|
background: white !important;
|
|
box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
|
|
}
|
|
|
|
.leaflet-popup-close-button {
|
|
font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
|
|
font-size: 18px !important;
|
|
font-weight: 600 !important;
|
|
color: #666 !important;
|
|
right: 8px !important;
|
|
left: auto !important;
|
|
}
|
|
|
|
/* Custom Marker Styles */
|
|
.custom-marker {
|
|
font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
|
|
}
|
|
|
|
.user-location-marker {
|
|
font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
|
|
}
|
|
|
|
/* Popup Content Styles */
|
|
.leaflet-popup-content h4 {
|
|
font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
|
|
font-weight: 600 !important;
|
|
color: #333 !important;
|
|
margin: 0 0 8px 0 !important;
|
|
font-size: 16px !important;
|
|
}
|
|
|
|
.leaflet-popup-content p {
|
|
font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
|
|
margin: 4px 0 !important;
|
|
font-size: 13px !important;
|
|
line-height: 1.4 !important;
|
|
}
|
|
|
|
.leaflet-popup-content .category {
|
|
color: #666 !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.leaflet-popup-content .city {
|
|
color: #28a745 !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.leaflet-popup-content .distance {
|
|
color: #007bff !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
/* Tooltip Styles */
|
|
.leaflet-tooltip {
|
|
font-family: 'Vazirmatn', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif !important;
|
|
direction: rtl !important;
|
|
text-align: right !important;
|
|
background: rgba(0,0,0,0.8) !important;
|
|
color: white !important;
|
|
border: none !important;
|
|
border-radius: 4px !important;
|
|
padding: 4px 8px !important;
|
|
font-size: 12px !important;
|
|
font-weight: 500 !important;
|
|
}
|
|
|
|
.leaflet-tooltip-top::before {
|
|
border-top-color: rgba(0,0,0,0.8) !important;
|
|
}
|
|
|
|
.leaflet-tooltip-bottom::before {
|
|
border-bottom-color: rgba(0,0,0,0.8) !important;
|
|
}
|
|
|
|
.leaflet-tooltip-left::before {
|
|
border-left-color: rgba(0,0,0,0.8) !important;
|
|
}
|
|
|
|
.leaflet-tooltip-right::before {
|
|
border-right-color: rgba(0,0,0,0.8) !important;
|
|
} |