Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
88 righe
2.2 KiB
88 righe
2.2 KiB
2 anni fa
|
.leaflet-loader-container {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
z-index: 1000;
|
||
|
|
|
||
|
|
cursor: auto;
|
||
|
|
}
|
||
|
|
.leaflet-loader-container .leaflet-loader-background {
|
||
|
|
position:fixed;
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
background-color: rgba(121,121,121,0.76);
|
||
|
|
}
|
||
|
|
|
||
|
|
.leaflet-loader {
|
||
|
|
width:57.6px;
|
||
|
|
margin: 20em auto;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes hideLoader {
|
||
|
|
from {opacity: 1;}
|
||
|
|
to {opacity: 0;}
|
||
|
|
}
|
||
|
|
@keyframes hideLoader {
|
||
|
|
from {opacity: 1;}
|
||
|
|
to {opacity: 0;}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
Following css for the loading animations comes from :
|
||
|
|
https://connoratherton.com/loaders
|
||
|
|
*/
|
||
|
|
|
||
|
|
@-webkit-keyframes scale {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
opacity: 1; }
|
||
|
|
|
||
|
|
45% {
|
||
|
|
-webkit-transform: scale(0.1);
|
||
|
|
transform: scale(0.1);
|
||
|
|
opacity: 0.7; }
|
||
|
|
|
||
|
|
80% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
opacity: 1; } }
|
||
|
|
@keyframes scale {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
opacity: 1; }
|
||
|
|
|
||
|
|
45% {
|
||
|
|
-webkit-transform: scale(0.1);
|
||
|
|
transform: scale(0.1);
|
||
|
|
opacity: 0.7; }
|
||
|
|
|
||
|
|
80% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
transform: scale(1);
|
||
|
|
opacity: 1; } }
|
||
|
|
|
||
|
|
.leaflet-loader > div:nth-child(0) {
|
||
|
|
-webkit-animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08);
|
||
|
|
animation: scale 0.75s -0.36s infinite cubic-bezier(.2, .68, .18, 1.08); }
|
||
|
|
.leaflet-loader > div:nth-child(1) {
|
||
|
|
-webkit-animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08);
|
||
|
|
animation: scale 0.75s -0.24s infinite cubic-bezier(.2, .68, .18, 1.08); }
|
||
|
|
.leaflet-loader > div:nth-child(2) {
|
||
|
|
-webkit-animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08);
|
||
|
|
animation: scale 0.75s -0.12s infinite cubic-bezier(.2, .68, .18, 1.08); }
|
||
|
|
.leaflet-loader > div:nth-child(3) {
|
||
|
|
-webkit-animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
|
||
|
|
animation: scale 0.75s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
|
||
|
|
.leaflet-loader > div {
|
||
|
|
background-color: #fff;
|
||
|
|
width: 15px;
|
||
|
|
height: 15px;
|
||
|
|
border-radius: 100%;
|
||
|
|
margin: 2px;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
animation-fill-mode: both;
|
||
|
|
display: inline-block; }
|