Mudanças entre as edições de "Predefinição:Teste/styles.css"
Ir para navegação
Ir para pesquisar
Etiqueta: Revertido |
Etiqueta: Revertido |
||
| Linha 1: | Linha 1: | ||
. | .map-wrapper { | ||
position: relative; | |||
display: inline-block; | |||
} | } | ||
. | .map-wrapper img { | ||
display: block; | |||
display: | |||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
} | } | ||
. | .map-point { | ||
position: absolute; | |||
width: 16px; | |||
height: 16px; | |||
border-radius: 50%; | |||
background: rgba(255, 0, 0, 0.8); | |||
cursor: pointer; | |||
transform: translate(-50%, -50%); | |||
box-shadow: 0 0 2px #000; | |||
} | } | ||
. | .map-point .tooltip { | ||
display: none; | |||
position: absolute; | |||
bottom: 120%; | |||
left: 50%; | |||
transform: translateX(-50%); | |||
background: rgba(0, 0, 0, 0.75); | |||
color: #fff; | |||
padding: 4px 8px; | |||
border-radius: 4px; | |||
font-size: 12px; | font-size: 12px; | ||
white-space: nowrap; | |||
z-index: 10; | |||
} | } | ||
.map-point:hover .tooltip { | |||
display: block; | |||
} | } | ||
Edição das 22h02min de 5 de junho de 2025
.map-wrapper {
position: relative;
display: inline-block;
}
.map-wrapper img {
display: block;
width: 100%;
height: auto;
}
.map-point {
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
background: rgba(255, 0, 0, 0.8);
cursor: pointer;
transform: translate(-50%, -50%);
box-shadow: 0 0 2px #000;
}
.map-point .tooltip {
display: none;
position: absolute;
bottom: 120%;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.75);
color: #fff;
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
white-space: nowrap;
z-index: 10;
}
.map-point:hover .tooltip {
display: block;
}