Weitere Optionen
Anpassungen für mobile Website |
KKeine Bearbeitungszusammenfassung |
||
| (40 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 3: | Zeile 3: | ||
padding: 3px; | padding: 3px; | ||
border: none; | border: none; | ||
width: auto; | |||
width: | |||
} | } | ||
/* Hauptseite */ | |||
.Hauptseite-Subinhalt { | .Hauptseite-Subinhalt { | ||
border-top: none; | border-top: none; | ||
| Zeile 13: | Zeile 13: | ||
border-left: none; | border-left: none; | ||
background-color: transparent; | background-color: transparent; | ||
} | |||
/* Infoboxen mit voller Breite */ | |||
.content table.infoboxblau, .content div.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 */ | |||
table.verweise { | |||
width: 100% !important; | |||
border-collapse:collapse; | |||
margin: 0; | |||
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; | |||
} | |||
table.verweise td { | |||
width: 50%; | |||
} | |||
.content table td.luv-col { | |||
display: block; | |||
width: 100%; | |||
border-right-width: 0 !important; | |||
} | |||
/* 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; | |||
} | |||
/* 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; | |||
} | |||
.mw-specialpagerestricted { | |||
font-weight: bold; | |||
} | |||
/* 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; | |||
} | |||
/* 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 { | |||
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; | |||
} | } | ||