Template:Note/styles.css - Revision history

Boursk: Added dark mode support for 'example' type

2026-05-15T00:16:00Z

Added dark mode support for 'example' type

← Older revision		Revision as of 00:16, 15 May 2026
Line 84:		Line 84:
	background-color: transparent;		background-color: transparent;
	color: inherit;		color: inherit;
			}
			html.skin-theme-clientpref-night .note.note-example {
			/* [[File:Icon_stripeToC-rtl-invert.svg]] */
			background-image: url('https://wikidex.tr25.es/images/0/07/Icon_stripeToC-rtl-invert.svg');
	}		}
	}		}
Line 92:		Line 96:
	background-color: transparent;		background-color: transparent;
	color: inherit;		color: inherit;
			}
			html.skin-theme-clientpref-os .note.note-example {
			/* [[File:Icon_stripeToC-rtl-invert.svg]] */
			background-image: url('https://wikidex.tr25.es/images/0/07/Icon_stripeToC-rtl-invert.svg');
	}		}
	}		}

Boursk: Fixed border color

2026-04-27T12:29:35Z

Fixed border color

← Older revision		Revision as of 12:29, 27 April 2026
Line 1:		Line 1:
	.note-container {		.note-container {
	border: 1px solid #ddd; margin: 0.5em 0;		border: 1px solid #ddd; margin: 0.5em 0;
			}
			.note-container.note-info, .note-container.note-example {
			border-color: #a3caff;
			}
			.note-container.note-reminder, .note-container.note-warn {
			border-color: #fc3;
			}
			.note-container.note-error {
			border-color: #c33;
	}		}
	.note {		.note {
Line 23:		Line 32:
	vertical-align: middle;		vertical-align: middle;
	}		}
	.note-info {		.note.note-info {
	background-color: #eaf3ff;		background-color: #eaf3ff;
	color: #333;		color: #333;
Line 30:		Line 39:
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
	~~border-color: #a3caff;~~
	padding-left: 40px;		padding-left: 40px;
	min-height: 25px;		min-height: 25px;
	}		}
	.note-example {		.note.note-example {
	background-color: #eaf3ff;		background-color: #eaf3ff;
	color: #333;		color: #333;
Line 41:		Line 49:
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
	~~border-color: #a3caff;~~
	min-height: 25px;		min-height: 25px;
	}		}
	.note-reminder {		.note.note-reminder {
	background-color: #fff9ea;		background-color: #fff9ea;
	color: #333;		color: #333;
Line 51:		Line 58:
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
	~~border-color: #fc3;~~
	min-height: 25px;		min-height: 25px;
	}		}
	.note-warn {		.note.note-warn {
	background-color: #fff9ea;		background-color: #fff9ea;
	color: #333;		color: #333;
Line 61:		Line 67:
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
	~~border-color: #fc3;~~
	min-height: 25px;		min-height: 25px;
	}		}

	.note-error {		.note.note-error {
	background-color: #fee7e6;		background-color: #fee7e6;
	color: #333;		color: #333;
Line 72:		Line 77:
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
	~~border-color: #c33;~~
	min-height: 25px;		min-height: 25px;
	}		}

Boursk: Added styling for a header/body component and added note-example class

2026-04-27T11:59:34Z

Added styling for a header/body component and added note-example class

← Older revision		Revision as of 11:59, 27 April 2026
Line 1:		Line 1:
			.note-container {
			border: 1px solid #ddd; margin: 0.5em 0;
			}
	.note {		.note {
	background-position: left 7px top 50%;		background-position: left 7px top 50%;
	padding: 0.5em 0.5em 0.5em 40px;		padding: 0.5em 0.5em 0.5em 40px;
	~~margin: 0.5em 0;~~
	overflow: hidden;		overflow: hidden;
	background-color: #f8f9fa;		background-color: #f8f9fa;
	color: #333;		color: #333;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	~~border: 1px solid #ddd;~~
	}		}
	.note > :first-child {		.note-body {
			padding: 0.5em 0.5em 0.5em;
			}
			.note > :first-child, .note-body > :first-child {
	margin-top: 0 !important;		margin-top: 0 !important;
	}		}
	.note > :last-child {		.note > :last-child, .note-body > :last-child {
	margin-bottom: 0 !important;		margin-bottom: 0 !important;
	}		}
Line 28:		Line 32:
	border-color: #a3caff;		border-color: #a3caff;
	padding-left: 40px;		padding-left: 40px;
			min-height: 25px;
			}
			.note-example {
			background-color: #eaf3ff;
			color: #333;
			/* [[File:Icon_stripeToC-rtl.svg]] */
			background-image: url('https://wikidex.tr25.es/images/0/07/Icon_stripeToC-rtl.svg');
			background-size: 25px;
			background-position: 0.5em 0.5em;
			border-color: #a3caff;
	min-height: 25px;		min-height: 25px;
	}		}

Boursk at 06:40, 26 April 2026

2026-04-26T06:40:17Z

← Older revision		Revision as of 06:40, 26 April 2026
Line 8:		Line 8:
	background-repeat: no-repeat;		background-repeat: no-repeat;
	border: 1px solid #ddd;		border: 1px solid #ddd;
			}
			.note > :first-child {
			margin-top: 0 !important;
			}
			.note > :last-child {
			margin-bottom: 0 !important;
	}		}
	.note-inline {		.note-inline {

Boursk: Fixed URLs

2026-04-25T02:31:34Z

Fixed URLs

← Older revision		Revision as of 02:31, 25 April 2026
Line 28:		Line 28:
	color: #333;		color: #333;
	/* [[File:Icon_lightbulb-yellow.svg]] */		/* [[File:Icon_lightbulb-yellow.svg]] */
	background-image: url('https://wikidex.tr25.es/images/c/cd/Icon_lightbulb-yellow.svg');		background-image: url('https://wikidex.tr25.es/images/5/51/Icon_lightbulb-yellow.svg');
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
Line 38:		Line 38:
	color: #333;		color: #333;
	/* [[File:Icon_alert-warning.svg]] */		/* [[File:Icon_alert-warning.svg]] */
	background-image: url('https://wikidex.tr25.es/images/c/cd/Icon_alert-warning.svg');		background-image: url('https://wikidex.tr25.es/images/3/34/Icon_alert-warning.svg');
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
Line 49:		Line 49:
	color: #333;		color: #333;
	/* [[File:Icon_notice-destructive.svg]] */		/* [[File:Icon_notice-destructive.svg]] */
	background-image: url('https://wikidex.tr25.es/images/c/cd/Icon_notice-destructive.svg');		background-image: url('https://wikidex.tr25.es/images/5/53/Icon_notice-destructive.svg');
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;

Boursk: Updated the URLs to local wiki URLs

2026-04-25T02:23:58Z

Updated the URLs to local wiki URLs

← Older revision		Revision as of 02:23, 25 April 2026
Line 16:		Line 16:
	background-color: #eaf3ff;		background-color: #eaf3ff;
	color: #333;		color: #333;
	/* [[File:~~OOjs_UI_icon_information~~-progressive.svg]] */		/* [[File:Icon_information-progressive.svg]] */
	background-image: url(https://~~upload~~.~~wikimedia~~.~~org~~/~~wikipedia~~/~~commons~~/e/~~ec/OOjs_UI_icon_information~~-progressive.svg);		background-image: url('https://wikidex.tr25.es/images/c/cd/Icon_information-progressive.svg');
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
Line 27:		Line 27:
	background-color: #fff9ea;		background-color: #fff9ea;
	color: #333;		color: #333;
	/* [[File:~~OOjs_UI_icon_lightbulb~~-yellow.svg]] */		/* [[File:Icon_lightbulb-yellow.svg]] */
	background-image: url(https://~~upload~~.~~wikimedia~~.~~org~~/~~wikipedia~~/~~commons~~/a/~~a8/OOjs_UI_icon_lightbulb~~-yellow.svg);		background-image: url('https://wikidex.tr25.es/images/c/cd/Icon_lightbulb-yellow.svg');
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
Line 37:		Line 37:
	background-color: #fff9ea;		background-color: #fff9ea;
	color: #333;		color: #333;
	/* [[File:~~OOjs_UI_icon_alert~~-warning.svg]] */		/* [[File:Icon_alert-warning.svg]] */
	background-image: url(https://~~upload~~.~~wikimedia~~.~~org~~/~~wikipedia~~/~~commons~~/3/~~3b/OOjs_UI_icon_alert~~-warning.svg);		background-image: url('https://wikidex.tr25.es/images/c/cd/Icon_alert-warning.svg');
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;
Line 48:		Line 48:
	background-color: #fee7e6;		background-color: #fee7e6;
	color: #333;		color: #333;
	/* [[File:~~OOjs_UI_icon_notice~~-destructive.svg]] */		/* [[File:Icon_notice-destructive.svg]] */
	background-image: url(https://~~upload~~.~~wikimedia~~.~~org~~/~~wikipedia~~/~~commons~~/b/~~bf/OOjs_UI_icon_notice~~-destructive.svg);		background-image: url('https://wikidex.tr25.es/images/c/cd/Icon_notice-destructive.svg');
	background-size: 25px;		background-size: 25px;
	background-position: 0.5em 0.5em;		background-position: 0.5em 0.5em;

Boursk: Initial draft

2026-04-25T01:52:30Z

Initial draft

← Older revision	Revision as of 01:52, 25 April 2026
Line 1:	Line 1:
		.note {
		background-position: left 7px top 50%;
		padding: 0.5em 0.5em 0.5em 40px;
		margin: 0.5em 0;
		overflow: hidden;
		background-color: #f8f9fa;
		color: #333;
		background-repeat: no-repeat;
		border: 1px solid #ddd;
		}
		.note-inline {
		display: inline-block;
		vertical-align: middle;
		}
		.note-info {
		background-color: #eaf3ff;
		color: #333;
		/* [[File:OOjs_UI_icon_information-progressive.svg]] */
		background-image: url(https://upload.wikimedia.org/wikipedia/commons/e/ec/OOjs_UI_icon_information-progressive.svg);
		background-size: 25px;
		background-position: 0.5em 0.5em;
		border-color: #a3caff;
		padding-left: 40px;
		min-height: 25px;
		}
		.note-reminder {
		background-color: #fff9ea;
		color: #333;
		/* [[File:OOjs_UI_icon_lightbulb-yellow.svg]] */
		background-image: url(https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg);
		background-size: 25px;
		background-position: 0.5em 0.5em;
		border-color: #fc3;
		min-height: 25px;
		}
		.note-warn {
		background-color: #fff9ea;
		color: #333;
		/* [[File:OOjs_UI_icon_alert-warning.svg]] */
		background-image: url(https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg);
		background-size: 25px;
		background-position: 0.5em 0.5em;
		border-color: #fc3;
		min-height: 25px;
		}

		.note-error {
		background-color: #fee7e6;
		color: #333;
		/* [[File:OOjs_UI_icon_notice-destructive.svg]] */
		background-image: url(https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg);
		background-size: 25px;
		background-position: 0.5em 0.5em;
		border-color: #c33;
		min-height: 25px;
		}

		@media screen {
		html.skin-theme-clientpref-night .note {
		background-color: transparent;
		color: inherit;
		}
		}

		@media screen and (prefers-color-scheme: dark) {
		/* automatic mode */
		html.skin-theme-clientpref-os .note {
		background-color: transparent;
		color: inherit;
		}
		}

Bartolumiu: Bartolumiu created the page Template:Note/styles.css using a non-default content model "Sanitized CSS"

2026-04-25T01:51:38Z

Bartolumiu created the page Template:Note/styles.css using a non-default content model "Sanitized CSS"

New page