Šablona:Dlaždice/styles.css - Historie editací

Ofara v 9. 10. 2026, 06:48

2026-10-09T06:48:53Z

← Starší verze		Verze z 9. 10. 2026, 08:48
Řádek 31:		Řádek 31:

	.dlazdice-obrazek {		.dlazdice-obrazek {
	display: ~~flex~~;		display: block;
	~~align~~-~~items~~: ~~center;~~		box-sizing: border-box;
	~~justify~~-~~content: center~~;
	width: 100%; /* obrázek se nikdy nezvětší přes šířku karty */		width: 100%; /* obrázek se nikdy nezvětší přes šířku karty */
			min-width: 0;
			overflow: hidden;
			text-align: center;
	line-height: 0;		line-height: 0;
	margin-bottom: 10px;		margin-bottom: 10px;

Ofara v 9. 10. 2026, 06:46

2026-10-09T06:46:58Z

← Starší verze		Verze z 9. 10. 2026, 08:46
Řádek 11:		Řádek 11:
	.dlazdice-polozka {		.dlazdice-polozka {
	position: relative;		position: relative;
			box-sizing: border-box;
			min-width: 0;
	display: flex;		display: flex;
	flex-direction: column;		flex-direction: column;
Řádek 32:		Řádek 34:
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
	~~min-height~~: ~~1em~~; /* ~~1em = velikost obrázku, nastavená~~ přes ~~font-size~~ */		width: 100%; /* obrázek se nikdy nezvětší přes šířku karty */
	line-height: 0;		line-height: 0;
	margin-bottom: 10px;		margin-bottom: 10px;
Řádek 38:		Řádek 40:

	.dlazdice-obrazek img {		.dlazdice-obrazek img {
	width: 1em;		width: 1em; /* 1em = velikost obrázku, nastavená přes font-size */
	max-width: 100%;		max-width: 100%;
	height: auto;		height: auto;

Ofara v 9. 10. 2026, 06:19

2026-10-09T06:19:48Z

← Starší verze		Verze z 9. 10. 2026, 08:19
Řádek 6:		Řádek 6:
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 16px;		gap: 16px;
	margin: ~~1em~~ 0;		margin: 16px 0;
	}		}

Řádek 86:		Řádek 86:
	border: 1px solid #d33;		border: 1px solid #d33;
	border-radius: 999px;		border-radius: 999px;
			}

			/* Kontejner má velký font-size (velikost obrázků), proto odstavce uvnitř nesmí mít em odsazení */
			.dlazdice p {
			margin: 0;
			line-height: 0;
	}		}

Ofara v 9. 10. 2026, 06:17

2026-10-09T06:17:08Z

← Starší verze		Verze z 9. 10. 2026, 08:17
Řádek 26:		Řádek 26:
	transform: translateY(-3px);		transform: translateY(-3px);
	border-color: #d33;		border-color: #d33;
	~~box-shadow: 0 6px 16px rgba(221, 51, 51, .25);~~
	}		}

Řádek 83:		Řádek 82:
	font-weight: 600;		font-weight: 600;
	line-height: 1.5;		line-height: 1.5;
	color: #~~7a4b00~~;		color: #fff;
	background: #~~fff1cc~~;		background: #d33;
	border: 1px solid #~~f0c969~~;		border: 1px solid #d33;
	border-radius: 999px;		border-radius: 999px;
	}		}

Ofara v 9. 10. 2026, 06:15

2026-10-09T06:15:30Z

← Starší verze		Verze z 9. 10. 2026, 08:15
Řádek 25:		Řádek 25:
	.dlazdice-polozka:hover {		.dlazdice-polozka:hover {
	transform: translateY(-3px);		transform: translateY(-3px);
	border-color: #~~36c~~;		border-color: #d33;
	box-shadow: 0 6px 16px rgba(0, 0, 0, .15);		box-shadow: 0 6px 16px rgba(221, 51, 51, .25);
	}		}

Řádek 72:		Řádek 72:
	line-height: 1.4;		line-height: 1.4;
	color: #5b6470;		color: #5b6470;
			}

			/* Odznak v pravém horním rohu (např. "Po přihlášení") */
			.dlazdice-odznak {
			position: absolute;
			top: 8px;
			right: 8px;
			padding: 2px 8px;
			font-size: .7rem;
			font-weight: 600;
			line-height: 1.5;
			color: #7a4b00;
			background: #fff1cc;
			border: 1px solid #f0c969;
			border-radius: 999px;
	}		}

Ofara v 9. 10. 2026, 06:12

2026-10-09T06:12:08Z

@@ Řádek 7: / Řádek 7: @@
 	gap: 16px;
 	margin: 1em 0;
+}

Ofara v 9. 10. 2026, 06:09

2026-10-09T06:09:50Z

← Starší verze		Verze z 9. 10. 2026, 08:09
Řádek 1:		Řádek 1:
	/* Šablona:Dlaždice/styles.css (TemplateStyles, content model: Sanitized CSS) */		/* Šablona:Dlaždice/styles.css (TemplateStyles, content model: Sanitized CSS) */

			/* Mřížka: výchozí = automatický počet sloupců podle šířky */
			.dlazdice {
			display: grid;
			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
			gap: 16px;
			margin: 1em 0;
			}

			/* Pevný počet sloupců na desktopu (parametr sloupce, 1-8) */
			.dlazdice-s1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
			.dlazdice-s2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
			.dlazdice-s3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
			.dlazdice-s4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
			.dlazdice-s5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
			.dlazdice-s6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
			.dlazdice-s7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
			.dlazdice-s8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }

			/* Responzivita: s užší stránkou se počet sloupců snižuje */
			@media (max-width: 1000px) {
			.dlazdice-s5, .dlazdice-s6, .dlazdice-s7, .dlazdice-s8 {
			grid-template-columns: repeat(4, minmax(0, 1fr));
			}
			}

			@media (max-width: 720px) {
			.dlazdice-s3, .dlazdice-s4, .dlazdice-s5, .dlazdice-s6, .dlazdice-s7, .dlazdice-s8 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
			}
			}

			@media (max-width: 440px) {
			.dlazdice-s2, .dlazdice-s3, .dlazdice-s4, .dlazdice-s5, .dlazdice-s6, .dlazdice-s7, .dlazdice-s8 {
			grid-template-columns: repeat(1, minmax(0, 1fr));
			}
			}

	.dlazdice-polozka {		.dlazdice-polozka {

Ofara: založena nová stránka s textem „/* Šablona:Dlaždice/styles.css (TemplateStyles, content model: Sanitized CSS) */ .dlazdice-polozka { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 12px; background: #fff; border: 1px solid #e3e6ea; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; } .dlazdice-polozka:hover { tra…“

2026-10-09T06:06:57Z

založena nová stránka s textem „Šablona:Dlaždice/styles.css (TemplateStyles, content model: Sanitized CSS): .dlazdice-polozka { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 16px 12px; background: #fff; border: 1px solid #e3e6ea; border-radius: 10px; box-shadow: 0 1px 3px rgba(0, 0, 0, .08); transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; } .dlazdice-polozka:hover { tra…“

Nová stránka

/* Šablona:Dlaždice/styles.css (TemplateStyles, content model: Sanitized CSS) */

.dlazdice-polozka {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 16px 12px;
background: #fff;
border: 1px solid #e3e6ea;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.dlazdice-polozka:hover {
transform: translateY(-3px);
border-color: #36c;
box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
}

.dlazdice-obrazek {
display: flex;
align-items: center;
justify-content: center;
min-height: 1em; /* 1em = velikost obrázku, nastavená přes font-size */
line-height: 0;
margin-bottom: 10px;
}

.dlazdice-obrazek img {
width: 1em;
max-width: 100%;
height: auto;
}

.dlazdice-nazev {
font-weight: 600;
font-size: 1rem;
line-height: 1.3;
}

/* Odkaz v názvu se roztáhne přes celou kartu, takže je klikací celá dlaždice */
.dlazdice-nazev a::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 10px;
}

.dlazdice-nazev a,
.dlazdice-nazev a:visited {
color: inherit;
text-decoration: none;
}

.dlazdice-popis {
margin-top: 6px;
font-size: .85rem;
line-height: 1.4;
color: #5b6470;
}