MediaWiki:Mobile.css

/* Das folgende CSS wird für alle Nutzer der mobilen Version geladen. */
.content table td, .content table th {
    padding: 3px;
    border: none;
    width: auto;
}

/* 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, .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;
}