MediaWiki:Common.css: Unterschied zwischen den Versionen
Erscheinungsbild
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* | /* Minimal-Startseite - Navigation ausblenden */ | ||
body.page-Start #mw-panel, | |||
body.page-Start #p-tb, | |||
body.page-Start #mw-panel, | |||
body.page-Start #p-tb, | |||
body.page-Start #p-cactions, | body.page-Start #p-cactions, | ||
body.page-Start #mw-head | body.page-Start #mw-head-base, | ||
body.page-Start #footer, | body.page-Start #footer, | ||
body.page-Start .mw-editsection, | body.page-Start .mw-editsection, | ||
body.page-Start | body.page-Start .mw-indicators { | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* | body.page-Start #content { margin: 0; padding: 0; max-width: none; } | ||
body.page-Start #mw-content-text { padding: 0; } | |||
padding: 0; | /* Header */ | ||
.minimal-header { | |||
background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); | |||
color: white; | |||
padding: 1.5em 2em; | |||
box-shadow: 0 4px 12px rgba(0,0,0,0.15); | |||
display: flex; | |||
align-items: center; | |||
justify-content: space-between; | |||
} | } | ||
.header-logo img { border-radius: 8px; } | |||
.header-title h1 { | |||
margin: 0; | |||
font-size: 2.2em; | |||
font-weight: 700; | |||
} | } | ||
/* | /* GAME KACHELN - 2x2 Grid */ | ||
.game-kacheln-grid { | |||
display: grid; | |||
grid-template-columns: repeat(2, 1fr); | |||
gap: 1.5em; | |||
padding: 3em 2em; | |||
max-width: 1000px; | |||
margin: 0 auto; | |||
} | } | ||
.game-kachel { | |||
. | |||
display: flex; | display: flex; | ||
flex-direction: column; | |||
align-items: center; | align-items: center; | ||
padding: 2em 1.5em; | |||
background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%); | |||
border: 2px solid #e2e8f0; | |||
border-radius: 16px; | |||
text-decoration: none; | |||
color: inherit; | |||
transition: all 0.3s ease; | |||
box-shadow: 0 4px 12px rgba(0,0,0,0.08); | |||
height: 180px; | |||
justify-content: center; | |||
} | } | ||
. | .game-kachel:hover { | ||
background: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 100%); | |||
border-color: #3b82f6; | |||
transform: translateY(-8px); | |||
box-shadow: 0 20px 40px rgba(0,0,0,0.15); | |||
} | } | ||
. | .game-kachel img { | ||
border-radius: 12px; | |||
margin-bottom: 1em; | |||
box-shadow: 0 4px 12px rgba(0,0,0,0.15); | |||
} | } | ||
.kachel { | .game-kachel-name { | ||
font-size: 1.3em; | |||
font-weight: 700; | |||
color: #1e293b; | |||
text-align: center; | |||
margin: 0; | |||
} | } | ||
/* Mobile */ | |||
@media (max-width: 768px) { | |||
.game-kacheln-grid { | |||
grid-template-columns: 1fr; | |||
padding: 2em 1em; | |||
} | |||
} | } | ||
Version vom 11. Februar 2026, 17:22 Uhr
/* Minimal-Startseite - Navigation ausblenden */
body.page-Start #mw-panel,
body.page-Start #p-tb,
body.page-Start #p-cactions,
body.page-Start #mw-head-base,
body.page-Start #footer,
body.page-Start .mw-editsection,
body.page-Start .mw-indicators {
display: none !important;
}
body.page-Start #content { margin: 0; padding: 0; max-width: none; }
body.page-Start #mw-content-text { padding: 0; }
/* Header */
.minimal-header {
background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
color: white;
padding: 1.5em 2em;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
display: flex;
align-items: center;
justify-content: space-between;
}
.header-logo img { border-radius: 8px; }
.header-title h1 {
margin: 0;
font-size: 2.2em;
font-weight: 700;
}
/* GAME KACHELN - 2x2 Grid */
.game-kacheln-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5em;
padding: 3em 2em;
max-width: 1000px;
margin: 0 auto;
}
.game-kachel {
display: flex;
flex-direction: column;
align-items: center;
padding: 2em 1.5em;
background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
border: 2px solid #e2e8f0;
border-radius: 16px;
text-decoration: none;
color: inherit;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
height: 180px;
justify-content: center;
}
.game-kachel:hover {
background: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 100%);
border-color: #3b82f6;
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0,0,0,0.15);
}
.game-kachel img {
border-radius: 12px;
margin-bottom: 1em;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.game-kachel-name {
font-size: 1.3em;
font-weight: 700;
color: #1e293b;
text-align: center;
margin: 0;
}
/* Mobile */
@media (max-width: 768px) {
.game-kacheln-grid {
grid-template-columns: 1fr;
padding: 2em 1em;
}
}