MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Schwertkriege.de Wiki
K (table-mobile friendly)
K
Zeile 5: Zeile 5:
  * Class für die Einheitliche Box (infobox, Tabelle, etc.)
  * Class für die Einheitliche Box (infobox, Tabelle, etc.)
  */
  */
.content-box {
    font-size: 85%;
    width: 27em;
    margin: 0em 1em 1em 0em;
}


.content-box>tr>th,
.content-box>tr>th,
Zeile 18: Zeile 12:
     border: 0px solid #eeeeee;
     border: 0px solid #eeeeee;
}
}
@media screen and (max-width: 500px) {
    .content-box {
        width: 100%;
        margin: 0;
    }
}


/*
/*
  * Dieser Wrapper sorgt dafür, dass nur die Tabelle overflowed wird,
  * Dieser Wrapper sorgt dafür, dass nur der Inhalt overflowed wird,
  * statt die gesamte Seite
  * statt die gesamte Seite
  */
  */
Zeile 34: Zeile 20:
.content-wrapper {
.content-wrapper {
     overflow-x: auto;
     overflow-x: auto;
    font-size: 85%;
    width: 27em;
    margin: 0em 1em 1em 0em;
}
@media screen and (max-width: 500px) {
    .content-wrapper {
        width: 100%;
        margin: 0;
    }
}
}

Version vom 12. Oktober 2019, 20:38 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */


/*
 * Class für die Einheitliche Box (infobox, Tabelle, etc.)
 */

.content-box>tr>th,
.content-box>tr>td,
.content-box>*>tr>th,
.content-box>*>tr>td {
    border: 0px solid #eeeeee;
}

/*
 * Dieser Wrapper sorgt dafür, dass nur der Inhalt overflowed wird,
 * statt die gesamte Seite
 */

.content-wrapper {
    overflow-x: auto;
    font-size: 85%;
    width: 27em;
    margin: 0em 1em 1em 0em;
}

@media screen and (max-width: 500px) {
    .content-wrapper {
        width: 100%;
        margin: 0;
    }
}