From 661cccc2da9a6c32b7b56c60313787282a9084ea Mon Sep 17 00:00:00 2001 From: Ariel Costas Guerrero Date: Tue, 21 Oct 2025 15:34:24 +0200 Subject: Begin implementing --- .../wwwroot/styles/services_in_day.css | 70 ++++++++++++++++++++++ 1 file changed, 70 insertions(+) create mode 100644 src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/services_in_day.css (limited to 'src/Costasdev.Busurbano.ServiceViewer/wwwroot/styles/services_in_day.css') 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; +} -- cgit v1.3