diff --git a/static/css/main.css b/static/css/main.css index cf32f83d..d69c6243 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -7622,11 +7622,14 @@ textarea.form-control-lg { text-decoration-color: RGBA(255, 255, 255, var(--bs-link-underline-opacity, 1)) !important; } -.link-body-emphasis { +.link-body-emphasis, footer .nav-item > a, +footer .list-unstyled .fab { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } -.link-body-emphasis:hover, .link-body-emphasis:focus { +.link-body-emphasis:hover, footer .nav-item > a:hover, +footer .list-unstyled .fab:hover, .link-body-emphasis:focus, footer .nav-item > a:focus, +footer .list-unstyled .fab:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } @@ -7981,7 +7984,7 @@ textarea.form-control-lg { display: inline-block !important; } -.d-block, .auth-base-section { +.d-block { display: block !important; } @@ -8005,7 +8008,7 @@ textarea.form-control-lg { display: table-cell !important; } -.d-flex, .bulletins .bulletin-element, .charts .card, .charts .main-links-list .list-element, .main-links-list .charts .list-element, .charts .card-special, .charts .card-info, .charts .card-dashboard, .leaflet-control-container .leaflet-bottom .leaflet-left .info .legend .leaflet-control, .card-data h2, .card-data .h2, .special-icon, .dataset-icon, .dataset-card h3, .dataset-card .h3, .nav-scroller nav { +.d-flex, .bulletins .bulletin-element, .auth-base-section, .leaflet-control-container .leaflet-bottom .leaflet-left .info .legend .leaflet-control, .card-data h2, .card-data .h2, .special-icon, .dataset-icon, .dataset-card h3, .dataset-card .h3, .nav-scroller { display: flex !important; } @@ -8017,11 +8020,11 @@ textarea.form-control-lg { display: none !important; } -.shadow, .bulletins .bulletin-element img:hover, .card-info, .card-special, .dataset-card { +.shadow, .bulletins .bulletin-element img:hover, .card-info, .card-special { box-shadow: var(--bs-box-shadow) !important; } -.shadow-sm, .masthead, .card-dashboard { +.shadow-sm, .masthead, .card-dashboard, .dataset-card { box-shadow: var(--bs-box-shadow-sm) !important; } @@ -8474,7 +8477,7 @@ textarea.form-control-lg { justify-content: flex-end !important; } -.justify-content-center, .charts .card, .charts .main-links-list .list-element, .main-links-list .charts .list-element, .charts .card-special, .charts .card-info, .charts .card-dashboard, .special-icon, .dataset-icon { +.justify-content-center, .special-icon, .dataset-icon { justify-content: center !important; } @@ -8498,7 +8501,7 @@ textarea.form-control-lg { align-items: flex-end !important; } -.align-items-center, .bulletins .bulletin-element, .charts .card, .charts .main-links-list .list-element, .main-links-list .charts .list-element, .charts .card-special, .charts .card-info, .charts .card-dashboard, .card-data h2, .card-data .h2, .special-icon, .dataset-icon, .dataset-card h3, .dataset-card .h3 { +.align-items-center, .bulletins .bulletin-element, .auth-base-section, .card-data h2, .card-data .h2, .special-icon, .dataset-icon, .dataset-card h3, .dataset-card .h3, .nav-scroller { align-items: center !important; } @@ -8834,7 +8837,7 @@ textarea.form-control-lg { padding-left: 0.25rem !important; } -.px-2, .card-special { +.px-2, .card-special, .nav-scroller nav a { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } @@ -8879,7 +8882,7 @@ textarea.form-control-lg { padding-bottom: 1.5rem !important; } -.py-5, .section-main, .auth-base-section { +.py-5, .section-main { padding-top: 3rem !important; padding-bottom: 3rem !important; } @@ -8992,7 +8995,7 @@ textarea.form-control-lg { gap: 0.5rem !important; } -.gap-3 { +.gap-3, .nav-scroller { gap: 1rem !important; } @@ -9214,8 +9217,7 @@ footer .list-unstyled .fab { color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } -.text-dark, footer .nav-item > a, -footer .list-unstyled .fab, footer { +.text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } @@ -9261,7 +9263,7 @@ footer .list-unstyled .fab, footer { color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } -.text-body { +.text-body, footer, .legend > input, .legend > label, .info h4, .info .h4, .card-dashboard, .info .legend .leaflet-control { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } @@ -9592,7 +9594,7 @@ footer .list-unstyled .fab, footer { background-color: rgba(var(--bs-brio-success-secondary-rgb), var(--bs-bg-opacity)) !important; } -.bg-brio-light, .dataset-card { +.bg-brio-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-brio-light-rgb), var(--bs-bg-opacity)) !important; } @@ -9607,7 +9609,7 @@ footer .list-unstyled .fab, footer { background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } -.bg-body { +.bg-body, .info.legend.leaflet-control, .dataset-card { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } @@ -9622,7 +9624,7 @@ footer .list-unstyled .fab, footer { background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } -.bg-body-tertiary { +.bg-body-tertiary, .cards-section-bg { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } @@ -9651,7 +9653,7 @@ footer .list-unstyled .fab, footer { background-color: var(--bs-primary-bg-subtle) !important; } -.bg-secondary-subtle { +.bg-secondary-subtle, .leaflet-container { background-color: var(--bs-secondary-bg-subtle) !important; } @@ -11147,7 +11149,7 @@ footer .list-unstyled .fab, footer { .justify-content-lg-end { justify-content: flex-end !important; } - .justify-content-lg-center, .nav-scroller nav { + .justify-content-lg-center, .nav-scroller { justify-content: center !important; } .justify-content-lg-between { @@ -13306,7 +13308,6 @@ footer .list-unstyled .fab, footer { .nav-scroller nav { display: flex; flex-wrap: nowrap; - padding-bottom: 1rem; overflow-x: auto; text-align: center; white-space: nowrap; @@ -13398,7 +13399,7 @@ footer .list-unstyled .fab, footer { height: 500px; } .charts .card .chart, .charts .main-links-list .list-element .chart, .main-links-list .charts .list-element .chart, .charts .card-special .chart, .charts .card-info .chart, .charts .card-dashboard .chart { - height: 350px; + height: 400px; } .info { @@ -13411,7 +13412,6 @@ footer .list-unstyled .fab, footer { } .info h4, .info .h4 { margin: 0 0 5px; - color: #777; } .legend i { @@ -13421,11 +13421,7 @@ footer .list-unstyled .fab, footer { display: inline-block; height: 18px; } -.legend > label { - color: #000; -} .legend > input { - color: #000; font-size: 1em; } @@ -13442,14 +13438,14 @@ footer .list-unstyled .fab, footer { height: 20px; } -.cards-section-bg { - background-color: #dee2e6; -} - .section-breadcrumbs .breadcrumb { font-weight: 500; } +.auth-base-section { + min-height: calc(100vh - 410px); +} + .brio-navbar .navbar-nav .nav-link, .brio-navbar .navbar-nav .nav-scroller nav a, .nav-scroller nav .brio-navbar .navbar-nav a { text-decoration: none; }