MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
HaFu (Diskussion | Beiträge) Markierungen: Mobile Web-Bearbeitung Mobile Bearbeitung |
HaFu (Diskussion | Beiträge) |
||
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.page-Hauptseite h1 { display: none; } | body.page-Hauptseite h1 { display: none; } | ||
+ | |||
/* Boxen Hauptseite */ | /* Boxen Hauptseite */ | ||
− | . | + | |
− | + | .spalten { | |
+ | display: block; | ||
} | } | ||
− | . | + | .spalte-1-1 { |
+ | margin: 0 0 1em 0; | ||
+ | } | ||
+ | |||
+ | .spalte-1-2 { | ||
+ | margin: 0 0 1em 0; | ||
+ | } | ||
+ | |||
+ | .text-center { | ||
text-align: center; | text-align: center; | ||
− | + | } | |
− | + | ||
− | margin | + | .box-hauptseite h2 { |
+ | text-align: center; | ||
+ | margin: 0; | ||
padding: 0.2em 0.8em; | padding: 0.2em 0.8em; | ||
− | |||
} | } | ||
− | .box | + | .box-content { |
− | |||
background-color: #ffffff; | background-color: #ffffff; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
margin-top: 0; | margin-top: 0; | ||
padding: 0.3em 0.8em; | padding: 0.3em 0.8em; | ||
+ | } | ||
+ | |||
+ | .box-content p { | ||
+ | line-height: 2; | ||
+ | } | ||
+ | |||
+ | .box-grau { | ||
+ | border: #8898bf thin solid; | ||
+ | } | ||
+ | |||
+ | .box-grau h2 { | ||
+ | background-color: #d3d7de; | ||
border-bottom: #8898bf thin solid; | border-bottom: #8898bf thin solid; | ||
− | |||
− | |||
} | } | ||
− | . | + | .box-gruen { |
− | + | border: #158e59 thin solid; | |
} | } | ||
− | .box | + | .box-gruen h2 { |
− | |||
color: #158e59; | color: #158e59; | ||
background-color: #8bddc2; | background-color: #8bddc2; | ||
− | + | border-bottom: #158e59 thin solid; | |
− | |||
− | |||
− | |||
} | } | ||
− | .box | + | .box-gruen .box-content { |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
background-image: url(static/medien/bg-check.png); | background-image: url(static/medien/bg-check.png); | ||
background-size: 200px 200px; | background-size: 200px 200px; | ||
Zeile 54: | Zeile 64: | ||
} | } | ||
− | + | .box-rot { | |
− | + | border: #972621 thin solid; | |
} | } | ||
− | .box | + | .box-rot h2 { |
− | |||
color: #972621; | color: #972621; | ||
background-color: #dd938b; | background-color: #dd938b; | ||
− | + | border-bottom: #972621 thin solid; | |
− | |||
− | |||
− | |||
} | } | ||
− | .box | + | .box-rot .box-content { |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
background-image: url(static/medien/bg-no.png); | background-image: url(static/medien/bg-no.png); | ||
background-size: 200px 200px; | background-size: 200px 200px; | ||
Zeile 82: | Zeile 81: | ||
} | } | ||
− | + | .box-blau { | |
− | + | border: #8898bf thin solid; | |
} | } | ||
− | .box- | + | .box-blau h2 { |
− | |||
background-color: #d8e8ff; | background-color: #d8e8ff; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
border-bottom: #8898bf thin solid; | border-bottom: #8898bf thin solid; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Version vom 26. Juni 2021, 08:13 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
body.page-Hauptseite h1 { display: none; }
/* Boxen Hauptseite */
.spalten {
display: block;
}
.spalte-1-1 {
margin: 0 0 1em 0;
}
.spalte-1-2 {
margin: 0 0 1em 0;
}
.text-center {
text-align: center;
}
.box-hauptseite h2 {
text-align: center;
margin: 0;
padding: 0.2em 0.8em;
}
.box-content {
background-color: #ffffff;
margin-bottom: 0;
margin-top: 0;
padding: 0.3em 0.8em;
}
.box-content p {
line-height: 2;
}
.box-grau {
border: #8898bf thin solid;
}
.box-grau h2 {
background-color: #d3d7de;
border-bottom: #8898bf thin solid;
}
.box-gruen {
border: #158e59 thin solid;
}
.box-gruen h2 {
color: #158e59;
background-color: #8bddc2;
border-bottom: #158e59 thin solid;
}
.box-gruen .box-content {
background-image: url(static/medien/bg-check.png);
background-size: 200px 200px;
background-position: center top;
background-repeat: no-repeat;
}
.box-rot {
border: #972621 thin solid;
}
.box-rot h2 {
color: #972621;
background-color: #dd938b;
border-bottom: #972621 thin solid;
}
.box-rot .box-content {
background-image: url(static/medien/bg-no.png);
background-size: 200px 200px;
background-position: center top;
background-repeat: no-repeat;
}
.box-blau {
border: #8898bf thin solid;
}
.box-blau h2 {
background-color: #d8e8ff;
border-bottom: #8898bf thin solid;
}