Zum Inhalt springen

MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Typ 3D Wiki
Logo: groesseres Auto-Icon + Text-Wordmark
 
Logo: nur Icon vergroessern, Wordmark als Skin-Text
Zeile 1: Zeile 1:
/* TYP3D-WIKI Logo: Auto-Icon groesser + echter Text-Schriftzug daneben */
/* TYP3D-WIKI Logo: Auto-Icon (beide Fronten) groesser; Wiki-Name erscheint als echter Text daneben */
.mw-logo .mw-logo-icon {
.mw-logo .mw-logo-icon {
width: 80px;
width: 80px;
Zeile 7: Zeile 7:
align-items: center;
align-items: center;
}
}
.mw-logo::after {
/* Dark Mode: Auto-Icon (schwarz auf weiss) invertieren, damit es sichtbar bleibt */
content: "TYP3D-WIKI";
margin-left: 12px;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 1.1;
color: var(--color-emphasized, #101418);
white-space: nowrap;
}
/* Dark Mode: Auto-Icon (schwarz auf weiss) invertieren */
html.skin-theme-clientpref-night .mw-logo .mw-logo-icon { filter: invert(1); }
html.skin-theme-clientpref-night .mw-logo .mw-logo-icon { filter: invert(1); }
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .mw-logo .mw-logo-icon { filter: invert(1); }
html.skin-theme-clientpref-os .mw-logo .mw-logo-icon { filter: invert(1); }
}
}

Version vom 7. Juni 2026, 13:56 Uhr

/* TYP3D-WIKI Logo: Auto-Icon (beide Fronten) groesser; Wiki-Name erscheint als echter Text daneben */
.mw-logo .mw-logo-icon {
	width: 80px;
	height: 80px;
}
.mw-logo {
	align-items: center;
}
/* Dark Mode: Auto-Icon (schwarz auf weiss) invertieren, damit es sichtbar bleibt */
html.skin-theme-clientpref-night .mw-logo .mw-logo-icon { filter: invert(1); }
@media (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .mw-logo .mw-logo-icon { filter: invert(1); }
}