static/style/marker.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

.marker {
  display: block;
  cursor: pointer;
  padding: 0;
}

.marker-img {
  border-color: #3fb1ce;
  border-style: solid;
  border-radius: 50%; /* Circle */
  width: 4em;
  transition-duration: 0.3s;
}

.marker:hover {
  z-index: 100;
}

.marker-img-hoverable {
	object-fit: cover;
	width: 4em;
	height: 4em;
}

.marker-img-hoverable:hover {
  transform: scale(1.75);
  border-color:aqua;
}

.marker-img-open {
  z-index: 200;
  display: block; /* Retain aspect-ratio */
  width: auto; /* Max height and width is set with JS style sheet :/ see */
  height: auto;
  border-radius: unset !important;
  border-color:aqua;
}