MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Jneug (Diskussion | Beiträge) (Der Seiteninhalt wurde durch einen anderen Text ersetzt: „{{subst:MediaWiki:Common.css}}“) Markierungen: Mobile Bearbeitung Mobile Web-Bearbeitung |
||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle | /* 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 { | .clearfix:after { | ||
content: "."; | content: "."; | ||
Zeile 84: | Zeile 94: | ||
/** Alerts */ | /** Alerts */ | ||
.alert { | .alert { | ||
/*border-radius: 4px;*/ | /*border-radius: 4px;*/ | ||
padding: 8px; | padding: 8px; | ||
margin: 8px | margin: 8px; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
border: 1px solid rgba(0,0,0,.125); | |||
color: #fff; | |||
font-weight: 600; | |||
} | } | ||
.alert | .alert-title { | ||
font-weight: | font-weight: 600; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
Zeile 98: | Zeile 110: | ||
} | } | ||
.alert-error { | .alert-error { | ||
background: #ffecec; | /*background: #ffecec; | ||
border: 1px solid #f5aca6; | border: 1px solid #f5aca6;*/ | ||
background: #dc3545; | |||
} | } | ||
.alert-success { | .alert-success { | ||
background: #e9ffd9; | /*background: #e9ffd9; | ||
border: 1px solid #a6ca8a; | border: 1px solid #a6ca8a;*/ | ||
background: #28a745; | |||
} | } | ||
.alert-warning { | .alert-warning { | ||
background: #fff8c4; | /*background: #fff8c4; | ||
border: 1px solid #f2c779; | border: 1px solid #f2c779;*/ | ||
background: #ffc107; | |||
color: #212529; | |||
} | } | ||
.alert-notice { | .alert-notice { | ||
background: #e3f7fc; | /*background: #e3f7fc; | ||
border: 1px solid #8ed9f6; | border: 1px solid #8ed9f6;*/ | ||
background: #17a2b8; | |||
} | } |
Version vom 27. Juni 2018, 21:43 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;
}
.wrapper p:first-of-type {
margin-top: 0;
padding-top: 0;
}
.wrapper p:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.hintbox {
border: 1px solid gray;
font-size: 0.95em;
color: gray;
}
.taskbox {
background-color: #BEE599;
padding: 10px;
border: 1px solid #a6ca8a;
}
.solutionbox {
background-color: #f5f599;
padding: 10px;
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-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;
}