More actions
(Created page with "→CSS placed here will be applied to all skins: #wpTextbox1 { width: 100%; }") |
(Harry's CSS for Tooltips. Hover Mouse over item with tooltip->tooltip visible) |
||
Line 3: | Line 3: | ||
#wpTextbox1 { | #wpTextbox1 { | ||
width: 100%; | width: 100%; | ||
} | |||
.tooltip { | |||
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 | |||
} | |||
.tooltip:hover > .tooltiptext { | |||
visibility: visible; | |||
opacity:1 | |||
} | } |
Revision as of 11:40, 4 October 2022
/* CSS placed here will be applied to all skins */
#wpTextbox1 {
width: 100%;
}
.tooltip {
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
}
.tooltip:hover > .tooltiptext {
visibility: visible;
opacity:1
}