Sprache wählen / Select Language: Deutsch | English

MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus P&T-Wiki
Wechseln zu: Navigation, Suche
(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…“)
 
 
(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, 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);
}