MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Jneug (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „→Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen.: {{MediaWiki:Common.css}}“) |
Jneug (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
/* Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen. */ | /* Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen. */ | ||
{{ | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | ||
.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 { | |||
color :#555; | |||
/*border-radius: 4px;*/ | |||
padding: 8px; | |||
margin: 8px; | |||
font-size: 0.9em; | |||
} | |||
.alert span { | |||
font-weight: bold; | |||
text-transform: uppercase; | |||
} | |||
.alert p { | |||
margin: 0; | |||
} | |||
.alert-error { | |||
background: #ffecec; | |||
border: 1px solid #f5aca6; | |||
} | |||
.alert-success { | |||
background: #e9ffd9; | |||
border: 1px solid #a6ca8a; | |||
} | |||
.alert-warning { | |||
background: #fff8c4; | |||
border: 1px solid #f2c779; | |||
} | |||
.alert-notice { | |||
background: #e3f7fc; | |||
border: 1px solid #8ed9f6; | |||
} |
Version vom 27. Juni 2018, 13:18 Uhr
/* Das folgende CSS wird für alle Nutzer der mobilen Ansicht geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
.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 {
color :#555;
/*border-radius: 4px;*/
padding: 8px;
margin: 8px;
font-size: 0.9em;
}
.alert span {
font-weight: bold;
text-transform: uppercase;
}
.alert p {
margin: 0;
}
.alert-error {
background: #ffecec;
border: 1px solid #f5aca6;
}
.alert-success {
background: #e9ffd9;
border: 1px solid #a6ca8a;
}
.alert-warning {
background: #fff8c4;
border: 1px solid #f2c779;
}
.alert-notice {
background: #e3f7fc;
border: 1px solid #8ed9f6;
}