MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Markenheftchen
T1qj7p (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
T1qj7p (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| (59 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
img { | |||
max-width:90%; | |||
height:auto; | |||
} | |||
/* Artikelname in Kapitälchen */ | /* Artikelname in Kapitälchen */ | ||
.mw-page-title-main { | .mw-page-title-main { | ||
font-variant: small-caps; | font-variant: small-caps; | ||
/* font-family:arial, "lucida console", sans-serif; */ /* Schriftart */ | |||
} | |||
/* Artikelüberschrift für MH und FB etc. (nicht h1, h2, h3, h4 etc.) */ | |||
.mw-item-heading { | |||
font-weight: bold; | |||
font-size:large; | |||
} | |||
h1, h2, h3, h4 { | |||
/* color:#FF9F00; Farbe orange */ | |||
/* font-size:28pt; Größe 28pt */ | |||
/* font-family:arial, "lucida console", sans-serif; */ /* Schriftart */ | |||
} | } | ||
| Zeile 11: | Zeile 29: | ||
/* inset 0 -3em 3em rgb(0 200 0 / 30%), */ | /* inset 0 -3em 3em rgb(0 200 0 / 30%), */ | ||
/* 0 0 0 2px white, */ | /* 0 0 0 2px white, */ | ||
0.3em 0.3em 1em rgb(200 200 200 / 60%); | |||
} | |||
/* Schlagschatten für Bild oben links */ | |||
.timeless-logo img { | |||
box-shadow: | |||
0.3em 0.3em 1em rgb(200 200 200 / 60%); | 0.3em 0.3em 1em rgb(200 200 200 / 60%); | ||
} | } | ||
| Zeile 28: | Zeile 52: | ||
align-items: center; | align-items: center; | ||
} | } | ||
/* Zentriertes Grid für Bilder mit Quellenangabe */ | |||
/* Nötig, da die seitliche Quellenangabe auf dem */ | |||
/* Handy bei der responsiven Reformatierung */ | |||
/* ursprünglich unter das Bild rutschte. Nun */ | |||
/* bilden Bild, Quelle und Bildunterschrift */ | |||
/* eine Einheit. */ | |||
#imagegridc { | |||
margin: 0 0 0 3%; | |||
display: grid; | |||
/* grid-template-rows: repeat(2, 1fr); */ | |||
grid-template-rows: min-content min-content; | |||
grid-template-columns: auto min-content; | |||
/* grid-template-columns: repeat(2, 1fr); */ | |||
grid-column-gap: 5px; | |||
grid-row-gap: 5px; | |||
align-items: center; | |||
justify-content: center; | |||
} | |||
#igc-image { grid-area: 1 / 1 / 2 / 2; } | |||
#igc-caption { grid-area: 2 / 1 / 3 / 2; justify-self: center;} | |||
#igc-source { grid-area: 1 / 2 / 3 / 3; } | |||
/* Quellenangabe vertikal => span */ | /* Quellenangabe vertikal => span */ | ||
| Zeile 84: | Zeile 131: | ||
/* Werkzeuge ausblenden */ | /* Werkzeuge ausblenden */ | ||
#site-tools.sidebar-chunk { display: none; } | #site-tools.sidebar-chunk { display: none; } | ||
#mw- | |||
/* "Druckversion" in 'Mehr' (rechts) ausblenden */ | |||
li#t-print { display:none; } | |||
/*** Test ***/ | |||
/* Container holding the image and the text */ | |||
.container { | |||
position: relative; | |||
text-align: center; | |||
color: white; | |||
} | |||
/* Bottom left text */ | |||
.bottom-left { | |||
position: absolute; | |||
bottom: 8px; | |||
left: 16px; | |||
} | |||
/* Top left text */ | |||
.top-left { | |||
position: absolute; | |||
top: 8px; | |||
left: 16px; | |||
} | |||
/* Top right text */ | |||
.top-right { | |||
position: absolute; | |||
top: 8px; | |||
right: 16px; | |||
} | |||
/* Bottom right text */ | |||
.bottom-right { | |||
position: absolute; | |||
bottom: 8px; | |||
right: 16px; | |||
} | |||
/* Centered text */ | |||
.centered { | |||
position: absolute; | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%, -50%); | |||
} | |||
.mygrid{ | |||
margin: 20px auto; | |||
width:400px; | |||
height:400px; | |||
background-color:#fff; | |||
display:grid; | |||
grid-template-columns: 200px 200px; | |||
grid-row: auto auto; | |||
grid-column-gap: 20px; | |||
grid-row-gap: 20px; | |||
} | |||
#mw-img-src { | |||
color:#a020f0; | |||
font-size: x-small; | |||
/* letter-spacing:2px; */ | |||
} | |||
