50 lines
728 B
CSS
50 lines
728 B
CSS
|
|
||
|
.map {
|
||
|
width: 734px;
|
||
|
height: 530px;
|
||
|
background: url('/plan.jpg');
|
||
|
background-size: cover;
|
||
|
position: relative;
|
||
|
}
|
||
|
.mapMarker {
|
||
|
position: absolute;
|
||
|
left: 25%;
|
||
|
top: 33%;
|
||
|
}
|
||
|
|
||
|
.mapMarker svg {
|
||
|
color: #dc3545;
|
||
|
font-size: 2rem;
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.mapMarker.selected svg {
|
||
|
color: #007bff;
|
||
|
animation: bounce 0.7s ease 5;
|
||
|
}
|
||
|
|
||
|
@keyframes bounce{
|
||
|
from {margin-top: 0;}
|
||
|
50% {margin-top: 8px;}
|
||
|
to {margin-top: 0;}
|
||
|
}
|
||
|
|
||
|
.vegetables--types--group li {
|
||
|
cursor: pointer;
|
||
|
text-align: left;
|
||
|
}
|
||
|
|
||
|
.vegetables--types--group li:hover {
|
||
|
background: #fafafa;
|
||
|
opacity: 0.6;
|
||
|
}
|
||
|
|
||
|
.vegetables--types--group li.selected {
|
||
|
background: #f1f1f1;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
.vegetables--types--group .badge {
|
||
|
margin-left: 8px;
|
||
|
}
|