MediaWiki:Mobile.css: Unterschied zwischen den Versionen
MediaWiki-Schnittstellenseite
Weitere Optionen
diverse Anpassungen hinzugefügt, viele aus common.css integriert |
KKeine Bearbeitungszusammenfassung |
||
| (28 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 6: | Zeile 6: | ||
} | } | ||
/* | /* Hauptseite */ | ||
.Hauptseite-Subinhalt { | .Hauptseite-Subinhalt { | ||
border-top: none; | border-top: none; | ||
| Zeile 16: | Zeile 16: | ||
/* Infoboxen mit voller Breite */ | /* Infoboxen mit voller Breite */ | ||
.content table.infoboxblau { | .content table.infoboxblau, .content div.infoboxblau { | ||
width: 100%!important; | width: 100%!important; | ||
clear:both!important; | clear:both!important; | ||
| Zeile 30: | Zeile 30: | ||
/* Infoboxen & TOC im Stil der Desktop-Ansicht */ | /* Infoboxen & TOC im Stil der Desktop-Ansicht */ | ||
.toc-mobile { | |||
width: 100%; | width: 100%; | ||
} | |||
.tocbox { | |||
display:none; | |||
} | } | ||
.zebrablau { | .zebrablau { | ||
background-color: #dfeefe; | 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; | |||
} | } | ||
| Zeile 46: | Zeile 55: | ||
font-size: 95%; | font-size: 95%; | ||
clear:both; | clear:both; | ||
padding: | padding: 0 2px; | ||
border: 1px solid #BBCCE9; | border: 1px solid #BBCCE9; | ||
border-left: 5px solid #8CA9DA; | border-left: 5px solid #8CA9DA; | ||
| Zeile 52: | Zeile 61: | ||
} | } | ||
/* Links und Verweise | /* Links und Verweise */ | ||
.verweise { | table.verweise { | ||
width: 100% !important; | |||
border-collapse:collapse; | |||
margin: 0; | |||
font-size: 0.9em; | |||
} | } | ||
.verweise_oben { | table td.verweise_oben { | ||
border-style:solid; | border-style:solid; | ||
border-color:#CCCCCC; | border-color:#CCCCCC; | ||
| Zeile 63: | Zeile 75: | ||
background-color:#CECECE; | background-color:#CECECE; | ||
} | } | ||
.verweise_oben p{ | table td.verweise_oben p{ | ||
margin:1px 1px | margin:1px 1px 0 1px; | ||
} | } | ||
.verweise_unten1 { | table td.verweise_unten1 { | ||
border-style:solid; | border-style:solid; | ||
border-color:#CCCCCC; | border-color:#CCCCCC; | ||
border-width:1px | border-width:1px 0 1px 1px; | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
table td.verweise_unten2 { | |||
.verweise_unten2 { | |||
border-style:solid; | border-style:solid; | ||
border-color:#CCCCCC; | border-color:#CCCCCC; | ||
border-width:1px 1px 1px | border-width:1px 1px 1px 0; | ||
vertical-align:top; | vertical-align:top; | ||
} | } | ||
table td.verweise_unten1 ul, table td.verweise_unten2 ul { | |||
line-height:10px; | line-height:10px; | ||
font-size:8pt; | font-size:8pt; | ||
} | } | ||
.verweise_unten2 p{ | table td.verweise_unten1 p, table td.verweise_unten2 p{ | ||
margin:1px 1px | margin:1px 1px 0 1px; | ||
} | |||
table.verweise td { | |||
width: 50%; | |||
} | } | ||
.content table td.luv-col { | |||
display: block; | |||
width: 100%; | |||
border-right-width: 0 !important; | |||
} | |||
/* Farbdefinitionen wie bei Desktop-Ansicht */ | /* Farbdefinitionen wie bei Desktop-Ansicht */ | ||
.rahmenfarbe1 { /* Wie Inhaltsverzeichnis */ | .rahmenfarbe1 { /* Wie Inhaltsverzeichnis */ | ||
| Zeile 153: | Zeile 165: | ||
} | } | ||
/* | /* Spezialseiten & Kategorien */ | ||
ul.mw-allpages-chunk li { | ul.mw-allpages-chunk li { | ||
border-top: 1px solid #CCC; | border-top: 1px solid #CCC; | ||
display: inline-block; | display: inline-block; | ||
margin: | margin: 0 1% 0 0; | ||
padding: 0.2em | padding: 0.2em 0; | ||
vertical-align: top; | vertical-align: top; | ||
width: 31%; | width: 31%; | ||
| Zeile 173: | Zeile 185: | ||
.mw-htmlform-field-HTMLCheckField .mw-input { | .mw-htmlform-field-HTMLCheckField .mw-input { | ||
padding: 5px | padding: 5px 0; | ||
} | } | ||
/* | .mw-specialpagerestricted { | ||
.darsttab{ | font-weight: bold; | ||
border-spacing: 2px; | } | ||
/* Tabellen mit inneren Rahmen und Rändern */ | |||
.content table.darsttab, .content table.infoboxblau, .content table.infoboxblau table, table.dateiinfotab { | |||
border-spacing: 2px!important; | |||
border-collapse: separate; | border-collapse: separate; | ||
} | } | ||
| Zeile 184: | Zeile 200: | ||
/* Wikitable im Stil der Desktop-Ansicht */ | /* Wikitable im Stil der Desktop-Ansicht */ | ||
table.wikitable { | table.wikitable { | ||
margin: 1em | margin: 1em 0; | ||
background-color: #F9F9F9; | background-color: #F9F9F9; | ||
border: 1px solid #AAA; | border: 1px solid #AAA; | ||
| Zeile 202: | Zeile 218: | ||
small { | small { | ||
font-size: smaller; | font-size: smaller; | ||
} | |||
/* Staffelnavigationen */ | |||
.staffelnav { | |||
width: 100%; | |||
clear: both; | |||
padding: 0; | |||
border: 2px solid #D0D0D0; | |||
font-size: 90%; | |||
box-sizing: border-box; | |||
} | |||
.staffelnav table{ | |||
margin:0; | |||
width:100%!important; | |||
} | |||
.editstaffelnav { | |||
width: 100%; | |||
margin-bottom: 30px; | |||
} | |||
.editstaffelnav > div { | |||
width:70px; | |||
float: right; | |||
border: 2px solid #d0d0d0; | |||
border-radius: 0 0 25px 25px; | |||
background-color: #d0d0d0; | |||
box-sizing: border-box; | |||
} | |||
/* 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; | |||
} | |||
.content ul.gallery { | |||
list-style: outside none none; | |||
} | |||
/* Letzte Änderungen */ | |||
.mw-changeslist-legend dt { | |||
float: left; | |||
margin-right: 1em; | |||
display: inline; | |||
} | |||
/* Dateibeschreibungsseiten */ | |||
.dateiinfotab { | |||
border: 1px solid #AAA; | |||
background-color: #F9F9F9; | |||
padding: 5px; | |||
font-size: 85%; | |||
} | |||
.content table.mw_metadata { | |||
width: 100% !important; | |||
font-size: 0.8em; | |||
} | |||
.content table.mw_metadata th { | |||
background-color: #F9F9F9; | |||
border: 1px solid #AAA; | |||
} | |||
.content table.mw_metadata td { | |||
text-align: center; | |||
border: 1px solid #AAA; | |||
} | |||
.content table.mw_metadata ul.metadata-langlist { | |||
list-style: none; | |||
padding-right: 5px; | |||
padding-left: 5px; | |||
margin: 0; | |||
} | |||
a[title="Zum Seitenanfang"] img[alt="^"] { | |||
display:none; /* entfernt das "zum Seitenanfang"-Icon bei Dateibeschreibungsseiten, da es sich dort mit dem Editieren-Icon überlappt und bei den kurzen Seiten eigentlich auch nicht gebraucht wird */ | |||
} | |||
/* Galerien */ | |||
li.gallerybox div.thumb { | |||
border: 1px solid #CCC; | |||
background-color: #F9F9F9; | |||
margin: 2px; | |||
text-align: center; | |||
} | |||
li.gallerybox div.thumb img { | |||
margin: 0 auto; | |||
} | |||
/* Portalseiten */ | |||
td.portaltable { | |||
width: 100% !important; | |||
box-sizing: border-box; | |||
display: block; | |||
} | |||
.portaltable td:nth-child(2) { | |||
width: 100%; | |||
} | |||
/* Infobox Mini / Likeboxen */ | |||
div.ibmini { | |||
float: none !important; | |||
} | |||
div.ibmini table { | |||
margin: 0; | |||
width: 100% !important; | |||
} | |||
/* Spaltenvorlage mobil aufheben */ | |||
table.spalten td { | |||
display: block; | |||
width: 100%; | |||
} | |||
.spalten td:nth-child(2), .spalten td:nth-child(3), .spalten td:nth-child(5), .spalten td:nth-child(6) { | |||
display: none; | |||
} | |||
/* für Zentriertes */ | |||
.center { | |||
text-align: center; | |||
} | |||
/* Gestaltet die Ereignis-Vorlagen der Hauptseite */ | |||
.content table.ereignisTab { | |||
width: 100% !important; | |||
border: none; | |||
border-collapse: separate; | |||
border-spacing: 2px !important; | |||
} | |||
.ereignisTab td:first-child { | |||
background-color: #D6E0FF !important; | |||
border-radius: 15px 0 0 15px; | |||
margin-right: 3px !important; | |||
} | |||
.ereignisTab td:nth-child(2) { | |||
background-image: linear-gradient(to right, #D6E0FF, rgba(216,232,255,0.05)) !important; | |||
} | |||
.ereignisTab td.ereignisBirthday { | |||
padding-left: 15px !important; | |||
padding-top: 3px !important; | |||
} | |||
.ereignisTab td.ereignisTV { | |||
padding-left: 15px !important; | |||
padding-top: 5px !important; | |||
} | |||
.ereignisTab td.ereignisRIP { | |||
padding-left: 15px !important; | |||
padding-top: 10px !important; | |||
} | |||
.ereignisTab td.ereignisWiki{ | |||
padding-left: 10px !important; | |||
padding-top: 5px !important; | |||
} | |||
.ereignisTab td.ereignisMerch{ | |||
padding-left: 12px !important; | |||
padding-top: 5px !important; | |||
} | |||
/* NoScript-Warnung nicht anzeigen */ | |||
.noscript { | |||
display: none; | |||
} | |||
/* Für [[Merchandise:Fernsehsender]] */ | |||
.content .tv-heading { | |||
display: none; | |||
} | |||
.content .tv-cluster { | |||
padding: 0; | |||
} | |||
.content .tv-table-outer { | |||
width: 100% !important; | |||
border: 4px solid #65b9f5; | |||
border-collapse: collapse; | |||
border-radius: 0 5px 5px 0; | |||
margin: 1em 0; | |||
} | |||
.content .tv-channel { | |||
width: 100%; | |||
background-image: linear-gradient(to right, #b9e0fb, #acd9f8); | |||
text-align: center; | |||
display: block; | |||
} | |||
.content .tv-content { | |||
padding: 0; | |||
display: block; | |||
font-size: 90%; | |||
} | |||
.content .tv-content p { | |||
margin: 0.75em 0; | |||
} | |||
.content .tv-table-inner { | |||
width: 100% !important; | |||
border-collapse: separate; | |||
border-spacing: 2px !important; | |||
margin: 0; | |||
} | |||
.content .tv-series { | |||
background-color: #d7edfc; | |||
padding: 5px; | |||
vertical-align: top; | |||
width: 33%; | |||
} | |||
.content .tv-series-empty { | |||
width: 33%; | |||
vertical-align: top; | |||
padding: 5px; | |||
background-color: #eff7fd; /* fallback */ | |||
background-color: rgba(215,237,252,0.4); | |||
} | |||
.content .tv-series-empty img, .content .tv-series img { | |||
height: 55px !important; | |||
width: auto !important; | |||
} | |||
.content .tv-channel-info { | |||
background-image: linear-gradient(to bottom, #d7edfc, #c5e5fb); | |||
padding: 5px; | |||
} | |||
.tv-channel-info-en { | |||
margin: 2px; | |||
background-image: linear-gradient(to bottom, #d7edfc, #c5e5fb); | |||
padding: 5px; | |||
} | } | ||