MediaWiki:Common.css: Unterschied zwischen den Versionen
Erscheinungsbild
Print Options |
KKeine Bearbeitungszusammenfassung |
||
| Zeile 5: | Zeile 5: | ||
width: 1em; | width: 1em; | ||
vertical-align: middle; | vertical-align: middle; | ||
} | |||
th.rotate { | |||
/* Sorgt dafür, dass die Zelle nicht höher wird als nötig */ | |||
height: 80px; | |||
white-space: nowrap; | |||
position: relative; | |||
} | |||
th.rotate > span { | |||
/* Absolute Positionierung, damit der Text die Spaltenbreite nicht aufbläht */ | |||
position: absolute; | |||
bottom: 10px; | |||
left: 50%; | |||
/* Text um 45 Grad gegen den Uhrzeigersinn drehen */ | |||
transform: translate(-50%, 0) rotate(-70deg); | |||
/* Bestimmt den Drehpunkt (unten links ist meist am saubersten) */ | |||
transform-origin: left bottom; | |||
width: 100px; /* Gibt dem Text genug Platz zum Schreiben */ | |||
display: inline-block; | |||
} | } | ||
| Zeile 34: | Zeile 56: | ||
display: none; | display: none; | ||
} | } | ||
body { | body { | ||
background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(255, 255, 255)),url("../img/bg.jpg"); | background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(255, 255, 255)),url("../img/bg.jpg"); | ||
Version vom 26. Mai 2026, 21:55 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.emoji {
height: 1em;
width: 1em;
vertical-align: middle;
}
th.rotate {
/* Sorgt dafür, dass die Zelle nicht höher wird als nötig */
height: 80px;
white-space: nowrap;
position: relative;
}
th.rotate > span {
/* Absolute Positionierung, damit der Text die Spaltenbreite nicht aufbläht */
position: absolute;
bottom: 10px;
left: 50%;
/* Text um 45 Grad gegen den Uhrzeigersinn drehen */
transform: translate(-50%, 0) rotate(-70deg);
/* Bestimmt den Drehpunkt (unten links ist meist am saubersten) */
transform-origin: left bottom;
width: 100px; /* Gibt dem Text genug Platz zum Schreiben */
display: inline-block;
}
@media print {
h1, h2, h3, h4 {
break-after: avoid;
}
.chapter-start {
break-before: page;
}
tr, img {
break-inside: avoid;
}
.seitenumbruch {
content: "";
display: block;
clear: both;
page-break-after: always;
break-after: page;
}
}
/* Verhindert, dass der Umbruch auf dem Bildschirm sichtbar ist */
@media screen {
.seitenumbruch {
display: none;
}
body {
background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgb(255, 255, 255)),url("../img/bg.jpg");
background-attachment: fixed;
background-position: center;
background-size: cover;
}
#mw-page-base, .mw-header, .vector-header-container .mw-header, .vector-header-container {
background-color: unset;
background-image: unset;
}
.vector-sticky-header {
background-color: #fefdf3cc !important;
background-image: unset;
}
.vector-pinned-container {
background-color: unset;
}
.vector-sticky-pinned-container {
margin-left: 12px;
}
.vector-sticky-pinned-container::after {
background: unset;
}
.vector-toc .vector-pinnable-header {
margin-left: 0px;
}
.mw-page-container {
background-color: #fff9;
}
#contentSub {
display: none;
}
.mw-indicators {
display:none !important;
}
/* Link Colors */
a:link {
color: #9b006e !important;
}
a:visited {
color: #732600 !important;
}
a:link.new {
color: #e67327 !important;
}
a.new {
color: #e67327 !important;
}
.vector-menu .new a {
color: #e67327 !important;
}
a:where(:not([role="button"])):visited {
color: var(#732600) !important;
}
}
/* Test */