Initial commit

css/app.css

@@ -0,0 +1,129 @@
+@import url("./spectre.css");
+@import url("../fonts/fonts.css");
+/* Variables */
+:root {
+    --ispc-red: #ce1417;
+    --ispc-blue: #1b3152;
+    --links-color: #263aac;
+    --ispc-blue-tr: rgba(27,49,80,0.5);
+    --din-regular: 'din_next_w1gregular';
+}
+
+body {
+    font-family: var(--din-regular);
+    font-size: large;
+}
+a {
+    color: var(--links-color);
+}
+a:visited {
+    color: var(--links-color);
+}
+.main.credits {
+    width: 60vw;
+    margin: 0 auto;
+    min-height: 75vh;
+    padding-bottom: 1.5rem;
+}
+.leaflet-container {
+    background: #fff; 
+    font-family: inherit;
+}
+.leaflet-control a {
+    text-decoration: none;
+    color: initial;
+}
+.wait,
+.wait-lg {
+    z-index: 999;
+    position: fixed;
+    background-color: #fff;
+    font-size: xx-large;
+}
+.wait {
+    width: 80%;
+    margin: 0 auto;
+    padding-top: 100px;
+}
+.wait-lg {
+    width: 100vw;
+    height: 100vh;
+    padding-top: 25vh;
+}
+/* Popup */
+.welcome .leaflet-popup-content {
+    min-height: 350px;
+    min-width: 700px;
+    padding: 2rem;
+    margin-right: 42px;
+}
+.welcome p {
+    font-size: 1rem;
+}
+.ped-popup .leaflet-popup-content {
+    font-size: large;
+    min-height: 700px;
+    min-width: 700px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    margin-right: 42px;
+    scrollbar-width: thin;
+    scrollbar-color:  var(--ispc-blue) transparent;
+}
+.ped-popup.country .leaflet-popup-content {
+    min-height: 600px;
+}
+.leaflet-popup-content::-webkit-scrollbar {
+    width: 6px;
+}
+.leaflet-popup-content::-webkit-scrollbar-thumb {
+    background-color: var(--ispc-blue);
+    border-radius: 5px;
+}
+.leaflet-popup-content img {
+    margin: 0 auto;
+}
+.leaflet-popup-close-button {
+    padding-top: 5px;
+    padding-right: 30px;
+    padding-left: 10px;
+    margin-left: 40px;
+}
+.leaflet-popup-close-button > span {
+    font-size: 30px;
+}
+.leaflet-popup-tip {
+    display: none;
+}
+.text-lead a,
+.tit_prog {
+    display: none;
+}
+.maximize path {
+    stroke-width: 1.5px;
+    stroke: black;
+}
+#fullscreen {
+    padding: 2px;
+}
+/* Leaflef map container */
+@media (max-width: 840px) {
+    .map-sm {
+        height: 650px;
+    }
+}
+@media (min-width: 840px) and (max-width: 960px) {
+    .map-sm {
+        height: 700px;
+    }
+}
+@media (min-width: 960px) and (max-width: 1280px) {
+    .map-lg {
+        height: 750px;
+    }
+}
+@media (min-width: 1280px) {
+    .map-lg {
+        height: 820px;
+    }
+}