MediaWiki:Common.css: differenze tra le versioni
Vai alla navigazione
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
Riga 1: | Riga 1: | ||
.tooltip { | |||
position: relative; | |||
display: inline-block; | |||
. | border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ | ||
border | |||
} | } | ||
/* | /* Tooltip text */ | ||
# | .tooltip .tooltiptext { | ||
padding: | visibility: hidden; | ||
z-index: | width: 120px; | ||
background-color: #555; | |||
color: #fff; | |||
text-align: center; | |||
padding: 5px 0; | |||
border-radius: 6px; | |||
/* Position the tooltip text */ | |||
position: absolute; | |||
z-index: 1; | |||
bottom: 125%; | |||
left: 50%; | |||
margin-left: -60px; | |||
/* Fade in tooltip */ | |||
opacity: 0; | |||
transition: opacity 1s; | |||
} | } | ||
/* | /* Tooltip arrow */ | ||
. | .tooltip .tooltiptext::after { | ||
content: ""; | |||
position: absolute; | |||
top: 100%; | |||
left: 50%; | |||
margin-left: -5px; | |||
border-width: 5px; | |||
border-style: solid; | |||
border-color: #555 transparent transparent transparent; | |||
} | } | ||
. | /* Show the tooltip text when you mouse over the tooltip container */ | ||
.tooltip:hover .tooltiptext { | |||
visibility: visible; | |||
opacity: 1; | |||
} | } | ||
Versione delle 14:57, 16 dic 2016
.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; /* If you want dots under the hoverable text */ } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: #555; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text */ position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; /* Fade in tooltip */ opacity: 0; transition: opacity 1s; } /* Tooltip arrow */ .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }