(Harry's CSS for Tooltips. Hover Mouse over item with tooltip->tooltip visible) |
(Harry's CSS for Tooltips V2) |
||
| Line 6: | Line 6: | ||
. | .tooltipshown { | ||
position:relative | position:relative | ||
} | } | ||
| Line 25: | Line 25: | ||
} | } | ||
. | .tooltipshown:hover > .tooltiptext { | ||
visibility: visible; | visibility: visible; | ||
opacity:1 | opacity: 1 | ||
} | } | ||
Revision as of 17:08, 4 October 2022
/* CSS placed here will be applied to all skins */
#wpTextbox1 {
width: 100%;
}
.tooltipshown {
position:relative
}
.tooltiptext {
position: absolute;
display: block;
z-index: 2;
width: 250px;
padding: 10px;
visibility: hidden;
opacity: 0;
white-space: normal;
text-align: left;
transition: all 0.2s;
border: 1px solid #aaa;
background-color:#ffdd66
}
.tooltipshown:hover > .tooltiptext {
visibility: visible;
opacity: 1
}