Template:Notice - Revision history

Kostas: Protected "Template:Notice" ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite))

2025-03-01T10:14:39Z

Protected "Template:Notice" ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite))

← Older revision		Revision as of 10:14, 1 March 2025
(No difference)

Kostas: darkmode fix

2025-01-31T22:46:51Z

darkmode fix

← Older revision		Revision as of 22:46, 31 January 2025
Line 1:		Line 1:
	<div class="notice" style="background-color: #f8f9fa; border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">		<div class="notice" style="background-color: var(--background-color-interactive-subtle, #f8f9fa); border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">
	{{{1}}}		{{{1}}}
	</div>		</div>
Line 14:		Line 14:
	This is how the notice will appear:		This is how the notice will appear:

	<div class="notice" style="background-color: #f8f9fa; border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">		<div class="notice" style="background-color: var(--background-color-interactive-subtle, #f8f9fa); border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">
	This is an example notice message.		This is an example notice message.
	</div>		</div>
	[[Category:Alert templates]]		[[Category:Alert templates]]
	</noinclude>		</noinclude>

Kostas: Move to alerts

2025-01-21T11:06:17Z

Move to alerts

← Older revision		Revision as of 11:06, 21 January 2025
Line 17:		Line 17:
	This is an example notice message.		This is an example notice message.
	</div>		</div>
	[[Category:~~Notice Templates~~]]		[[Category:Alert templates]]
	</noinclude>		</noinclude>

Kostas: remove general category

2025-01-21T10:59:23Z

remove general category

← Older revision		Revision as of 10:59, 21 January 2025
Line 17:		Line 17:
	This is an example notice message.		This is an example notice message.
	</div>		</div>

	~~[[Category:Templates]]~~
	[[Category:Notice Templates]]		[[Category:Notice Templates]]
	</noinclude>		</noinclude>

Travis at 16:13, 17 January 2025

2025-01-17T16:13:54Z

@@ Line 2: / Line 2: @@
 {{{1}}}
 </div>
 {{Notice|Your notice text here}}

Travis: Reverting, switches are hard.

2025-01-17T16:12:49Z

Reverting, switches are hard.

@@ Line 1: / Line 1: @@
-<!-- Template:Notice -->
+<div class="notice" style="background-color: #f8f9fa; border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">
 {{{1}}}
 </div>
 {{Notice|Your notice text here}}

Travis: Fixed the notices

2025-01-17T15:54:24Z

Fixed the notices

← Older revision		Revision as of 15:54, 17 January 2025
Line 1:		Line 1:
	<!-- Template:Notice -->		<!-- Template:Notice -->
	<includeonly>		<includeonly>
	<div class="notice" style="background-color: {{~~#switch:~~ {~~{{severity\|}}}~~		<div class="notice" style="background-color: {{{color\|#f8f9fa}}}; border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">
	~~\| warning = #fff3cd~~
	~~\| draft = #cfe2ff~~
	~~\| error = #f8d7da~~
	~~\| success = #d1e7dd~~
	\| #f8f9fa
	}}; border: 1px solid ~~{{#switch: {{{severity\|}}}~~
	~~\| warning = #ffeeba~~
	~~\| draft = #9ec5fe~~
	~~\| error = #f5c2c7~~
	~~\| success = #badbcc~~
	\| #eaecf0
	}}; padding: 10px; margin: 10px 0;">
	{{{1}}}		{{{1}}}
	</div>		</div>
Line 19:		Line 7:
	<noinclude>		<noinclude>
	== Usage ==		== Usage ==
	Basic usage ~~(default gray box)~~:		Basic usage:
	<pre>		<pre>
	{{Notice\|Your notice text here}}		{{Notice\|Your notice text here}}
	</pre>		</pre>

	With ~~severity level~~:		With background color:
	<pre>		<pre>
	{{Notice\|~~severity~~=~~warning~~\|Your ~~warning text~~ here}}		{{Notice\|color=#cfe2ff\|Your blue notice here}}
	{{Notice\|~~severity~~=~~draft~~\|Your ~~draft~~ notice here}}		{{Notice\|color=#fff3cd\|Your orange notice here}}
	{{Notice\|~~severity~~=~~error~~\|Your ~~error message~~ here}}		{{Notice\|color=#f8d7da\|Your red notice here}}
	{{Notice\|~~severity~~=~~success~~\|Your ~~success message~~ here}}		{{Notice\|color=#d1e7dd\|Your green notice here}}
	</pre>		</pre>

	=== ~~Severity Colors~~ ===		=== Live Examples ===
	* '''Default:~~''' Light gray background (~~#~~f8f9fa)~~		Default notice:
	* '''Warning:~~''' Light yellow background (~~#fff3cd)		{{Notice\|This is a default notice}}
	* '''Draft:~~''' Light blue background (#cfe2ff)~~
	* '''Error:''' Light red background (#f8d7da)		Blue notice:
	* '''Success:~~''' Light green background (~~#d1e7dd)		{{Notice\|color=#cfe2ff\|This is a blue notice}}

			Orange notice:
			{{Notice\|color=#fff3cd\|This is an orange notice}}

			Red notice:
			{{Notice\|color=#f8d7da\|This is a red notice}}

			Green notice:
			{{Notice\|color=#d1e7dd\|This is a green notice}}

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude>		</noinclude>

Travis at 15:31, 17 January 2025

2025-01-17T15:31:36Z

← Older revision		Revision as of 15:31, 17 January 2025
Line 14:		Line 14:
	\| #eaecf0		\| #eaecf0
	}}; padding: 10px; margin: 10px 0;">		}}; padding: 10px; margin: 10px 0;">
	~~{{#if: {{{severity\|}}}~~		{{{1}}}
	\| {{{1}}}
	~~\| {{{1}}}~~
	}}
	</div>		</div>
	</includeonly>		</includeonly>

Travis at 15:28, 17 January 2025

2025-01-17T15:28:43Z

← Older revision		Revision as of 15:28, 17 January 2025
Line 14:		Line 14:
	\| #eaecf0		\| #eaecf0
	}}; padding: 10px; margin: 10px 0;">		}}; padding: 10px; margin: 10px 0;">
	{{{1}}}		{{#if: {{{severity\|}}}
			\| {{{1}}}
			\| {{{1}}}
			}}
	</div>		</div>
	</includeonly>		</includeonly>
	<noinclude>		<noinclude>
	== Usage ==		== Usage ==
	Basic usage (~~unchanged behavior~~):		Basic usage (default gray box):
	<pre>		<pre>
	{{Notice\|Your notice text here}}		{{Notice\|Your notice text here}}

Travis: Expanding on notice capabilities

2025-01-17T15:24:12Z

Expanding on notice capabilities

@@ Line 1: / Line 1: @@
-<div class="notice" style="background-color: #f8f9fa; border: 1px solid #eaecf0; padding: 10px; margin: 10px 0;">
+<!-- Template:Notice -->
 {{{1}}}
 </div>