2,664
edits
no edit summary
No edit summary |
No edit summary |
||
| Line 451: | Line 451: | ||
padding-right: 1em; | padding-right: 1em; | ||
} | } | ||
/* tooltip popup box */ | |||
.tooltip { | |||
position: relative; | |||
display: inline-block; | |||
} | |||
.tooltip .tooltiptext { | |||
visibility: hidden; | |||
background-color: #85B807; | |||
color: #fff; | |||
text-align: center; | |||
border-radius: 6px; | |||
padding: 10px; | |||
position: absolute; | |||
z-index: 1; | |||
bottom:100%; | |||
left: 50%; | |||
margin-left: -60px; | |||
/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */ | |||
opacity: 0; | |||
transition: opacity 1s; | |||
} | |||
.tooltip .tooltiptext::after { | |||
content: ""; | |||
position: absolute; | |||
top: 100%; | |||
left: 50%; | |||
margin-left: -5px; | |||
border-width: 5px; | |||
border-style: solid; | |||
border-color: #85B807 transparent transparent transparent; | |||
} | |||
.tooltip:hover .tooltiptext { | |||
visibility: visible; | |||
opacity: 1; | |||
} | |||
/* end tooltip */ | |||