8.582
Bearbeitungen
MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
MediaWiki:Common.css (Quelltext anzeigen)
Version vom 28. Juni 2018, 08:00 Uhr
, 08:00, 28. Jun. 2018keine Bearbeitungszusammenfassung
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
body { | body { | ||
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: 1.1rem; | font-size: 1.1rem; | ||
font-weight: 400; | font-weight: 400; | ||
| Zeile 19: | Zeile 20: | ||
code.blocks { | code.blocks { | ||
border: none; | |||
margin: 0 4px; | |||
padding: 0; | |||
background-color: transparent; | |||
vertical-align: middle; | |||
} | } | ||
pre.blocks { | pre.blocks { | ||
padding: 0; | |||
background-color: transparent; | |||
border: none; | |||
margin: 0.8em 0; | |||
} | } | ||
.mw-tablefooter { | .mw-tablefooter { | ||
font-size: 0.8em; | |||
color: gray; | |||
text-align: right; | |||
} | } | ||
.mw-tablefooter a:link, | .mw-tablefooter a:link, | ||
.mw-tablefooter a:visited, | .mw-tablefooter a:visited, | ||
.mw-tablefooter a:active, | .mw-tablefooter a:active, | ||
.mw-tablefooter a:hover { | .mw-tablefooter a:hover { | ||
color: gray; | |||
} | } | ||
.lernpfad-nav { | .lernpfad-nav {} | ||
.lernpfad-nav .back { | .lernpfad-nav .back { | ||
float: left; | |||
width: 33%; | |||
} | } | ||
.lernpfad-nav .next { | .lernpfad-nav .next { | ||
float: right; | |||
width: 33%; | |||
text-align: right; | |||
} | } | ||
.collapsible-info { | .collapsible-info { | ||
border: 1px solid #aaa; | |||
background-color: #f9f9f9; | |||
padding: 5px; | |||
overflow: auto; | |||
} | } | ||
/** Wrappers */ | /** Wrappers */ | ||
.wrapper { | .wrapper { | ||
margin-top: 0.5em; | |||
padding: 8px; | |||
border: 1px solid rgba(0, 0, 0, .225); | |||
} | } | ||
.wrapper p:first-of-type { | .wrapper p:first-of-type { | ||
margin-top: 0; | margin-top: 0; | ||
padding-top: 0; | padding-top: 0; | ||
} | } | ||
.wrapper p:last-of-type { | .wrapper p:last-of-type { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
padding-bottom: 0; | padding-bottom: 0; | ||
} | } | ||
.hintbox { | .hintbox { | ||
font-size: 0.95em; | |||
background: #EEE; | |||
/*border: 1px solid gray;*/ | |||
} | } | ||
.taskbox { | .taskbox { | ||
background: #BEE599; | |||
/*border: 1px solid #a6ca8a;*/ | |||
} | } | ||
.solutionbox { | .solutionbox { | ||
background-color: #f5f599; | background-color: #f5f599; | ||
/*border: 1px solid #d1d183;*/ | |||
border: 1px solid #d1d183; | |||
} | } | ||
/** Alerts */ | /** Alerts */ | ||
.alert { | .alert { | ||
/*border-radius: 4px;*/ | /*border-radius: 4px;*/ | ||
| Zeile 98: | Zeile 110: | ||
margin: 8px; | margin: 8px; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
border: 1px solid rgba(0,0,0,.125); | border: 1px solid rgba(0, 0, 0, .125); | ||
color: #fff; | color: #fff; | ||
font-weight: 600; | font-weight: 600; | ||
} | } | ||
.alert-title { | .alert-title { | ||
font-weight: 600; | font-weight: 600; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
.alert p { | .alert p { | ||
margin: 0; | margin: 0; | ||
} | } | ||
.alert-icon { | |||
.alert-icon {} | |||
.alert-error { | .alert-error { | ||
/*background: #ffecec; | /*background: #ffecec; | ||
| Zeile 116: | Zeile 131: | ||
background: #dc3545; | background: #dc3545; | ||
} | } | ||
.alert-success { | .alert-success { | ||
/*background: #e9ffd9; | /*background: #e9ffd9; | ||
| Zeile 121: | Zeile 137: | ||
background: #28a745; | background: #28a745; | ||
} | } | ||
.alert-warning { | .alert-warning { | ||
/*background: #fff8c4; | /*background: #fff8c4; | ||
border: 1px solid #f2c779;*/ | border: 1px solid #f2c779;*/ | ||
background: #ffc107; | background: #ffc107; | ||
color: #212529; | color: #212529; | ||
} | } | ||
.alert-notice { | .alert-notice { | ||
/*background: #e3f7fc; | /*background: #e3f7fc; | ||