MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Dokumentation
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 72: | Zeile 72: | ||
.module-card img { | .module-card img { | ||
transition: transform 0.2s ease, | clip-path: circle(50% at 50% 50%); | ||
transition: transform 0.2s ease, filter 0.2s ease; | |||
} | } | ||
.module-card:hover img { | .module-card:hover img { | ||
transform: translateY(-4px) scale(1.06); | transform: translateY(-4px) scale(1.06); | ||
filter: drop-shadow(0 8px 14px rgba(0,0,0,0.3)); | |||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
.btn { | .btn { | ||
display: inline-block; | display: inline-block; | ||
Version vom 1. September 2026, 10:24 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;700&display=swap');
/* --- Typografie --- */
body {
font-family: 'League Spartan', sans-serif;
font-size: 20px; /* Standardtext größer machen */
}
ul {
list-style: circle;
}
/* --- Responsive Bilder --- */
.mw-parser-output img {
max-width: 100%;
height: auto;
}
/* --- Navigations-/Link-Farben (Marken-Violett) --- */
.p-navbar a,
#toc a,
#mw-panel a,
#p-navigation a,
.portal a,
.page-Hauptseite a,
.page-Kontakt a,
.page-Hydraulik a,
.page-Flow a,
.page-GeoCPM a,
.page-Control a,
.page-KasaNova a,
.page-Geo3D a,
.page-ToGo a,
.page-Kanabis a,
.page-AQUA a,
.page-Wert a {
color: #372281 !important;
font-weight: normal !important;
}
.p-navbar {
background-color: #f6f6f9;
}
/* --- Tab-/Menüpunkte ausblenden --- */
#ca-nstab-main,
#ca-viewsource,
#ca-history,
#ca-talk {
display: none !important;
}
body.page-Example_Page li#ca-viewsource {
display: none !important;
}
/* --- Sonstige Komponenten --- */
.nav-pills .nav-link.active {
background-color: #666699 !important;
}
.card_scroll {
height: 180px;
}
.scrollable {
overflow-y: auto;
max-height: 300px;
}
.module-card img {
clip-path: circle(50% at 50% 50%);
transition: transform 0.2s ease, filter 0.2s ease;
}
.module-card:hover img {
transform: translateY(-4px) scale(1.06);
filter: drop-shadow(0 8px 14px rgba(0,0,0,0.3));
cursor: pointer;
}
.btn {
display: inline-block;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.btn:hover {
transform: translateY(-3px);
box-shadow: 0 6px 14px rgba(0,0,0,0.3);
cursor: pointer;
}