From Detective Conan Wiki
|
|
| Line 1: |
Line 1: |
| <includeonly><span class="tooltip">{{{1}}}<span class="tooltiptext">{{{2}}}</span></span></includeonly>
| | <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: 320px;
| |
| width: max-content;
| |
| background-color: white;
| |
| color: black;
| |
| text-align: left;
| |
| border-radius: 3px;
| |
| padding: 6px 10px;
| |
| box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
| |
| border: 1px solid #ccc;
| |
| | |
| position: absolute;
| |
| z-index: 1;
| |
| bottom: 100%;
| |
| left: 50%;
| |
| transform: translateX(-50%);
| |
|
| |
| white-space: nowrap;
| |
| overflow-x: auto;
| |
| }
| |
| | |
| .tooltip:hover .tooltiptext,
| |
| .tooltip .tooltiptext:hover {
| |
| visibility: visible;
| |
| opacity: 1;
| |
| }
| |
| }}<noinclude>
| |
|
| |
|
| [[Category:Templates]]</noinclude> | | [[Category:Templates]]</noinclude> |
Revision as of 17:15, 1 June 2025