MediaWiki:Common.css - Versionsgeschichte

Christopher.theophanous am 24. Juli 2025 um 15:33 Uhr

2025-07-24T15:33:34Z

← Nächstältere Version		Version vom 24. Juli 2025, 17:33 Uhr
Zeile 207:		Zeile 207:
	.material-parent[data-category="veneer"].expanded ~ .material-child[data-parent="veneer"],		.material-parent[data-category="veneer"].expanded ~ .material-child[data-parent="veneer"],
	.material-parent[data-category="plant-based materials"].expanded ~ .material-child[data-parent="plant-based materials"],		.material-parent[data-category="plant-based materials"].expanded ~ .material-child[data-parent="plant-based materials"],
	.material-parent[data-category="~~stein~~"].expanded ~ .material-child[data-parent="~~stein~~"],		.material-parent[data-category="animal material"].expanded ~ .material-child[data-parent="animal material"],
	.material-parent[data-category="textilien"].expanded ~ .material-child[data-parent="textilien"],		.material-parent[data-category="textilien"].expanded ~ .material-child[data-parent="textilien"],
	.material-parent[data-category="keramik"].expanded ~ .material-child[data-parent="keramik"],		.material-parent[data-category="keramik"].expanded ~ .material-child[data-parent="keramik"],

2025-07-24T13:15:57Z

← Nächstältere Version		Version vom 24. Juli 2025, 15:15 Uhr
Zeile 206:		Zeile 206:
	.material-parent[data-category="wood"].expanded ~ .material-child[data-parent="wood"],		.material-parent[data-category="wood"].expanded ~ .material-child[data-parent="wood"],
	.material-parent[data-category="veneer"].expanded ~ .material-child[data-parent="veneer"],		.material-parent[data-category="veneer"].expanded ~ .material-child[data-parent="veneer"],
	.material-parent[data-category="~~metalle~~"].expanded ~ .material-child[data-parent="~~metalle~~"],		.material-parent[data-category="plant-based materials"].expanded ~ .material-child[data-parent="plant-based materials"],
	.material-parent[data-category="stein"].expanded ~ .material-child[data-parent="stein"],		.material-parent[data-category="stein"].expanded ~ .material-child[data-parent="stein"],
	.material-parent[data-category="textilien"].expanded ~ .material-child[data-parent="textilien"],		.material-parent[data-category="textilien"].expanded ~ .material-child[data-parent="textilien"],

2025-07-24T12:40:44Z

← Nächstältere Version		Version vom 24. Juli 2025, 14:40 Uhr
Zeile 204:		Zeile 204:

	/* Show children when their specific parent is expanded */		/* Show children when their specific parent is expanded */
	.material-parent[data-category="~~holz~~"].expanded ~ .material-child[data-parent="~~holz~~"],		.material-parent[data-category="wood"].expanded ~ .material-child[data-parent="wood"],
			.material-parent[data-category="veneer"].expanded ~ .material-child[data-parent="veneer"],
	.material-parent[data-category="metalle"].expanded ~ .material-child[data-parent="metalle"],		.material-parent[data-category="metalle"].expanded ~ .material-child[data-parent="metalle"],
	.material-parent[data-category="stein"].expanded ~ .material-child[data-parent="stein"],		.material-parent[data-category="stein"].expanded ~ .material-child[data-parent="stein"],

2025-07-24T12:29:29Z

← Nächstältere Version		Version vom 24. Juli 2025, 14:29 Uhr
Zeile 232:		Zeile 232:
	}		}

	/* ~~Left column container must be positioned for ::after~~ to ~~work~~ */		/* Only apply gradient to elements with gradient-fade class */
	.left-column-container {		.left-column-container.gradient-fade {
	position: relative; ~~/* REQUIRED - positioning context */~~		position: relative;
	}		}

	~~/* Gradient fade that stays fixed at bottom of container (doesn't scroll) */~~		.left-column-container.gradient-fade::after {
	.left-column-container::after {
	content: '';		content: '';
	position: absolute;		position: absolute;
Zeile 251:		Zeile 250:
	);		);
	pointer-events: none;		pointer-events: none;
	z-index: 10~~; /* Above scrollable content */~~		z-index: 10;
	}
	~~.slideshow-gallery-page * {~~
	~~box-sizing: border-box~~;
	}		}

2025-07-24T12:26:53Z

← Nächstältere Version		Version vom 24. Juli 2025, 14:26 Uhr
Zeile 232:		Zeile 232:
	}		}

			/* Left column container must be positioned for ::after to work */
	.left-column-container {		.left-column-container {
	position: relative; /* REQUIRED - ~~this was missing!~~ */		position: relative; /* REQUIRED - positioning context */
	}		}
	/* ~~Alternative:~~ Gradient fade that ~~works with scrollable content~~ */
	.~~scrollable~~-column::after {		/* Gradient fade that stays fixed at bottom of container (doesn't scroll) */
			.left-column-container::after {
	content: '';		content: '';
	position: ~~fixed~~;		position: absolute;
	bottom: 0;		bottom: 0;
	left: 0;		left: 0;
	right: ~~0em~~; ~~/* Account for padding-right */~~		right: 0;
	height: 30px;		height: 30px;
	background: linear-gradient(		background: linear-gradient(
Zeile 249:		Zeile 251:
	);		);
	pointer-events: none;		pointer-events: none;
	z-index: 5;		z-index: 10; /* Above scrollable content */
	}		}

	.slideshow-gallery-page * {		.slideshow-gallery-page * {
	box-sizing: border-box;		box-sizing: border-box;

2025-07-24T12:26:18Z

← Nächstältere Version		Version vom 24. Juli 2025, 14:26 Uhr
Zeile 232:		Zeile 232:
	}		}

	.~~scrollable~~-column {		.left-column-container {
	position: relative; /* REQUIRED - this was missing! */		position: relative; /* REQUIRED - this was missing! */
	}		}
Zeile 241:		Zeile 241:
	bottom: 0;		bottom: 0;
	left: 0;		left: 0;
	right: ~~2em~~; /* Account for padding-right */		right: 0em; /* Account for padding-right */
	height: 30px;		height: 30px;
	background: linear-gradient(		background: linear-gradient(

2025-07-24T12:25:03Z

2025-07-24T12:24:22Z

← Nächstältere Version		Version vom 24. Juli 2025, 14:24 Uhr
Zeile 232:		Zeile 232:
	}		}

			.scrollable-column {
			position: relative; /* REQUIRED - this was missing! */
			}
	/* Alternative: Gradient fade that works with scrollable content */		/* Alternative: Gradient fade that works with scrollable content */
	.scrollable-column::after {		.scrollable-column::after {

2025-07-24T12:23:01Z

← Nächstältere Version		Version vom 24. Juli 2025, 14:23 Uhr
Zeile 238:		Zeile 238:
	bottom: 0;		bottom: 0;
	left: 0;		left: 0;
	right: ~~0em~~; /* Account for padding-right */		right: 2em; /* Account for padding-right */
	height: 30px;		height: 30px;
	background: linear-gradient(		background: linear-gradient(

2025-07-24T12:21:59Z

← Nächstältere Version		Version vom 24. Juli 2025, 14:21 Uhr
Zeile 231:		Zeile 231:
	overflow: hidden;		overflow: hidden;
	}		}

	~~/* Left Column Container - Required for positioning*/~~
	~~.left-column-container {~~
	~~position: relative; /* Required for absolute positioning of gradient */~~
	~~overflow: hidden; /* Ensures gradient doesn't extend outside */~~
	}




	/* Alternative: Gradient fade that works with scrollable content */		/* Alternative: Gradient fade that works with scrollable content */
Zeile 255:		Zeile 246:
	);		);
	pointer-events: none;		pointer-events: none;
	z-index: 0;		z-index: 5;
	}		}