diff options
Diffstat (limited to 'src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles')
4 files changed, 267 insertions, 0 deletions
diff --git a/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/common.css b/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/common.css new file mode 100644 index 0000000..a0e0750 --- /dev/null +++ b/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/common.css @@ -0,0 +1,23 @@ +body { + font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + padding: 2rem; + background-color: #fff; + max-width: 800px; + margin: 0 auto; + line-height: 1.5; +} + +h1 { + font-size: 1.75rem; + margin-bottom: 1.5rem; + text-align: center; +} + +body > footer { + text-align: center; + font-size: 0.85rem; + color: #666; + margin-top: 2rem; + padding-top: 1rem; + border-top: 1px solid #ddd; +} diff --git a/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/days_in_feed.css b/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/days_in_feed.css new file mode 100644 index 0000000..b3c46d1 --- /dev/null +++ b/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/days_in_feed.css @@ -0,0 +1,28 @@ +main article { + background: #f9f9f9; + border: 1px solid #ddd; + border-radius: 4px; + padding: 0.75rem 1rem; + margin: 0.5rem 0; + text-align: center; +} + +main article.current-day { + background: #e3f2fd; + border-color: #0074d9; +} + +main article.current-day a { + font-weight: 700; +} + +main article a { + font-size: 1rem; + font-weight: 500; + color: #0074d9; + text-decoration: none; +} + +main article a:hover { + text-decoration: underline; +} diff --git a/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/service_details.css b/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/service_details.css new file mode 100644 index 0000000..570de3a --- /dev/null +++ b/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/service_details.css @@ -0,0 +1,146 @@ +.navigation-bar { + margin-bottom: 1.5rem; + font-size: 0.9rem; +} + +.trip-container { + border: 1px solid #ddd; + border-radius: 0.25rem; + background-color: var(--route-color-semi, #fafafa); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); + margin-bottom: 1.5rem; + overflow: hidden; +} + +.trip-header { + display: flex; + background-color: #fff; + border-bottom: 1px solid #eee; + padding: 0.6rem 0.8rem; +} + +.trip-header .route { + font-weight: bold; + font-size: 1.1rem; + min-width: 60px; + display: flex; + align-items: center; + justify-content: center; + border-right: 1px solid #ddd; + margin-right: 0.5rem; + padding-right: 0.5rem; +} + +.trip-header .headsign { + flex-grow: 1; + font-weight: 500; +} + +.trip-header .distance { + min-width: 80px; + text-align: right; + font-weight: 500; +} + +.trip-details { + display: flex; + flex-wrap: wrap; +} + +.trip-leg { + flex: 1; + min-width: 280px; + padding: 0.75rem; +} + +.trip-leg:first-child { + border-right: 1px solid #ddd; +} + +.trip-time { + font-weight: 600; + font-family: 'Consolas', monospace; + font-size: 1.1rem; +} + +.trip-stop { + margin-top: 0.25rem; + color: #333; +} + +.trip-footer { + text-align: right; + margin: 0.5em 1em 0.5em 0; +} + +.trip-details-link { + color: #0074d9; + text-decoration: underline; + font-size: 0.98em; +} + +/* Day change marker */ +.day-change-marker { + background-color: #fff3cd; + border: 2px solid #f5c86a; + color: #856404; + text-align: center; + padding: 0.75rem; + margin: 1rem 0; + border-radius: 4px; + font-weight: bold; +} + +/* Total distance counter */ +.total-distance { + text-align: right; + font-weight: bold; + padding: 0.75rem; + margin-top: 1.5rem; + border-top: 1px solid #ddd; + background-color: #f9f9f9; + border-radius: 4px; +} + +/* Highlight current trip */ +.trip-container.highlight { + box-shadow: 0 0 8px rgba(0, 116, 217, 0.6); + border-color: #0074d9; + padding: 1rem; +} + +/* Media query for print */ +@media print { + body { + padding: 0; + margin: 0; + } + + .trip-container { + page-break-inside: avoid; + border: 1px solid #000; + margin-bottom: 0.5rem; + } + + .trip-header { + background-color: #f5f5f5 !important; + } + + .day-change-marker { + border: 1px solid #000; + background-color: #f5f5f5 !important; + color: #000; + } + + .navigation { + display: none; + } +} + +.trip-line--N1 { + background-color: rgba(191, 191, 191, 0.30); +} + +.trip-line-VITRASA { + background-color: rgba(0, 153, 0, 0.30); +} diff --git a/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/services_in_day.css b/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/services_in_day.css new file mode 100644 index 0000000..ce847ef --- /dev/null +++ b/src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/services_in_day.css @@ -0,0 +1,70 @@ +a { + color: #0074d9; + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +#service-cards { + list-style: none; + padding: 0; + margin: 0; +} + +#service-cards article { + background: #f9f9f9; + border: 1px solid #ddd; + border-radius: 4px; + margin: 0.5rem 0; + padding: 1rem; +} + +#service-cards article header { + font-weight: 600; + font-size: 1.1rem; + margin-bottom: 0.5rem; +} + +#service-cards article main { + font-size: 0.9rem; + margin-bottom: 0.75rem; + color: #555; +} + +#service-cards article footer { + margin-top: 0.5rem; + display: flex; + flex-wrap: wrap; + gap: 0.125rem 0.75rem; +} + +#service-cards article footer span.route-group { + display: inline-block; + padding: 0.3rem 0.6rem; + margin: 0.25rem 0.1rem; + font-size: 0.85rem; + font-weight: 600; + + background: #FFF; + border-bottom: 4px solid var(--route-color, #000); + color: var(--route-text, #000); +} + +/* Filter button styles */ +.filter-btn { + padding: 0.4rem 0.8rem; + margin: 0.2rem; + border: 1px solid #0074d9; + border-radius: 4px; + background: #fff; + color: #0074d9; + cursor: pointer; + transition: background 0.2s, color 0.2s; +} + +.filter-btn.active { + background: #0074d9; + color: #fff; +} |