Difference between revisions of "Template:Cover"
From Detective Conan Wiki
(Emulation of Discord spoiler text) |
|||
| Line 1: | Line 1: | ||
| − | |||
{{css| | {{css| | ||
| − | + | #btnControl { | |
| − | + | display: none; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | . | + | |
| − | + | .spoilerText { | |
| − | + | height: 1em; | |
| − | + | background: #909199; | |
| + | color: #909199; | ||
| + | display: inline; | ||
| + | text-align: center; | ||
} | } | ||
| − | . | + | |
| − | + | .spoilerText:hover { | |
| − | + | background: #70717a; | |
| − | + | color: #70717a; | |
| + | transition: 0.1s; | ||
} | } | ||
| − | + | ||
| − | + | #btnControl:checked + label { | |
| − | + | background: #e3e3e5; | |
| − | + | color: #000; | |
| + | transition: 0.15s; | ||
} | } | ||
| − | }}<noinclude>{{Documentation}} | + | }}<includeonly><input type="checkbox" id="btnControl"/><label class="spoilerText" for="btnControl">{{{1}}}</label></includeonly> |
| + | <noinclude>{{Documentation}} | ||
This template permits the insertion of "spoiler information" with a concealed appearance by default; '''the user would have to hover their cursor on the chunk of covered text to uncover spoiler content'''. | This template permits the insertion of "spoiler information" with a concealed appearance by default; '''the user would have to hover their cursor on the chunk of covered text to uncover spoiler content'''. | ||
Revision as of 19:53, 1 June 2025
Template documentation[create]| Editors can experiment in this template's sandbox (edit | diff) and testcases (create) pages. Please add categories to the /doc subpage. Subpages of this template. |
This template permits the insertion of "spoiler information" with a concealed appearance by default; the user would have to hover their cursor on the chunk of covered text to uncover spoiler content.
{{Cover|The culprit is Gosho Aoyama}}
Results in
