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
