Mudanças entre as edições de "Predefinição:Teste/styles.css"
Ir para navegação
Ir para pesquisar
Etiqueta: Revertido |
Etiqueta: Revertido |
||
| Linha 14: | Linha 14: | ||
width: 16px; | width: 16px; | ||
height: 16px; | height: 16px; | ||
background: rgba(255, 0, 0, 0.8); | |||
border-radius: 50%; | border-radius: 50%; | ||
transform: translate(-50%, -50%); | |||
cursor: pointer; | cursor: pointer; | ||
} | |||
.map-point a { | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
text-indent: -9999px; | |||
} | } | ||
| Linha 29: | Linha 35: | ||
background: rgba(0, 0, 0, 0.75); | background: rgba(0, 0, 0, 0.75); | ||
color: #fff; | color: #fff; | ||
padding: 4px | padding: 2px 4px; | ||
border-radius: | border-radius: 3px; | ||
font-size: | font-size: 10px; | ||
white-space: nowrap; | white-space: nowrap; | ||
z-index: 10; | z-index: 10; | ||
Edição das 22h52min 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;
background: rgba(255, 0, 0, 0.8);
border-radius: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
}
.map-point a {
display: block;
width: 100%;
height: 100%;
text-indent: -9999px;
}
.map-point .tooltip {
display: none;
position: absolute;
bottom: 120%;
left: 50%;
transform: translateX(-50%);
background: rgba(0, 0, 0, 0.75);
color: #fff;
padding: 2px 4px;
border-radius: 3px;
font-size: 10px;
white-space: nowrap;
z-index: 10;
}
.map-point:hover .tooltip {
display: block;
}