MediaWiki:Mobile.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
K Selektor gefixed, sollte jetzt für alle Infoboxen gelten |
diverse Anpassungen hinzugefügt, viele aus common.css integriert |
||
| Zeile 6: | Zeile 6: | ||
} | } | ||
/* Anpassungen für die Hauptseite */ | |||
.Hauptseite-Subinhalt { | .Hauptseite-Subinhalt { | ||
border-top: none; | border-top: none; | ||
| Zeile 14: | Zeile 15: | ||
} | } | ||
/* Infoboxen mit voller Breite */ | |||
.content table.infoboxblau { | .content table.infoboxblau { | ||
width: 100%!important; | width: 100%!important; | ||
| Zeile 22: | Zeile 24: | ||
} | } | ||
/* Inhalt von Tabellenzellen vertikal mittig wie auch in der Desktop-Ansicht */ | |||
td { | td { | ||
vertical-align: middle; | vertical-align: middle; | ||
} | |||
/* Infoboxen & TOC im Stil der Desktop-Ansicht */ | |||
.tocbox .toc { | |||
width: 100%; | |||
border: 0px !important; | |||
background-color: transparent !important; | |||
} | |||
.zebrablau { | |||
background-color: #dfeefe; | |||
} | |||
.infoboxblau { | |||
margin-bottom: 5px; | |||
margin-left: 5px; | |||
width: 260px; | |||
font-size: 95%; | |||
clear:both; | |||
padding: 0px 2px; | |||
border: 1px solid #BBCCE9; | |||
border-left: 5px solid #8CA9DA; | |||
background-color: white; | |||
} | |||
/* Links und Verweise im Stil der Desktop-Ansicht */ | |||
.verweise { | |||
border-collapse:collapse; | |||
} | |||
.verweise_oben { | |||
border-style:solid; | |||
border-color:#CCCCCC; | |||
border-width:1px 1px 1px 1px; | |||
background-color:#CECECE; | |||
} | |||
.verweise_oben p{ | |||
margin:1px 1px 0px 1px; | |||
} | |||
.verweise_unten1 { | |||
border-style:solid; | |||
border-color:#CCCCCC; | |||
border-width:1px 0px 1px 1px; | |||
vertical-align:top; | |||
} | |||
.verweise_unten1 ul { | |||
line-height:10px; | |||
font-size:8pt; | |||
} | |||
.verweise_unten1 p{ | |||
margin:1px 1px 0px 1px; | |||
} | |||
.verweise_unten2 { | |||
border-style:solid; | |||
border-color:#CCCCCC; | |||
border-width:1px 1px 1px 0px; | |||
vertical-align:top; | |||
} | |||
.verweise_unten2 ul { | |||
line-height:10px; | |||
font-size:8pt; | |||
} | |||
.verweise_unten2 p{ | |||
margin:1px 1px 0px 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: 0px 1% 0px 0px; | |||
padding: 0.2em 0px; | |||
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 0px; | |||
} | |||
/* Anpassung für Darsteller-Tabelle */ | |||
.darsttab{ | |||
border-spacing: 2px; | |||
border-collapse: separate; | |||
} | |||
/* Wikitable im Stil der Desktop-Ansicht */ | |||
table.wikitable { | |||
margin: 1em 0px; | |||
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; | |||
} | } | ||
Version vom 11. Juli 2015, 23:31 Uhr
/* 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 */
.tocbox .toc {
width: 100%;
border: 0px !important;
background-color: transparent !important;
}
.zebrablau {
background-color: #dfeefe;
}
.infoboxblau {
margin-bottom: 5px;
margin-left: 5px;
width: 260px;
font-size: 95%;
clear:both;
padding: 0px 2px;
border: 1px solid #BBCCE9;
border-left: 5px solid #8CA9DA;
background-color: white;
}
/* Links und Verweise im Stil der Desktop-Ansicht */
.verweise {
border-collapse:collapse;
}
.verweise_oben {
border-style:solid;
border-color:#CCCCCC;
border-width:1px 1px 1px 1px;
background-color:#CECECE;
}
.verweise_oben p{
margin:1px 1px 0px 1px;
}
.verweise_unten1 {
border-style:solid;
border-color:#CCCCCC;
border-width:1px 0px 1px 1px;
vertical-align:top;
}
.verweise_unten1 ul {
line-height:10px;
font-size:8pt;
}
.verweise_unten1 p{
margin:1px 1px 0px 1px;
}
.verweise_unten2 {
border-style:solid;
border-color:#CCCCCC;
border-width:1px 1px 1px 0px;
vertical-align:top;
}
.verweise_unten2 ul {
line-height:10px;
font-size:8pt;
}
.verweise_unten2 p{
margin:1px 1px 0px 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: 0px 1% 0px 0px;
padding: 0.2em 0px;
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 0px;
}
/* Anpassung für Darsteller-Tabelle */
.darsttab{
border-spacing: 2px;
border-collapse: separate;
}
/* Wikitable im Stil der Desktop-Ansicht */
table.wikitable {
margin: 1em 0px;
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;
}