Šablona:Note/test/styles.css - Historie editací

Ofara v 8. 10. 2026, 12:56

2026-10-08T12:56:44Z

@@ Řádek 19: / Řádek 19: @@
 .note-inline {
 	display: inline-block;
 	vertical-align: middle;
@@ Řádek 61: / Řádek 73: @@
 	border-color: #f7cbc8;
 	box-shadow: inset 3px 0 0 #d33;
+}
@@ Řádek 81: / Řádek 85: @@
 .skin-theme-clientpref-night .note-warn { background-color: #302010; border-color: #593c1c; box-shadow: inset 3px 0 0 #f90; }
 .skin-theme-clientpref-night .note-error { background-color: #331a1a; border-color: #5a2b2b; box-shadow: inset 3px 0 0 #f26b6b; }
-.skin-theme-clientpref-night .note-inline { box-shadow: none; }
+.skin-theme-clientpref-night .note.note-pill { box-shadow: none; }

Ofara v 8. 10. 2026, 12:53

2026-10-08T12:53:41Z

← Starší verze		Verze z 8. 10. 2026, 14:53
Řádek 3:		Řádek 3:
	.note {		.note {
	box-sizing: border-box;		box-sizing: border-box;
	margin: 0.~~6em~~ 0;		margin: 0.8em 0;
	padding: 0.~~7em~~ 1em 0.~~7em 3em~~;		padding: 0.85em 1.1em 0.85em 3.2em;
			min-height: 2.9em;
	overflow: hidden;		overflow: hidden;
	~~min-height: 2.6em;~~
	color: #202122;		color: #202122;
	background-color: #~~f8f9fa~~;		background-color: #f6f7f9;
	background-repeat: no-repeat;		background-repeat: no-repeat;
	background-position: left ~~0.8em~~ top 0.~~75em~~;		background-position: left 1em top 0.95em;
	background-size: 1.~~4em~~;		background-size: 1.35em;
	border: 1px solid ~~#dddddd;~~		border: 1px solid rgba( 0, 0, 0, 0.08 );
	~~border-left-width: 5px~~;		border-radius: 10px;
	border-radius: ~~6px~~;		box-shadow: inset 3px 0 0 #a2a9b1;
	box-shadow: 0 ~~1px 2px rgba(~~ 0~~, 0, 0, 0.08 )~~;		line-height: 1.55;
	line-height: 1.5;
	}		}

Řádek 22:		Řádek 21:
	display: inline-block;		display: inline-block;
	vertical-align: middle;		vertical-align: middle;
	margin: 0 0.~~2em~~;		margin: 0 0.15em;
	padding: 0.~~1em~~ 0.~~7em~~ 0.~~1em~~ 2.1em;		padding: 0.05em 0.75em 0.05em 2.1em;
	min-height: 0;		min-height: 0;
	background-position: left 0.~~5em~~ center;		background-position: left 0.55em center;
	background-size: 1.~~1em;~~		background-size: 1.05em;
	~~border-left-width: 3px~~;		border-radius: 999px;
	border-radius: ~~4px~~;
	box-shadow: none;		box-shadow: none;
	line-height: 1.4;		line-height: 1.5;
	}		}

	.note-info {		.note-info {
	background-color: #~~eaf3ff~~;		background-color: #f1f6ff;
	/* [[File:OOjs_UI_icon_information-progressive.svg]] */		/* [[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-image: url( https://upload.wikimedia.org/wikipedia/commons/e/ec/OOjs_UI_icon_information-progressive.svg );
	border-color: #~~a3caff~~;		border-color: #d6e4fb;
	~~border~~-~~left-color~~: #36c;		box-shadow: inset 3px 0 0 #36c;
	}		}

	.note-reminder {		.note-reminder {
	background-color: #~~fff9ea~~;		background-color: #fffbeb;
	/* [[File:OOjs_UI_icon_lightbulb-yellow.svg]] */		/* [[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-image: url( https://upload.wikimedia.org/wikipedia/commons/a/a8/OOjs_UI_icon_lightbulb-yellow.svg );
	border-color: #~~ffe08a~~;		border-color: #f6e6a8;
	~~border~~-~~left-color~~: #fc3;		box-shadow: inset 3px 0 0 #fc3;
	}		}

	.note-warn {		.note-warn {
	background-color: #~~fff4e0~~;		background-color: #fff6e9;
	/* [[File:OOjs_UI_icon_alert-warning.svg]] */		/* [[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-image: url( https://upload.wikimedia.org/wikipedia/commons/3/3b/OOjs_UI_icon_alert-warning.svg );
	border-color: #~~ffd699~~;		border-color: #f8dcb4;
	~~border~~-~~left-color~~: #f90;		box-shadow: inset 3px 0 0 #f90;
	}		}

	.note-error {		.note-error {
	background-color: #~~fee7e6~~;		background-color: #fff1f0;
	/* [[File:OOjs_UI_icon_notice-destructive.svg]] */		/* [[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-image: url( https://upload.wikimedia.org/wikipedia/commons/b/bf/OOjs_UI_icon_notice-destructive.svg );
	border-color: #~~f5b5b2~~;		border-color: #f7cbc8;
	~~border~~-~~left-color~~: #d33;		box-shadow: inset 3px 0 0 #d33;
			}

			/* Inline: no accent bar */
			.note-inline.note-info,
			.note-inline.note-reminder,
			.note-inline.note-warn,
			.note-inline.note-error {
			box-shadow: none;
	}		}

Řádek 69:		Řádek 75:
	color: #eaecf0;		color: #eaecf0;
	background-color: #1f2328;		background-color: #1f2328;
	border-color: ~~#3a3f46~~;		border-color: rgba( 255, 255, 255, 0.1 );
	}		}
	.skin-theme-clientpref-night .note-info { background-color: #~~1a2536~~; border-color: #~~2f4468~~; ~~border-left~~-~~color~~: #6b9bf5; }		.skin-theme-clientpref-night .note-info { background-color: #182236; border-color: #2a3d63; box-shadow: inset 3px 0 0 #6b9bf5; }
	.skin-theme-clientpref-night .note-reminder { background-color: #~~2f2a12~~; border-color: #~~574d1c~~; ~~border-left~~-~~color~~: #fc3; }		.skin-theme-clientpref-night .note-reminder { background-color: #2a2610; border-color: #4f4619; box-shadow: inset 3px 0 0 #fc3; }
	.skin-theme-clientpref-night .note-warn { background-color: #~~33220f~~; border-color: #~~5e4120~~; ~~border~~-~~left-color~~: #f90; }		.skin-theme-clientpref-night .note-warn { background-color: #302010; border-color: #593c1c; box-shadow: inset 3px 0 0 #f90; }
	.skin-theme-clientpref-night .note-error { background-color: #~~341b1b~~; border-color: #~~5e2d2d~~; ~~border-left~~-~~color~~: #f26b6b; }		.skin-theme-clientpref-night .note-error { background-color: #331a1a; border-color: #5a2b2b; box-shadow: inset 3px 0 0 #f26b6b; }
			.skin-theme-clientpref-night .note-inline { box-shadow: none; }

Ofara v 8. 10. 2026, 12:51

2026-10-08T12:51:55Z

Ukázat změny

Ofara: založena nová stránka s textem „/* Template:Note/styles.css (content model: Sanitized CSS) / .note { box-sizing: border-box; position: relative; margin: 0.6em 0; padding: 0.7em 1em 0.7em 2.8em; color: #202122; background-color: #eef3fc; border: 1px solid #c8d6f2; border-left: 5px solid #3366cc; border-radius: 6px; box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.08 ); line-height: 1.5; } / Icon */ .note::before { content: '\2139'; position: absolute; left: 0.7em; top: 0.65…“

2026-10-08T12:47:10Z

založena nová stránka s textem „Template:Note/styles.css (content model: Sanitized CSS): .note { box-sizing: border-box; position: relative; margin: 0.6em 0; padding: 0.7em 1em 0.7em 2.8em; color: #202122; background-color: #eef3fc; border: 1px solid #c8d6f2; border-left: 5px solid #3366cc; border-radius: 6px; box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.08 ); line-height: 1.5; } Icon: .note::before { content: '\2139'; position: absolute; left: 0.7em; top: 0.65…“

Nová stránka

/* Template:Note/styles.css (content model: Sanitized CSS) */

.note {
box-sizing: border-box;
position: relative;
margin: 0.6em 0;
padding: 0.7em 1em 0.7em 2.8em;
color: #202122;
background-color: #eef3fc;
border: 1px solid #c8d6f2;
border-left: 5px solid #3366cc;
border-radius: 6px;
box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.08 );
line-height: 1.5;
}

/* Icon */
.note::before {
content: '\2139';
position: absolute;
left: 0.7em;
top: 0.65em;
width: 1.4em;
height: 1.4em;
line-height: 1.4em;
text-align: center;
font-weight: bold;
font-size: 0.9em;
color: #ffffff;
background-color: #3366cc;
border-radius: 50%;
}

/* Types */
.note-reminder {
background-color: #f4effc;
border-color: #dccff3;
border-left-color: #7b4fd0;
}
.note-reminder::before {
content: '\23F0';
background-color: #7b4fd0;
}

.note-warn {
background-color: #fff7e0;
border-color: #f2dc9c;
border-left-color: #d68a00;
}
.note-warn::before {
content: '!';
background-color: #d68a00;
}

.note-error {
background-color: #fdeeee;
border-color: #f3c3c3;
border-left-color: #dd3333;
}
.note-error::before {
content: '\2715';
background-color: #dd3333;
}

/* Inline variant: small badge in the text flow */
.note-inline {
display: inline-block;
margin: 0 0.2em;
padding: 0.05em 0.6em 0.05em 2em;
border-width: 1px;
border-left-width: 3px;
border-radius: 4px;
box-shadow: none;
line-height: 1.4;
}
.note-inline::before {
left: 0.45em;
top: 0.25em;
width: 1.2em;
height: 1.2em;
line-height: 1.2em;
font-size: 0.8em;
}

/* Dark mode */
.skin-theme-clientpref-night .note {
color: #eaecf0;
background-color: #1c2433;
border-color: #34415c;
border-left-color: #6b9bf5;
}
.skin-theme-clientpref-night .note::before { background-color: #6b9bf5; color: #101418; }

.skin-theme-clientpref-night .note-reminder { background-color: #231d33; border-color: #43385f; border-left-color: #a98af0; }
.skin-theme-clientpref-night .note-reminder::before { background-color: #a98af0; }

.skin-theme-clientpref-night .note-warn { background-color: #332a14; border-color: #5a4a1f; border-left-color: #f0b429; }
.skin-theme-clientpref-night .note-warn::before { background-color: #f0b429; }

.skin-theme-clientpref-night .note-error { background-color: #341b1b; border-color: #5e2d2d; border-left-color: #f26b6b; }
.skin-theme-clientpref-night .note-error::before { background-color: #f26b6b; }