MediaWiki:Mobile.css
Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.
- Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
- Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
- Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Das folgende CSS wird für alle Nutzer der mobilen Version geladen. */
.content table td, .content table th {
padding: 3px;
border: none;
width: auto;
}
/* Anpassungen für die Hauptseite */
.Hauptseite-Subinhalt {
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
background-color: transparent;
}
/* Infoboxen mit voller Breite */
.content table.infoboxblau {
width: 100%!important;
clear:both!important;
}
.content .fullwidth {
width: 100%!important;
}
/* Inhalt von Tabellenzellen vertikal mittig wie auch in der Desktop-Ansicht */
td {
vertical-align: middle;
}
/* Infoboxen & TOC im Stil der Desktop-Ansicht */
.toc-mobile {
width: 100%;
}
.tocbox {
display:none;
}
.zebrablau {
background-color: #dfeefe;
}
.blauzebra:first-child, .blauzebra:nth-child(3), .blauzebra:nth-child(5), .blauzebra:nth-child(7), .blauzebra:nth-child(9), .blauzebra:nth-child(11), .blauzebra:nth-child(13), .blauzebra:nth-child(15) { /* unschöne Lösung mangels JavaScript */
background-color: #dfeefe;
}
.blauzebra th {
background-color: unset !important;
}
.infoboxblau {
margin-bottom: 5px;
margin-left: 5px;
width: 260px;
font-size: 95%;
clear:both;
padding: 0 2px;
border: 1px solid #BBCCE9;
border-left: 5px solid #8CA9DA;
background-color: white;
}
/* Links und Verweise im Stil der Desktop-Ansicht */
table.verweise {
width: 600px !important;
border-collapse:collapse;
margin: 0px;
font-size: 0.9em;
}
table td.verweise_oben {
border-style:solid;
border-color:#CCCCCC;
border-width:1px 1px 1px 1px;
background-color:#CECECE;
}
table td.verweise_oben p{
margin:1px 1px 0 1px;
}
table td.verweise_unten1 {
border-style:solid;
border-color:#CCCCCC;
border-width:1px 0 1px 1px;
vertical-align:top;
}
table td.verweise_unten2 {
border-style:solid;
border-color:#CCCCCC;
border-width:1px 1px 1px 0;
vertical-align:top;
}
table td.verweise_unten1 ul, table td.verweise_unten2 ul {
line-height:10px;
font-size:8pt;
}
table td.verweise_unten1 p, table td.verweise_unten2 p{
margin:1px 1px 0 1px;
}
/* Farbdefinitionen wie bei Desktop-Ansicht */
.rahmenfarbe1 { /* Wie Inhaltsverzeichnis */
border-color: #aaaaaa;
border-width: 1px;
}
.rahmenfarbe2 { /* Unauffällig, geringer Kontrast */
border-color: #e9e9e9;
border-width: 1px;
}
.rahmenfarbe3 { /* "Rot", auffällig */
border-color: #c00000;
border-width: 1px;
}
.rahmenfarbe4 { /* Neutrale Farbe, deutlich */
border-color: #8888aa;
border-width: 1px;
}
.rahmenfarbe5 { /* "Schwarz", hoher Kontrast */
border-color: #000000;
border-width: 1px;
}
.hintergrundfarbe1 {
background-color: #f9f9f9;
}
.hintergrundfarbe2 {
background-color: #cdefff;
}
.hintergrundfarbe3 {
background-color: #bcdefa;
}
.hintergrundfarbe4 {
background-color: #abcdef;
}
.hintergrundfarbe5 { /* Neutral, abgesetzt */
background-color: #e0e0e0;
}
.hintergrundfarbe6 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: #b3b7ff;
}
.hintergrundfarbe7 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: #ffcbcb;
}
.hintergrundfarbe8 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: #ffebad;
}
.hintergrundfarbe9 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
background-color: #b9ffc5;
}
.hintergrundfarbe10 { /* etwas blasser als Farbe 5 */
background-color: #f0f0f0;
}
/* Anpassungen für Spezialseiten & Kategorien */
ul.mw-allpages-chunk li {
border-top: 1px solid #CCC;
display: inline-block;
margin: 0 1% 0 0;
padding: 0.2em 0;
vertical-align: top;
width: 31%;
}
.allpagesredirect,
.watchlistredir,
.redirect-in-category {
font-style: italic;
}
body.ns-14 div#mw-pages table {
width: 100%!important;
}
.mw-htmlform-field-HTMLCheckField .mw-input {
padding: 5px 0;
}
/* Anpassung für Darsteller-Tabelle */
.content table.darsttab, .content table.infoboxblau, .content table.infoboxblau table{
border-spacing: 2px!important;
border-collapse: separate;
}
/* Wikitable im Stil der Desktop-Ansicht */
table.wikitable {
margin: 1em 0;
background-color: #F9F9F9;
border: 1px solid #AAA;
border-collapse: collapse;
color: #000;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: #F2F2F2;
text-align: center;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 1px solid #AAA;
padding: 0.2em;
}
/* damit das <small>-Tag auch in der mobilen Ansicht einen Effekt hat */
small {
font-size: smaller;
}
/* Staffelnavigationen */
.staffelnav table{
margin:0;
width:100%!important;
}
/* Listen und Aufzählungen */
.content ul{
list-style: outside url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANAQMAAABb8jbLAAAABlBMVEX///8AUow5QSOjAAAAAXRSTlMAQObYZgAAABNJREFUCB1jYEABBQw/wLCAgQEAGpIDyT0IVcsAAAAASUVORK5CYII=") disc;
}
ol, ul {
margin: 0.3em 0px 0px 1.6em!important;
}