Difference between revisions of "Template:Tt"
From Detective Conan Wiki
(removed styles that seem to be irrelevant and added text-align: center;. if you disagree, pls revert this) |
|||
| Line 1: | Line 1: | ||
| − | <includeonly><span class="tooltip-target | + | <includeonly><span class="tooltip-target">{{{1}}}<span class="tooltip-container tooltip-container-above" style="display: none;"><span class="tooltip">{{{2}}}<span class="chevron"></span></span></span></span> |
{{code | {{code | ||
|css= | |css= | ||
| Line 5: | Line 5: | ||
.tooltip-target { | .tooltip-target { | ||
position: relative; | position: relative; | ||
| − | |||
border-bottom: 0.0625em dotted; | border-bottom: 0.0625em dotted; | ||
cursor: help; | cursor: help; | ||
| Line 16: | Line 15: | ||
position: absolute; | position: absolute; | ||
left: 50%; | left: 50%; | ||
| − | |||
min-height: 1em; | min-height: 1em; | ||
width: 170px; | width: 170px; | ||
| Line 24: | Line 22: | ||
opacity: 0; | opacity: 0; | ||
pointer-events: none; | pointer-events: none; | ||
| − | |||
| − | |||
| − | |||
transition: 0.3s ease 0.1s; /* This is used for the hover animations */ | transition: 0.3s ease 0.1s; /* This is used for the hover animations */ | ||
} | } | ||
| Line 54: | Line 49: | ||
word-wrap: break-word; | word-wrap: break-word; | ||
z-index: 999; | z-index: 999; | ||
| + | text-align: center; | ||
} | } | ||
| Line 91: | Line 87: | ||
transform: translate(-50%, 0); | transform: translate(-50%, 0); | ||
pointer-events: auto; | pointer-events: auto; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 101: | Line 94: | ||
transform: translate(-50%, 0); | transform: translate(-50%, 0); | ||
pointer-events: auto; | pointer-events: auto; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
Revision as of 18:14, 8 June 2025
text text {{tt|Hover me|blablablablabla}} text text
Results in: text text Hover me text text
