MediaWiki:Timeless.css: Unterschied zwischen den Versionen
Aus Transfusionshandbuch
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* All CSS here will be loaded for users of the Timeless skin */ | /* All CSS here will be loaded for users of the Timeless skin */ | ||
/* | /* Seite und Inhaltsbereich vollständig nutzen */ | ||
html, body { | html, body { | ||
height: 100%; | height: 100%; | ||
| Zeile 9: | Zeile 9: | ||
} | } | ||
/* | /* Inhaltsbereich dehnt sich zwischen Kopf- und Fußzeile */ | ||
#content { | #content { | ||
flex: 1; /* | flex: 1; | ||
padding-bottom: 20px; /* Platz für den Footer reservieren */ | |||
} | } | ||
/* | /* Footer-Einstellungen */ | ||
#footer { | #footer { | ||
min-height: 50px; /* Mindesthöhe für den Footer */ | |||
max-height: 100px; /* Begrenzung der maximalen Höhe */ | |||
background-color: #f9f9f9; | background-color: #f9f9f9; | ||
text-align: center; | text-align: center; | ||
padding: 10px; | |||
margin-top: auto; /* Footer bleibt am Seitenende */ | |||
} | } | ||
Version vom 28. Oktober 2024, 13:57 Uhr
/* All CSS here will be loaded for users of the Timeless skin */
/* Seite und Inhaltsbereich vollständig nutzen */
html, body {
height: 100%;
margin: 0;
display: flex;
flex-direction: column;
}
/* Inhaltsbereich dehnt sich zwischen Kopf- und Fußzeile */
#content {
flex: 1;
padding-bottom: 20px; /* Platz für den Footer reservieren */
}
/* Footer-Einstellungen */
#footer {
min-height: 50px; /* Mindesthöhe für den Footer */
max-height: 100px; /* Begrenzung der maximalen Höhe */
background-color: #f9f9f9;
text-align: center;
padding: 10px;
margin-top: auto; /* Footer bleibt am Seitenende */
}
