Sprache wählen / Select Language: Deutsch | English

MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus P&T-Wiki
Wechseln zu: Navigation, Suche
 
(10 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
#sticky-menu {
+
/* Sicherstellen, dass der Text in der Tabelle linksbündig ist */
  position: sticky;
+
.sticky-menu table {
  top: 0;
+
    width: 100%;
  z-index: 999;
+
    text-align: left; /* Text linksbündig ausrichten */
  background-color: white;
+
    margin: 0 auto; /* Tabelle selbst zentrieren, aber der Text bleibt links */
  border-bottom: 2px solid #ccc;
 
 
}
 
}
.menu-de, .menu-en {
+
 
  display: none;
+
.sticky-menu th, .sticky-menu td {
 +
    padding: 10px; /* Etwas Abstand in den Zellen */
 +
    text-align: left; /* Text in den Zellen links ausrichten */
 
}
 
}
  
/* Deutsch */
+
.sticky-menu div {
body.page-Hauptseite .menu-de,
+
    text-align: center; /* Der Text im Header der Vorlage bleibt mittig */
body.page-NameDeinerDeutschenSeiten .menu-de {
+
    font-size: 20px;
  display: block;
+
    font-weight: bold;
 
}
 
}
  
/* Englisch */
+
/* Optional: Design für die sticky menu-Div */
body.page-Main_Page .menu-en,
+
.sticky-menu {
body.page-NameDeinerEnglischenSeiten .menu-en {
+
    position: sticky;
  display: block;
+
    top: 0;
 +
    background-color: #f4f4f4;
 +
    padding: 10px;
 +
    z-index: 999;
 +
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
 
}
 
}

Aktuelle Version vom 27. April 2025, 12:59 Uhr

/* Sicherstellen, dass der Text in der Tabelle linksbündig ist */
.sticky-menu table {
    width: 100%;
    text-align: left; /* Text linksbündig ausrichten */
    margin: 0 auto; /* Tabelle selbst zentrieren, aber der Text bleibt links */
}

.sticky-menu th, .sticky-menu td {
    padding: 10px; /* Etwas Abstand in den Zellen */
    text-align: left; /* Text in den Zellen links ausrichten */
}

.sticky-menu div {
    text-align: center; /* Der Text im Header der Vorlage bleibt mittig */
    font-size: 20px;
    font-weight: bold;
}

/* Optional: Design für die sticky menu-Div */
.sticky-menu {
    position: sticky;
    top: 0;
    background-color: #f4f4f4;
    padding: 10px;
    z-index: 999;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}