MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Eressea
Zur Navigation springenZur Suche springen
KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
(11 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. */ | ||
div. | div.mainpage_content { | ||
display:flex; | display:flex; | ||
flex-flow: row wrap; | flex-flow: row wrap; | ||
} | } | ||
div. | div.mainpage_banner { | ||
display:flex; | display:flex; | ||
flex-flow: row wrap; | flex-flow: row wrap; | ||
Zeile 12: | Zeile 12: | ||
background:#fbfbfb; | background:#fbfbfb; | ||
padding: 3px; | padding: 3px; | ||
margin: 3px | margin: 3px; | ||
} | } | ||
.mainpage_banner_heading { | .mainpage_banner_heading { | ||
flex: 1 50%; | flex: 1 50%; | ||
text-align:center; | text-align:center; | ||
font-size: 180%; | font-size: 180%; | ||
color: #000; | color: #000; | ||
} | |||
@media only screen and (min-width: 25rem) { | |||
div.mainpage_banner_heading { | |||
min-width: 20rem; | |||
} | |||
} | } | ||
Zeile 28: | Zeile 33: | ||
} | } | ||
.mainpage_box { | |||
. | |||
flex: 1 47%; | flex: 1 47%; | ||
background: #fbfbfb; | background: #fbfbfb; | ||
Zeile 35: | Zeile 39: | ||
background: #f5faff; | background: #f5faff; | ||
padding: 3px; | padding: 3px; | ||
margin: 3px | margin: 3px; | ||
} | } | ||
. | @media only screen and (min-width: 25rem) { | ||
.mainpage_box { | |||
min-width: 40ch; | |||
} | |||
} | |||
.mainpage_box_heading_2 { | |||
margin: 0.1em; | margin: 0.1em; | ||
background: #cfcff0; | background: #cfcff0; | ||
Zeile 47: | Zeile 57: | ||
color: #000; | color: #000; | ||
padding: 0.2em 0.4em; | padding: 0.2em 0.4em; | ||
} | |||
/* layout divs in a row if possible */ | |||
.row_layout { | |||
display: flex; | |||
flex-flow: row wrap; | |||
} | |||
.row_element { | |||
flex: 1; | |||
} | |||
table.center_content th { | |||
text-align: center; | |||
} | |||
table.center_content tr > th:nth-child(1) { | |||
text-align: left; | |||
} | |||
table.center_content tr { | |||
text-align: center; | |||
} | |||
table.zebra tbody tr:nth-child(even) { | |||
background-color: #bbb; | |||
} | |||
table.zebra tbody tr:nth-child(even) th { | |||
background-color: #bbb; | |||
} | |||
/* | |||
table.zebra tbody tr:nth-child(odd) th { | |||
background-color: #999; | |||
} | |||
*/ | |||
.wikitable tr.fake_table td { | |||
background: #fff; | |||
border: 0; | |||
text-align: left; | |||
} | } |
Aktuelle Version vom 6. März 2024, 22:19 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ div.mainpage_content { display:flex; flex-flow: row wrap; } div.mainpage_banner { display:flex; flex-flow: row wrap; width:99%; border:1px solid #ccc; background:#fbfbfb; padding: 3px; margin: 3px; } .mainpage_banner_heading { flex: 1 50%; text-align:center; font-size: 180%; color: #000; } @media only screen and (min-width: 25rem) { div.mainpage_banner_heading { min-width: 20rem; } } .mainpage_banner_sub { flex: 1 50%; min-width: 40%; } .mainpage_box { flex: 1 47%; background: #fbfbfb; border: 1px solid #cfcff0; background: #f5faff; padding: 3px; margin: 3px; } @media only screen and (min-width: 25rem) { .mainpage_box { min-width: 40ch; } } .mainpage_box_heading_2 { margin: 0.1em; background: #cfcff0; font-size: 120%; font-weight: bold; border: 1px solid #a3bfb1; text-align: left; color: #000; padding: 0.2em 0.4em; } /* layout divs in a row if possible */ .row_layout { display: flex; flex-flow: row wrap; } .row_element { flex: 1; } table.center_content th { text-align: center; } table.center_content tr > th:nth-child(1) { text-align: left; } table.center_content tr { text-align: center; } table.zebra tbody tr:nth-child(even) { background-color: #bbb; } table.zebra tbody tr:nth-child(even) th { background-color: #bbb; } /* table.zebra tbody tr:nth-child(odd) th { background-color: #999; } */ .wikitable tr.fake_table td { background: #fff; border: 0; text-align: left; }