Difference between revisions of "Template:Tt/sandbox"
From Detective Conan Wiki
(Changing the class name to something more unique; initial opacity set back to 0) |
(changing back the class names one by one) |
||
| Line 1: | Line 1: | ||
| − | <includeonly><span class=" | + | <includeonly><span class="tooltip-target" style="white-space: initial; overflow-x: initial;">{{{1}}}<span class="tt12345-container tt12345-container-above"><span class="tt12345">{{{2}}}<span class="tt12345-chevron"></span></span></span></span>{{code |
|css= | |css= | ||
/* Target word for the tooltip to focus on */ | /* Target word for the tooltip to focus on */ | ||
| − | . | + | .tooltip-target { |
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
| Line 86: | Line 86: | ||
/* HOVER ANIMATION CLASSES */ | /* HOVER ANIMATION CLASSES */ | ||
/* Above tooltip fade-in */ | /* Above tooltip fade-in */ | ||
| − | . | + | .tooltip-target:hover .tt12345-container { |
opacity: 1; | opacity: 1; | ||
transform: translate(-50%, 0); | transform: translate(-50%, 0); | ||
| Line 96: | Line 96: | ||
/* Text bold on hover */ | /* Text bold on hover */ | ||
| − | . | + | .tooltip-target:hover { |
border-bottom: 0.0625em dashed; | border-bottom: 0.0625em dashed; | ||
} | } | ||
