MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 11. Februar 2026, 17:51 Uhr

/* Startseite komplett umgestalten */
body.page-Start #mw-panel,
body.page-Start #p-tb, 
body.page-Start #footer,
body.page-Start .mw-editsection {
  display: none !important;
}

body.page-Start #content { 
  margin: 0 !important; 
  padding: 0 !important; 
}

/* Header */
.wiki-header {
  background: #1e3a8a;
  color: white;
  padding: 2em;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.wiki-header h1 {
  margin: 0.5em 0 0 0;
  font-size: 2.5em;
}

/* Games-Tabelle */
.wiki-games-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1.5em;
  margin: 2em auto;
  max-width: 1000px;
}

.wiki-games-table td {
  width: 50%;
  padding: 1.5em;
  background: linear-gradient(145deg, #f8fafc, #e2e8f0);
  border-radius: 16px;
  text-align: center;
  vertical-align: middle;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  height: 160px;
}

.wiki-games-table td:hover {
  background: linear-gradient(145deg, #e2e8f0, #cbd5e1);
  border-color: #3b82f6;
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.wiki-games-table img {
  border-radius: 12px;
  margin-bottom: 0.5em;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
  display: block;
  margin-left: auto;
  margin-right: auto;
}

@@ Zeile 1: / Zeile 1: @@
-/* Minimal-Startseite - Navigation ausblenden */
+/* Startseite komplett umgestalten */
 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-editsection {
-body.page-Start .mw-indicators {
    display: none !important;
 }
-body.page-Start #content { margin: 0; padding: 0; max-width: none; }
+body.page-Start #content {
-body.page-Start #mw-content-text { padding: 0; }
+  margin: 0 !important;
+  padding: 0 !important;
+}
 /* Header */
-.minimal-header {
+.wiki-header {
-   background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
+   background: #1e3a8a;
    color: white;
-   padding: 1.5em 2em;
+   padding: 2em;
-   box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+  text-align: center;
-  display: flex;
+   box-shadow: 0 4px 12px rgba(0,0,0,0.2);
-  align-items: center;
-  justify-content: space-between;
 }
-.header-logo img { border-radius: 8px; }
+.wiki-header h1 {
-.header-title h1 {
+   margin: 0.5em 0 0 0;
-   margin: 0;
+   font-size: 2.5em;
-   font-size: 2.2em;
-  font-weight: 700;
 }
-/* GAME KACHELN - 2x2 Grid */
+/* Games-Tabelle */
-.game-kacheln-grid {
+.wiki-games-table {
-   display: grid;
+   width: 100%;
-   grid-template-columns: repeat(2, 1fr);
+   border-collapse: separate;
-   gap: 1.5em;
+   border-spacing: 1.5em;
-   padding: 3em 2em;
+   margin: 2em auto;
    max-width: 1000px;
-  margin: 0 auto;
 }
-.game-kachel {
+.wiki-games-table td {
-   display: flex;
+   width: 50%;
-  flex-direction: column;
+   padding: 1.5em;
-  align-items: center;
+   background: linear-gradient(145deg, #f8fafc, #e2e8f0);
-   padding: 2em 1.5em;
-   background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
-  border: 2px solid #e2e8f0;
    border-radius: 16px;
-   text-decoration: none;
+   text-align: center;
-   color: inherit;
+   vertical-align: middle;
    transition: all 0.3s ease;
-   box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+   border: 2px solid transparent;
-   height: 180px;
+   height: 160px;
-  justify-content: center;
 }
-.game-kachel:hover {
+.wiki-games-table td:hover {
-   background: linear-gradient(145deg, #f8fafc 0%, #e2e8f0 100%);
+   background: linear-gradient(145deg, #e2e8f0, #cbd5e1);
    border-color: #3b82f6;
-   transform: translateY(-8px);
+   transform: translateY(-5px);
-   box-shadow: 0 20px 40px rgba(0,0,0,0.15);
+   box-shadow: 0 10px 25px rgba(0,0,0,0.15);
 }
-.game-kachel img {
+.wiki-games-table img {
    border-radius: 12px;
-   margin-bottom: 1em;
+   margin-bottom: 0.5em;
-   box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+   box-shadow: 0 4px 12px rgba(0,0,0,0.2);
-}
+   display: block;
+   margin-left: auto;
-.game-kachel-name {
+   margin-right: auto;
-   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;
-  }
 }