Sprache wählen / Select Language: Deutsch | English

MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus P&T-Wiki
Zur Navigation springen Zur Suche springen
Die Seite wurde neu angelegt: „Das folgende CSS wird für alle Benutzeroberflächen geladen.: Fixiertes Hauptmenü: #siteNotice { position: sticky; top: 0; z-index: 100; b…“
 
Keine Bearbeitungszusammenfassung
 
(13 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* 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 */
}


/* Fixiertes Hauptmenü */
.sticky-menu th, .sticky-menu td {
#siteNotice {
    padding: 10px; /* Etwas Abstand in den Zellen */
  position: sticky;
    text-align: left; /* Text in den Zellen links ausrichten */
  top: 0;
}
  z-index: 100;
 
  background-color: white;
.sticky-menu div {
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    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);
}
}

Aktuelle Version vom 27. April 2025, 13: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);
}