8.581
Bearbeitungen
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
/* General color definitions */ | /* General color definitions */ | ||
/* Text */ | |||
/** | |||
Native Font-Stack from Bootstrap | |||
See https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/ | |||
*/ | |||
/* Border */ | /* Border */ | ||
/* Alerts */ | /* Alerts */ | ||
Zeile 7: | Zeile 12: | ||
.mw-body-content, | .mw-body-content, | ||
.parsoid-body { | .parsoid-body { | ||
background-color: #fff; | |||
color: #212529; | |||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | ||
font-size: 1rem; | font-size: 1rem; | ||
font-weight: 400; | font-weight: 400; | ||
line-height: 1.6; | line-height: 1.6; | ||
text-align: left; | text-align: left; | ||
} | } | ||
.mw-editform #wpTextbox1 { | .mw-editform #wpTextbox1 { | ||
Zeile 49: | Zeile 50: | ||
.pre { | .pre { | ||
font-family: monospace, 'Courier'; | font-family: monospace, 'Courier'; | ||
color: # | color: #212529; | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
border: 1px solid # | border: 1px solid #3a3a3a; | ||
padding: 1em; | padding: 1em; | ||
white-space: pre-wrap; | white-space: pre-wrap; | ||
Zeile 211: | Zeile 212: | ||
table.code { | table.code { | ||
font-family: monospace, 'Courier'; | font-family: monospace, 'Courier'; | ||
color: #212529; | |||
} | } | ||
table.code input { | table.code input { | ||
Zeile 265: | Zeile 267: | ||
*********************/ | *********************/ | ||
.alert { | .alert { | ||
border-radius: | border-radius: 2px; | ||
padding: 8px; | padding: 8px; | ||
margin: 8px; | margin: 8px; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
border: 1px solid rgba(0, 0, 0, 0. | border: 1px solid rgba(0, 0, 0, 0.25); | ||
color: #212529; | color: #212529; | ||
} | } | ||
Zeile 318: | Zeile 320: | ||
.wrapper .code { | .wrapper .code { | ||
font-family: monospace, 'Courier' !important; | font-family: monospace, 'Courier' !important; | ||
color: #212529; | |||
} | } | ||
.wrapper code, | .wrapper code, | ||
Zeile 330: | Zeile 333: | ||
} | } | ||
.hgbox { | .hgbox { | ||
background: # | background: #eaecf0; | ||
} | } | ||
.hgwindow { | .hgwindow { | ||
background: # | background: #c8ccd1; | ||
border-top: 17px solid rgba(0, 0, 0, 0.25); | border-top: 17px solid rgba(0, 0, 0, 0.25); | ||
} | } | ||
Zeile 340: | Zeile 343: | ||
} | } | ||
.hgborder { | .hgborder { | ||
border: 2px solid # | border: 2px solid #26292C; | ||
background: rgba(0, 0, 0, 0); | background: rgba(0, 0, 0, 0); | ||
} | } | ||
Zeile 367: | Zeile 370: | ||
.hintbox { | .hintbox { | ||
font-size: 0.95em; | font-size: 0.95em; | ||
background: # | background: #eaecf0; | ||
/*border: 1px solid gray;*/ | /*border: 1px solid gray;*/ | ||
} | } | ||
Zeile 375: | Zeile 378: | ||
} | } | ||
.tldrbox { | .tldrbox { | ||
background: # | background: #f8f9fa; | ||
} | } | ||
.solutionbox { | .solutionbox { | ||
Zeile 486: | Zeile 489: | ||
.rquiz-gapfill table.code input { | .rquiz-gapfill table.code input { | ||
width: 30px; | width: 30px; | ||
} | |||
@media (prefers-color-scheme: dark) { | |||
body, | |||
.mw-body, | |||
.mw-body-content, | |||
.parsoid-body { | |||
background-color: #26292C; | |||
color: #F8F8F8; | |||
} | |||
} | } |
Bearbeitungen