Template:Hover info

< class='hoverbox hover-info' style='position: relative'>< class=hoveritem style='position: absolute; top: 1em; left: -0.9em; z-index: 1; '>< style='display: block; margin: 0.6em 1em 0 1em; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgb(130, 130, 130); ' class=hover-info-arrow> < style='display: block; border: solid 2px rgb(130, 130, 130); border-radius: 3px; background-color: white; box-shadow: 0 0 10px rgb(130, 130, 130); padding: 5px; margin: 0 0.5em 0.5em 0.5em; white-space: nowrap; ' class=hover-info-box> {{documentation|content= Type {{tlx|Hover info|text}} to display an “i” icon which expands to show a box with text when you hover over it.

Subtemplate examples
This template can be used in more-specific templates.

Dashed text
This would be used as.

Audio player
The state of is known for …. A longer player:.

This would be used as: The state of is known for …. A longer player:.

Dependencies
}}
 * MediaWiki:Common.css/Hoverbox.css