forked from La_Bureautique/zeg1jeux
69 lines
849 B
CSS
69 lines
849 B
CSS
body {
|
|
|
|
font-family: cursive;
|
|
}
|
|
|
|
|
|
#map {
|
|
|
|
background-color: hsl(240, 7.5%, 60.6%);
|
|
}
|
|
|
|
#map-deco {
|
|
|
|
background: radial-gradient(circle at 33% 33%, hsl(240, 28.6%, 86.3%) 0%, transparent 50%);
|
|
}
|
|
|
|
.place {
|
|
|
|
opacity: 0.5;
|
|
|
|
animation: appear 3s ease-in-out forwards;
|
|
}
|
|
|
|
@keyframes appear {
|
|
|
|
0% {
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
#place-details {
|
|
|
|
|
|
animation: appear 3s ease-in-out forwards;
|
|
}
|
|
|
|
.distance:after {
|
|
|
|
content: " à vol d\'OVNI";
|
|
}
|
|
|
|
#place-details > address .distance:after {
|
|
|
|
content: " en balais volant";
|
|
}
|
|
|
|
#place-details .get-directions a span {
|
|
|
|
display: none;
|
|
}
|
|
|
|
#place-details .get-directions .car:after {
|
|
|
|
content: "en poudre de cheminette";
|
|
}
|
|
|
|
#place-details .get-directions .bike:after {
|
|
|
|
content: "en Nimbus 2000";
|
|
}
|
|
|
|
#place-details .get-directions .foot:after {
|
|
|
|
content: "en botte de sept lieues";
|
|
} |