Template:Cover - Revision history

R0o0di at 08:03, 7 June 2025

2025-06-07T08:03:54Z

← Older revision		Revision as of 08:03, 7 June 2025
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]]		[[Category:Templates]]
	</noinclude>		</noinclude>

AvidConanContributor: Undo revision 386950 by AvidConanContributor (talk) That didn't work

2025-06-01T21:07:41Z

Undo revision 386950 by AvidConanContributor (talk) That didn't work

← Older revision		Revision as of 21:07, 1 June 2025
Line 1:		Line 1:
			<includeonly><span class="cover">{{{1}}}</span></includeonly>
	{{css\|		{{css\|
	.cover, .cover a, a .cover, .cover a.new {		.cover, .cover a, a .cover, .cover a.new {
Line 21:		Line 22:
	background-color: transparent !important;		background-color: transparent !important;
	}		}
	}}~~<includeonly><span class="cover">{{{1}}}</span></includeonly>~~		}}<noinclude>{{Documentation}}
	<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'''.

AvidConanContributor: Experimenting with the order

2025-06-01T21:05:55Z

Experimenting with the order

← Older revision		Revision as of 21:05, 1 June 2025
Line 1:		Line 1:
	~~<includeonly><span class="cover">{{{1}}}</span></includeonly>~~
	{{css\|		{{css\|
	.cover, .cover a, a .cover, .cover a.new {		.cover, .cover a, a .cover, .cover a.new {
Line 22:		Line 21:
	background-color: transparent !important;		background-color: transparent !important;
	}		}
	}}<noinclude>{{Documentation}}		}}<includeonly><span class="cover">{{{1}}}</span></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'''.

AvidConanContributor: Manual revert; Reason: Temporary, until we can get the new implementation working

2025-06-01T20:00:24Z

Manual revert; Reason: Temporary, until we can get the new implementation working

← Older revision		Revision as of 20:00, 1 June 2025
Line 1:		Line 1:
	<includeonly><~~input type="checkbox" id="btnControl"/><label~~ class="~~spoilerText" for="btnControl~~">{{{1}}}</~~label~~></includeonly>		<includeonly><span class="cover">{{{1}}}</span></includeonly>
	{{css\|		{{css\|
	#~~btnControl {~~		.cover, .cover a, a .cover, .cover a.new {
	~~display~~: none;		background-color: #e6e6e6;
			color: #e6e6e6;
			text-shadow: none;
			transition: color 0.2s linear, background-color 0.2s linear;
	}		}
			.cover:hover, .cover:active,
	.~~spoilerText {~~		.cover:hover .cover, .cover:active .cover {
	~~height~~: ~~1em;~~		color: black !important;
	~~background~~: ~~#909199;~~		background-color: transparent !important;
	color: ~~#909199~~;
	~~display: inline;~~
	~~text~~-~~align~~: ~~center~~;
	}		}
			.cover:hover a, a:hover .cover,
	.~~spoilerText~~:hover {		.cover:active a, a:active .cover {
	~~background~~: ~~#70717a;~~		color: blue !important;
	color: ~~#70717a~~;		background-color: transparent !important;
	~~transition~~: ~~0.1s~~;
	}		}
			.cover:hover .new, .cover .new:hover, .new:hover .cover,
	~~#btnControl~~:~~checked + label~~ {		.cover:active .new, .cover .new:active, .new:active .cover {
	~~background~~: #~~e3e3e5~~;		color: #BA0000 !important;
	color: ~~#000;~~		background-color: transparent !important;
	~~transition: 0.15s~~;
	}		}
	}}		}}<noinclude>{{Documentation}}
	<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'''.

AvidConanContributor at 19:54, 1 June 2025

2025-06-01T19:54:13Z

← Older revision		Revision as of 19:54, 1 June 2025
Line 1:		Line 1:
			<includeonly><input type="checkbox" id="btnControl"/><label class="spoilerText" for="btnControl">{{{1}}}</label></includeonly>
	{{css\|		{{css\|
	#btnControl {		#btnControl {
Line 23:		Line 24:
	transition: 0.15s;		transition: 0.15s;
	}		}
	}}~~<includeonly><input type="checkbox" id="btnControl"/><label class="spoilerText" for="btnControl">{{{1}}}</label></includeonly>~~		}}
	<noinclude>{{Documentation}}		<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'''.

AvidConanContributor: Emulation of Discord spoiler text

2025-06-01T19:53:29Z

Emulation of Discord spoiler text

← Older revision		Revision as of 19:53, 1 June 2025
Line 1:		Line 1:
	~~<includeonly><span class="cover">{{{1}}}</span></includeonly>~~
	{{css\|		{{css\|
	~~.cover, .cover a, a .cover, .cover a.new~~ {		#btnControl {
	~~background-color: #e6e6e6;~~		display: none;
	~~color: #e6e6e6;~~
	~~text-shadow~~: none;
	~~transition: color 0.2s linear, background-color 0.2s linear~~;
	}		}
	.~~cover~~:~~hover, .cover~~:~~active,~~
	~~.cover~~:~~hover .cover, .cover:active .cover {~~		.spoilerText {
	~~color~~: ~~black !important~~;		height: 1em;
	~~background~~-~~color~~: ~~transparent !important~~;		background: #909199;
			color: #909199;
			display: inline;
			text-align: center;
	}		}
	.~~cover~~:hover ~~a, a:hover .cover,~~
	~~.cover~~:~~active a, a:active .cover {~~		.spoilerText:hover {
	color: ~~blue !important~~;		background: #70717a;
	~~background-color~~: ~~transparent !important~~;		color: #70717a;
			transition: 0.1s;
	}		}
	~~.cover~~:~~hover .new, .cover .new:hover, .new:hover .cover,~~
	~~.cover~~:~~active .new, .cover .new:active, .new:active .cover {~~		#btnControl:checked + label {
	color: #~~BA0000 !important~~;		background: #e3e3e5;
	~~background-color~~: ~~transparent !important~~;		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'''.

BOBO at 17:41, 1 June 2025

2025-06-01T17:41:35Z

← Older revision		Revision as of 17:41, 1 June 2025
Line 1:		Line 1:
	<includeonly><span class="cover">{{{1}}}</span>		<includeonly><span class="cover">{{{1}}}</span></includeonly>
	{{css\|		{{css\|
	.cover, .cover a, a .cover, .cover a.new {		.cover, .cover a, a .cover, .cover a.new {
Line 5:		Line 5:
	color: #e6e6e6;		color: #e6e6e6;
	text-shadow: none;		text-shadow: none;
	transition: color 0.2s linear;		transition: color 0.2s linear, background-color 0.2s linear;
	}		}
	.cover:hover, .cover:active,		.cover:hover, .cover:active,
	.cover:hover .cover, .cover:active .cover {		.cover:hover .cover, .cover:active .cover {
	color: black !important;		color: black !important;
			background-color: transparent !important;
	}		}
	.cover:hover a, a:hover .cover,		.cover:hover a, a:hover .cover,
	.cover:active a, a:active .cover {		.cover:active a, a:active .cover {
	color: blue !important;		color: blue !important;
			background-color: transparent !important;
	}		}
	.cover:hover .new, .cover .new:hover, .new:hover .cover,		.cover:hover .new, .cover .new:hover, .new:hover .cover,
	.cover:active .new, .cover .new:active, .new:active .cover {		.cover:active .new, .cover .new:active, .new:active .cover {
	color: #BA0000 !important;		color: #BA0000 !important;
			background-color: transparent !important;
	}		}
	}}~~</includeonly>~~<noinclude>{{Documentation}}		}}<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'''.

BOBO at 16:09, 1 June 2025

2025-06-01T16:09:14Z

← Older revision		Revision as of 16:09, 1 June 2025
Line 16:		Line 16:
	}		}
	.cover:hover .new, .cover .new:hover, .new:hover .cover,		.cover:hover .new, .cover .new:hover, .new:hover .cover,
			.cover:active .new, .cover .new:active, .new:active .cover {
	color: #BA0000 !important;		color: #BA0000 !important;
	}		}
	}}</includeonly><noinclude>{{Documentation}}		}}</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 ~~information~~'''.		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'''.

	<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]]		[[Category:Templates]]
	</noinclude>		</noinclude>

BOBO at 16:06, 1 June 2025

2025-06-01T16:06:50Z

← Older revision		Revision as of 16:06, 1 June 2025
Line 5:		Line 5:
	color: #e6e6e6;		color: #e6e6e6;
	text-shadow: none;		text-shadow: none;
			transition: color 0.2s linear;
	}		}
	.cover:hover, .cover:active,		.cover:hover, .cover:active,
Line 15:		Line 16:
	}		}
	.cover:hover .new, .cover .new:hover, .new:hover .cover,		.cover:hover .new, .cover .new:hover, .new:hover .cover,
	~~.cover:active .new, .cover .new:active, .new:active .cover {~~
	color: #BA0000 !important;		color: #BA0000 !important;
	}		}
Line 23:		Line 23:
	<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]]		[[Category:Templates]]
	</noinclude>		</noinclude>

BOBO at 15:46, 1 June 2025

2025-06-01T15:46:00Z

← Older revision		Revision as of 15:46, 1 June 2025
Line 19:		Line 19:
	}		}
	}}</includeonly><noinclude>{{Documentation}}		}}</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 ~~see covered 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 information'''.

	<pre>{{Cover\|The culprit is Gosho Aoyama}}</pre>		<pre>{{Cover\|The culprit is Gosho Aoyama}}</pre>