MediaWiki:Common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
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; | ||
Version vom 28. Juni 2018, 08:00 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
body {
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-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
}
.clearfix:after {
content: ".";
clear: both;
display: block;
visibility: hidden;
height: 0px;
}
code.blocks {
border: none;
margin: 0 4px;
padding: 0;
background-color: transparent;
vertical-align: middle;
}
pre.blocks {
padding: 0;
background-color: transparent;
border: none;
margin: 0.8em 0;
}
.mw-tablefooter {
font-size: 0.8em;
color: gray;
text-align: right;
}
.mw-tablefooter a:link,
.mw-tablefooter a:visited,
.mw-tablefooter a:active,
.mw-tablefooter a:hover {
color: gray;
}
.lernpfad-nav {}
.lernpfad-nav .back {
float: left;
width: 33%;
}
.lernpfad-nav .next {
float: right;
width: 33%;
text-align: right;
}
.collapsible-info {
border: 1px solid #aaa;
background-color: #f9f9f9;
padding: 5px;
overflow: auto;
}
/** Wrappers */
.wrapper {
margin-top: 0.5em;
padding: 8px;
border: 1px solid rgba(0, 0, 0, .225);
}
.wrapper p:first-of-type {
margin-top: 0;
padding-top: 0;
}
.wrapper p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.hintbox {
font-size: 0.95em;
background: #EEE;
/*border: 1px solid gray;*/
}
.taskbox {
background: #BEE599;
/*border: 1px solid #a6ca8a;*/
}
.solutionbox {
background-color: #f5f599;
/*border: 1px solid #d1d183;*/
}
/** Alerts */
.alert {
/*border-radius: 4px;*/
padding: 8px;
margin: 8px;
font-size: 0.9em;
border: 1px solid rgba(0, 0, 0, .125);
color: #fff;
font-weight: 600;
}
.alert-title {
font-weight: 600;
text-transform: uppercase;
}
.alert p {
margin: 0;
}
.alert-icon {}
.alert-error {
/*background: #ffecec;
border: 1px solid #f5aca6;*/
background: #dc3545;
}
.alert-success {
/*background: #e9ffd9;
border: 1px solid #a6ca8a;*/
background: #28a745;
}
.alert-warning {
/*background: #fff8c4;
border: 1px solid #f2c779;*/
background: #ffc107;
color: #212529;
}
.alert-notice {
/*background: #e3f7fc;
border: 1px solid #8ed9f6;*/
background: #17a2b8;
}