Difference between revisions of "Template:Tooltip"

From Tokyo Afterschool Summoners
Jump to navigation Jump to search
(Added width settings)
Line 8: Line 8:
.tooltip .tooltiptext {
.tooltip .tooltiptext {
   visibility: hidden;
   visibility: hidden;
   width: auto;
   width: max-content;
   background-color: black;
   background-color: black;
   color: #fff;
   color: #fff;
Line 17: Line 17:
   z-index: 1;
   z-index: 1;
   bottom: 100%;
   bottom: 100%;
   left: 50%;
   left: 0;
  right: 0;
}
}



Revision as of 16:53, 1 September 2020


This template does the same thing as <abbr> tooltips, except that the tips can be viewed on mobile this time.

Usage

{{Tooltip|text1|text2}}
text1text2
{{Tooltip|base=text1|tip=text2}}
text1text2
{{Tooltip|Nether element|[[File:Element dark.png|50px]]}}
Nether elementElement dark.png
{{Tooltip|[[File:Element dark.png|50px]]|Nether element}}
Element dark.pngNether element
{{Tooltip|text1|text2|width=120px}}
text1text2