Template:Cover: Difference between revisions

Latest revision as of 08:03, 7 June 2025

{{cover|The culprit is Gosho Aoyama}}

Results in

@@ Line 1: / Line 1: @@
-<includeonly><span class="cover">{{{1}}}</span></includeonly>
+<includeonly>{{code
-{{css|
+|html=%3Cinput%20type%3D%22checkbox%22%20class%3D%22checkbox%22%20id%3D%22%7B%7B%7BUID%7D%7D%7D%22%2F%3E%3Clabel%20class%3D%22spoilerText%22%20for%3D%22%7B%7B%7BUID%7D%7D%7D%22%3E%7B%7B%7Bparam%7D%7D%7D%3C%2Flabel%3E
-.cover, .cover a, a .cover, .cover a.new {
+|param={{{1}}}
-  background-color: #e6e6e6;
+|css=
-  color: #e6e6e6;
+   .checkbox{
-  text-shadow: none;
+        display: none;
-  transition: color 0.2s linear, background-color 0.2s linear;
+    }
-}
-.cover:hover, .cover:active,
+    .spoilerText {
-.cover:hover .cover, .cover:active .cover {
+        background: #909199;
-  color: black !important;
+        color: transparent;
-  background-color: transparent !important;
+        cursor: pointer;
-}
+        display: inline;
-.cover:hover a, a:hover .cover,
+        text-align: center;
-.cover:active a, a:active .cover {
+    }
-  color: blue !important;
-  background-color: transparent !important;
+    .spoilerText:hover {
-}
+        background: #70717a;
-.cover:hover .new, .cover .new:hover, .new:hover .cover,
+        transition: 0.15s;
-.cover:active .new, .cover .new:active, .new:active .cover {
+    }
-  color: #BA0000 !important;
-  background-color: transparent !important;
+    .checkbox:not(:checked) + .spoilerText
-}
+    {
-}}<noinclude>{{Documentation}}
+        -webkit-user-select: none; /* Safari */
-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'''.
+        -ms-user-select: none; /* IE 10 and IE 11 */
+         user-select: none; /* Standard syntax */
+    }
+    .checkbox:checked + .spoilerText {
+        background: #e3e3e5;
+        color: #000;
+        transition: 0.15s;
+    }
+}}</includeonly><noinclude><pre>{{cover|The culprit is Gosho Aoyama}}</pre>
-<pre>{{Cover|The culprit is Gosho Aoyama}}</pre>
+Results in {{cover|The culprit is Gosho Aoyama}}
-Results in {{Cover|The culprit is Gosho Aoyama}}
 [[Category:Templates]]
 </noinclude>