Menü aufrufen
Toggle preferences menu
Persönliches Menü aufrufen
Nicht angemeldet
Ihre IP-Adresse wird öffentlich sichtbar sein, wenn Sie Änderungen vornehmen.

MediaWiki:Mobile.css: Unterschied zwischen den Versionen

MediaWiki-Schnittstellenseite
Portalseiten mobil nicht zweispaltig - ist zwar alles andere als eine schöne Lösung, sollte aber ihren Zweck erfüllen
KKeine Bearbeitungszusammenfassung
 
(13 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 6: Zeile 6:
}
}


/* Anpassungen für die Hauptseite */  
/* 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 61: Zeile 61:
}
}


/* Links und Verweise im Stil der Desktop-Ansicht */
/* Links und Verweise */
table.verweise {
table.verweise {
     width: 100% !important;
     width: 100% !important;
Zeile 103: Zeile 103:
}
}


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 156: Zeile 165:
}
}


/* Anpassungen für Spezialseiten & Kategorien */
/* Spezialseiten & Kategorien */
ul.mw-allpages-chunk li {
ul.mw-allpages-chunk li {
     border-top: 1px solid #CCC;
     border-top: 1px solid #CCC;
Zeile 177: Zeile 186:
.mw-htmlform-field-HTMLCheckField .mw-input {
.mw-htmlform-field-HTMLCheckField .mw-input {
padding: 5px 0;
padding: 5px 0;
}
.mw-specialpagerestricted {
    font-weight: bold;
}
}


Zeile 208: Zeile 221:


/* Staffelnavigationen */
/* Staffelnavigationen */
.staffelnav {
width: 100%;
clear: both;
padding: 0;
border: 2px solid #D0D0D0;
font-size: 90%;
box-sizing: border-box;
}
.staffelnav table{
.staffelnav table{
margin:0;
margin:0;
width:100%!important;
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;
}
}


Zeile 232: Zeile 265:
}
}


/* Anpassungen für Dateibeschreibungsseiten */
/* Dateibeschreibungsseiten */
.dateiinfotab {
.dateiinfotab {
border: 1px solid #AAA;
border: 1px solid #AAA;
Zeile 281: Zeile 314:
td.portaltable {
td.portaltable {
width: 100% !important;
width: 100% !important;
margin-left: -1px;
box-sizing: border-box;
box-sizing: border-box;
display: block;
display: block;
Zeile 288: Zeile 320:
.portaltable td:nth-child(2) {
.portaltable td:nth-child(2) {
     width: 100%;
     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;
}
}