From Detective Conan Wiki
|
|
| Line 1: |
Line 1: |
| <div class="tooltip">{{{1}}}<span class="tooltiptext">{{{2}}}</span></div> | | <span class="explain" title="{{{2}}}">{{{1}}}</span><noinclude> |
| {{css|
| |
| .tooltip {
| |
| position: relative;
| |
| display: inline-block;
| |
| border-bottom: 1px dotted black;
| |
| }
| |
| | |
| .tooltip .tooltiptext {
| |
| visibility: hidden;
| |
| opacity: 0;
| |
| transition: opacity 0.2s;
| |
| max-width: 140px;
| |
| width: fit-content;
| |
| background-color: white;
| |
| color: black;
| |
| text-align: center;
| |
| border-radius: 3px;
| |
| padding: 6px 8px;
| |
| box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
| |
| border: 1px solid #ccc;
| |
| | |
| position: absolute;
| |
| z-index: 1;
| |
| bottom: 100%;
| |
| left: 50%;
| |
| transform: translateX(-50%); /* center the whole tooltip */
| |
| }
| |
| | |
| .tooltip:hover .tooltiptext,
| |
| .tooltip .tooltiptext:hover {
| |
| visibility: visible;
| |
| opacity: 1;
| |
| }
| |
| }}
| |
|
| |
|
| [[Category:Templates]]</noinclude> | | [[Category:Templates]]</noinclude> |
Revision as of 16:57, 1 June 2025