Vorlage:LandingFeatures/styles.css - Versionsgeschichte

NeroReaver am 12. Januar 2026 um 01:37 Uhr

2026-01-12T01:37:45Z

← Nächstältere Version		Version vom 12. Januar 2026, 03:37 Uhr
Zeile 43:		Zeile 43:
	.tab-arrow:hover {		.tab-arrow:hover {
	background-color: #222;		background-color: #222;
	border-color: #~~808000~~;		border-color: #ffffff;
	}		}

Zeile 88:		Zeile 88:
	.tab-button.active {		.tab-button.active {
	background-color: #222;		background-color: #222;
	color: #~~808000~~;		color: #ffffff;
	border-color: #~~808000~~;		border-color: #ffffff;
	}		}

NeroReaver am 12. Januar 2026 um 01:35 Uhr

2026-01-12T01:35:14Z

← Nächstältere Version		Version vom 12. Januar 2026, 03:35 Uhr
Zeile 43:		Zeile 43:
	.tab-arrow:hover {		.tab-arrow:hover {
	background-color: #222;		background-color: #222;
	border-color: #~~ffd966~~;		border-color: #808000;
	}		}

Zeile 88:		Zeile 88:
	.tab-button.active {		.tab-button.active {
	background-color: #222;		background-color: #222;
	color: #~~ffd966~~;		color: #808000;
	border-color: #~~ffd966~~;		border-color: #808000;
	}		}

NeroReaver am 12. Januar 2026 um 01:29 Uhr

2026-01-12T01:29:07Z

@@ Zeile 8: / Zeile 8: @@
+}
-/* Tabs */
+/* Tabs Container mit Pfeilen */
 .landing-tabs {
    display: flex;
    gap: 0.5em;
-   margin-bottom: 1em;
+   overflow-x: hidden;
+}
@@ Zeile 24: / Zeile 71: @@
    font-weight: bold;
    transition: 0.2s;
+}

NeroReaver am 12. Januar 2026 um 01:22 Uhr

2026-01-12T01:22:56Z

← Nächstältere Version		Version vom 12. Januar 2026, 03:22 Uhr
Zeile 1:		Zeile 1:

	/* Container */		/* Container */
	.landing-container {		.landing-container {
Zeile 5:		Zeile 4:
	margin: 0 auto;		margin: 0 auto;
	background-color: #0a0a0a;		background-color: #0a0a0a;
	~~border: 1px solid #222;~~
	padding: 1em;		padding: 1em;
	~~font-family~~: ~~sans-serif~~;		border: none;
	}		}

Zeile 26:		Zeile 24:
	font-weight: bold;		font-weight: bold;
	transition: 0.2s;		transition: 0.2s;
			}

			.tab-button img {
			display: inline-block;
			vertical-align: middle;
			margin-right: 0.4em;
			margin-bottom: 0;
	}		}

Zeile 35:		Zeile 40:
	background-color: #222;		background-color: #222;
	color: #ffd966;		color: #ffd966;
			border-color: #ffd966;
	}		}

Zeile 44:		Zeile 50:
	.landing-grid {		.landing-grid {
	display: grid;		display: grid;
	grid-template-columns: repeat(auto-fill, minmax(~~120px~~, 1fr));		grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
	gap: 1em;		gap: 1em;
	display: none;		display: none;
Zeile 53:		Zeile 59:
	}		}

	/* Boxes */		/* Boxes - genau wie npc-box */
	.landing-box {		.landing-box {
			display: block;
	text-align: center;		text-align: center;
	~~background-color: #111;~~
	~~border: 1px solid #222;~~
	~~padding: 0.5em;~~
	~~border-radius: 8px;~~
	~~transition: 0.2s;~~
	}

	~~.landing-box:hover {~~
	~~background-color: #1a1a1a;~~
	}		}

Zeile 70:		Zeile 68:
	width: 64px;		width: 64px;
	height: 64px;		height: 64px;
	~~margin: 0 auto 0.5em auto;~~
	~~background-color: #222;~~
	display: flex;		display: flex;
	align-items: center;		align-items: center;
	justify-content: center;		justify-content: center;
			margin: 0 auto 0.4em auto;
	overflow: hidden;		overflow: hidden;
	}		}


	.landing-image img {		.landing-image img {
	image-rendering: pixelated; ~~/* moderne Browser */~~		max-width: 100%;
	image-rendering: crisp-edges; ~~/* allgemeiner Fallback */~~		max-height: 100%;
			image-rendering: pixelated;
			image-rendering: crisp-edges;
	border: none !important;		border: none !important;
	}		}

			.landing-image .mw-file-description {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100%;
			height: 100%;
			}

			.landing-image:hover {
			opacity: 0.7;
			}

	.landing-name {		.landing-name {
	font-size: 0.85em;		font-size: 0.85em;
			text-align: center;
			line-height: 1.3;
	color: #eee;		color: #eee;
			min-height: 2.6em;
			display: flex;
			align-items: center;
			justify-content: center;
			text-decoration: none;
	}		}

NeroReaver: Die Seite wurde neu angelegt: „ /* Container / .landing-container { max-width: 1200px; margin: 0 auto; background-color: #0a0a0a; border: 1px solid #222; padding: 1em; font-family: sans-serif; } / Tabs */ .landing-tabs { display: flex; flex-wrap: wrap; gap: 0.5em; margin-bottom: 1em; } .tab-button { padding: 0.5em 1em; background-color: #000; color: #eee; border: 1px solid #222; cursor: pointer; font-weight: bold; transition: 0.2s; } .tab-button:h…“

2026-01-11T23:50:52Z

Die Seite wurde neu angelegt: „ Container: .landing-container { max-width: 1200px; margin: 0 auto; background-color: #0a0a0a; border: 1px solid #222; padding: 1em; font-family: sans-serif; } Tabs: .landing-tabs { display: flex; flex-wrap: wrap; gap: 0.5em; margin-bottom: 1em; } .tab-button { padding: 0.5em 1em; background-color: #000; color: #eee; border: 1px solid #222; cursor: pointer; font-weight: bold; transition: 0.2s; } .tab-button:h…“

Neue Seite

/* Container */
.landing-container {
max-width: 1200px;
margin: 0 auto;
background-color: #0a0a0a;
border: 1px solid #222;
padding: 1em;
font-family: sans-serif;
}

/* Tabs */
.landing-tabs {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
margin-bottom: 1em;
}

.tab-button {
padding: 0.5em 1em;
background-color: #000;
color: #eee;
border: 1px solid #222;
cursor: pointer;
font-weight: bold;
transition: 0.2s;
}

.tab-button:hover {
background-color: #111;
}

.tab-button.active {
background-color: #222;
color: #ffd966;
}

/* Grid */
.landing-grid-container {
display: block;
}

.landing-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 1em;
display: none;
}

.landing-grid.active {
display: grid;
}

/* Boxes */
.landing-box {
text-align: center;
background-color: #111;
border: 1px solid #222;
padding: 0.5em;
border-radius: 8px;
transition: 0.2s;
}

.landing-box:hover {
background-color: #1a1a1a;
}

.landing-image {
width: 64px;
height: 64px;
margin: 0 auto 0.5em auto;
background-color: #222;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}

.landing-image img {
image-rendering: pixelated; /* moderne Browser */
image-rendering: crisp-edges; /* allgemeiner Fallback */
border: none !important;
}

.landing-name {
font-size: 0.85em;
color: #eee;
}

.landing-name a {
color: #eee;
text-decoration: none;
}

.landing-name a:hover {
color: #ffd966;
}