diff --git a/web/src/index.css b/web/src/index.css index ad0fd32..e3ec0a3 100644 --- a/web/src/index.css +++ b/web/src/index.css @@ -1,123 +1,99 @@ @import 'maplibre-gl/dist/maplibre-gl.css'; -@font-face { - font-family: "Raleway"; - font-style: normal; - font-weight: 400; - font-display: swap; - src: local(""), - url("https://www.emfcamp.org/static/fonts/raleway-v22-latin-ext_latin-regular.woff2") - format("woff2"), - url("https://www.emfcamp.org/static/fonts/raleway-v22-latin-ext_latin-regular.woff") - format("woff"); -} - -@font-face { - font-family: "Raleway"; - font-style: normal; - font-weight: 700; - font-display: swap; - src: local(""), - url("https://www.emfcamp.org/static/fonts/raleway-v22-latin-ext_latin-700.woff2") - format("woff2"), - url("https://www.emfcamp.org/static/fonts/raleway-v22-latin-ext_latin-700.woff") - format("woff"); -} - html { - width: 100%; - height: 100%; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - color: #333; + width: 100%; + height: 100%; + margin: 0; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + color: #333; + background-color: #dbe8a5; } body { - display: block !important; - width: 100%; - height: 100%; - margin: 0px; - overflow: hidden; + width: 100%; + height: 100%; + margin: 0; + overflow: hidden; } header { - display: block; - position: absolute; - top: 0; - left: 0; - z-index: 2; - padding: 4px; - padding-top: 2px; - background-color: rgba(255, 255, 255, 0.75); - border-radius: 0px 0px 4px 0px; - border-right: 1px #ddd solid; - border-bottom: 1px #ddd solid; - font-size: 10px; + display: block; + position: absolute; + top: 0; + left: 0; + z-index: 2; + padding: 4px; + padding-top: 2px; + background-color: rgba(255, 255, 255, 0.75); + border-radius: 0px 0px 4px 0px; + border-right: 1px #ddd solid; + border-bottom: 1px #ddd solid; + font-size: 10px; +} + +#map { + width: 100%; + height: 100%; } header, .maplibregl-ctrl.maplibregl-ctrl-attrib { - backdrop-filter: blur(3px) saturate(80%); + backdrop-filter: blur(3px) saturate(80%); } @media all and (display-mode: standalone) { - /* Hide header in PWA mode */ - header { - display: none; - } + /* Hide header in PWA mode */ + header { + display: none; + } } @media (max-height: 750px) { - #subtitle { - display: none; - } + #subtitle { + display: none; + } } h1 { - margin: 0px; - font-size: 20px; - font-family: "Raleway", sans-serif; + margin: 0px; + font-size: 20px; + font-family: 'Raleway', sans-serif; } h1 a { - color: #333; - text-decoration: none; + color: #333; + text-decoration: none; } p { - margin-top: 1px; - margin-bottom: 4px; + margin-top: 1px; + margin-bottom: 4px; } .maplibregl-ctrl-attrib { - font-size: 10px; -} - -#map { - width: 100%; - height: 100%; - background-color: white; + font-size: 10px; } #install-prompt { - margin-left: 2px; - position: absolute; - margin-right: 50px; - max-width: 250px; - min-width: 200px; - padding: 4px; - top: 50px; - border-radius: 4px; - border: 1px #ddd solid; - background-color: rgba(255, 255, 255, 0.8); + margin-left: 2px; + position: absolute; + margin-right: 50px; + max-width: 250px; + min-width: 200px; + padding: 4px; + top: 50px; + border-radius: 4px; + border: 1px #ddd solid; + background-color: rgba(255, 255, 255, 0.8); } #install-button { - float: left; + float: left; } #install-close { - float: right; + float: right; } .btn { - font-size: 1.1em; - background-color: white; - border-radius: 4px; + font-size: 1.1em; + background-color: white; + border-radius: 4px; }