GuavaPopper
244 lines
6.7 KiB
PHP
244 lines
6.7 KiB
PHP
<style>
|
|
:root {
|
|
--lg-primary: #EA580C;
|
|
--lg-secondary: #0D9488;
|
|
--lg-tertiary: #EAB308;
|
|
--lg-bg: #FFFFFF;
|
|
--lg-surface: #FFFFFF;
|
|
--lg-ink: #17201B;
|
|
--lg-muted: #66736D;
|
|
--lg-border: #E7E2DB;
|
|
--lg-success: #16A34A;
|
|
--lg-warning: #EAB308;
|
|
--lg-error: #DC2626;
|
|
--lg-info: #0D9488;
|
|
--lg-map-tint: rgba(234, 88, 12, 0.12);
|
|
--lg-shadow: 0 18px 45px rgba(23, 32, 27, 0.13);
|
|
}
|
|
|
|
.localguide-shell {
|
|
background:
|
|
linear-gradient(180deg, rgba(234, 88, 12, 0.07), rgba(255, 255, 255, 0) 260px),
|
|
var(--lg-bg) !important;
|
|
color: var(--lg-ink);
|
|
}
|
|
|
|
.localguide-shell .btn,
|
|
.localguide-shell .input,
|
|
.localguide-shell .select,
|
|
.localguide-shell .badge,
|
|
.localguide-shell .card,
|
|
.localguide-shell .modal-box,
|
|
.localguide-shell .alert {
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.localguide-shell .btn-primary {
|
|
background-color: var(--lg-primary) !important;
|
|
border-color: var(--lg-primary) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.localguide-shell .btn-primary:hover {
|
|
background-color: #C2410C !important;
|
|
border-color: #C2410C !important;
|
|
}
|
|
|
|
.localguide-shell .btn-outline {
|
|
border-color: var(--lg-secondary) !important;
|
|
color: var(--lg-secondary) !important;
|
|
}
|
|
|
|
.localguide-shell .btn-outline:hover {
|
|
background-color: var(--lg-secondary) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.localguide-shell .text-primary,
|
|
.localguide-shell .stat-value.text-primary,
|
|
.localguide-shell .stat-figure.text-primary {
|
|
color: var(--lg-primary) !important;
|
|
}
|
|
|
|
.localguide-shell .progress-primary::-webkit-progress-value {
|
|
background-color: var(--lg-primary) !important;
|
|
}
|
|
|
|
.localguide-shell .progress-primary::-moz-progress-bar {
|
|
background-color: var(--lg-primary) !important;
|
|
}
|
|
|
|
.localguide-navbar {
|
|
background: rgba(255, 255, 255, 0.93) !important;
|
|
border-bottom: 1px solid var(--lg-border) !important;
|
|
box-shadow: 0 10px 25px rgba(23, 32, 27, 0.08) !important;
|
|
backdrop-filter: blur(14px);
|
|
}
|
|
|
|
.localguide-brand {
|
|
color: var(--lg-primary) !important;
|
|
}
|
|
|
|
.localguide-active-link {
|
|
background: rgba(234, 88, 12, 0.11) !important;
|
|
color: var(--lg-primary) !important;
|
|
border: 1px solid rgba(234, 88, 12, 0.24);
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.localguide-link {
|
|
color: var(--lg-secondary) !important;
|
|
}
|
|
|
|
.localguide-hero-panel,
|
|
.localguide-panel,
|
|
.localguide-shell .card,
|
|
.localguide-shell .stats,
|
|
.localguide-shell .modal-box {
|
|
background: rgba(255, 255, 255, 0.94) !important;
|
|
border: 1px solid var(--lg-border) !important;
|
|
box-shadow: var(--lg-shadow) !important;
|
|
}
|
|
|
|
.localguide-hero-panel {
|
|
max-width: 580px;
|
|
text-align: left;
|
|
}
|
|
|
|
.localguide-kicker {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.45rem;
|
|
color: var(--lg-secondary);
|
|
font-size: 0.78rem;
|
|
font-weight: 800;
|
|
letter-spacing: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.localguide-highlight {
|
|
color: var(--lg-primary);
|
|
}
|
|
|
|
.localguide-yellow-badge {
|
|
background: rgba(234, 179, 8, 0.17) !important;
|
|
border: 1px solid rgba(234, 179, 8, 0.28) !important;
|
|
color: #854D0E !important;
|
|
}
|
|
|
|
.localguide-filter-panel,
|
|
.localguide-filter-bar {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.localguide-filter-panel {
|
|
position: absolute;
|
|
top: 1rem;
|
|
left: 1rem;
|
|
z-index: 999;
|
|
max-width: min(92vw, 520px);
|
|
padding: 0.55rem;
|
|
background: rgba(255, 255, 255, 0.92);
|
|
border: 1px solid var(--lg-border);
|
|
border-radius: 8px;
|
|
box-shadow: var(--lg-shadow);
|
|
backdrop-filter: blur(14px);
|
|
}
|
|
|
|
.localguide-filter-chip {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 0.45rem;
|
|
min-height: 2.25rem;
|
|
padding: 0.45rem 0.7rem;
|
|
border: 1px solid var(--lg-border);
|
|
border-radius: 999px;
|
|
background: var(--lg-surface);
|
|
color: var(--lg-muted);
|
|
font-size: 0.82rem;
|
|
font-weight: 800;
|
|
cursor: pointer;
|
|
transition: transform 0.16s ease, border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
|
|
}
|
|
|
|
.localguide-filter-chip:hover {
|
|
transform: translateY(-1px);
|
|
border-color: rgba(13, 148, 136, 0.42);
|
|
color: var(--lg-secondary);
|
|
}
|
|
|
|
.localguide-filter-chip.is-active {
|
|
background: var(--lg-primary);
|
|
border-color: var(--lg-primary);
|
|
color: #fff;
|
|
}
|
|
|
|
.localguide-map-hint {
|
|
background: var(--lg-primary) !important;
|
|
border: 1px solid rgba(255, 255, 255, 0.35) !important;
|
|
color: #fff !important;
|
|
border-radius: 999px !important;
|
|
}
|
|
|
|
.localguide-drag-hint {
|
|
background: var(--lg-tertiary) !important;
|
|
border: 1px solid rgba(255, 255, 255, 0.45) !important;
|
|
color: #3F2A05 !important;
|
|
border-radius: 999px !important;
|
|
}
|
|
|
|
.localguide-shell .leaflet-control-layers {
|
|
border: 1px solid var(--lg-border) !important;
|
|
border-radius: 8px !important;
|
|
background: rgba(255, 255, 255, 0.93) !important;
|
|
box-shadow: var(--lg-shadow) !important;
|
|
}
|
|
|
|
.localguide-shell .leaflet-control-layers-selector {
|
|
accent-color: var(--lg-primary) !important;
|
|
}
|
|
|
|
.localguide-shell .leaflet-popup-content-wrapper,
|
|
.localguide-shell .leaflet-popup-tip {
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.localguide-status-24 {
|
|
background: rgba(234, 88, 12, 0.14) !important;
|
|
color: var(--lg-primary) !important;
|
|
border: 1px solid rgba(234, 88, 12, 0.26) !important;
|
|
}
|
|
|
|
.localguide-status-regular {
|
|
background: rgba(13, 148, 136, 0.13) !important;
|
|
color: var(--lg-secondary) !important;
|
|
border: 1px solid rgba(13, 148, 136, 0.24) !important;
|
|
}
|
|
|
|
.localguide-map-legend-dot-primary {
|
|
background: var(--lg-primary);
|
|
}
|
|
|
|
.localguide-map-legend-dot-secondary {
|
|
background: var(--lg-secondary);
|
|
}
|
|
|
|
.localguide-shell .table-zebra tbody tr:nth-child(even) {
|
|
background: rgba(13, 148, 136, 0.045);
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.localguide-hero-panel {
|
|
width: calc(100vw - 2rem);
|
|
padding: 1.5rem !important;
|
|
}
|
|
|
|
.localguide-filter-panel {
|
|
left: 0.75rem;
|
|
right: 0.75rem;
|
|
}
|
|
}
|
|
</style>
|