MediaWiki:Multi-column-layout.css

aus Memory Alpha, der freien deutschen Star-Trek-Datenbank
Version vom 16. März 2019, 22:58 Uhr von Master (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „.multi-column { margin: 0 -10px; } .multi-column > .col { display: inline-block; vertical-align: top; padding: 0 10px; -webkit-box-sizing:…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version ansehen (Unterschied) | Nächstjüngere Version → (Unterschied)
Spring zu: Navigation, suche

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Internet Explorer/Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
  • Opera: Strg+F5
.multi-column {
  margin: 0 -10px; }
  .multi-column > .col {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .multi-column:before {
    margin-left: 10px;
  }

.two-columns > .col {
  width: 50%; }

.three-columns > .col {
  width: 33.333%; }

.four-columns > .col {
  width: 25%; }

.five-columns > .col {
  width: 20%; }

.six-columns > .col {
  width: 16.666%; }

.seven-columns > .col {
  width: 14.285%; }

.col table {
  width: 100%; }
.col dd {
  margin-left: 0; }
.col ul, .col ol {
  margin-left: 1.2em; }
.mediawiki .col .article-thumb {
  width: auto !Important;
  margin: 1em 0;
  float: none; }
  .mediawiki .col .article-thumb img.thumbimage {
    width: 100%;
    display: block;
    margin: auto;
    height: auto !Important; }

.mediawiki .two-columns .col .article-thumb {
  width: 50%;
  float: left;
  margin: 0 1em 1em 0; }

.col .thumbinner {
  width: auto !Important; }

@media all and (max-width: 800px) {
  .multi-column {
    margin: 0; }
    .multi-column > .col {
      float: none;
      width: auto; } }