MediaWiki:Common.css

Aus Eressea
Zur Navigation springenZur Suche springen

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
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
div.mainpage_content {
  display:flex;
  flex-flow: row wrap;
}

div.mainpage_banner {
  display:flex;
  flex-flow: row wrap;
  width:99%;
  border:1px solid #ccc;
  background:#fbfbfb;
  padding: 3px;
  margin: 3px;
}

.mainpage_banner_heading {
  flex: 1 50%;
  text-align:center;
  font-size: 180%;
  color: #000;
}

@media only screen and (min-width: 25rem) {
  div.mainpage_banner_heading {
    min-width: 20rem;
  }
}

.mainpage_banner_sub {
  flex: 1 50%;
  min-width: 40%;
}

.mainpage_box {
  flex: 1 47%;
  background: #fbfbfb;
  border: 1px solid #cfcff0;
  background: #f5faff;
  padding: 3px;
  margin: 3px;
}

@media only screen and (min-width: 25rem) {
  .mainpage_box {
    min-width: 40ch;
  }
}

.mainpage_box_heading_2 {
  margin: 0.1em;
  background: #cfcff0;
  font-size: 120%;
  font-weight: bold;
  border: 1px solid #a3bfb1;
  text-align: left;
  color: #000;
  padding: 0.2em 0.4em;
}

/* layout divs in a row if possible */
.row_layout {
  display: flex;
  flex-flow: row wrap;
}

.row_element {
  flex: 1;
}

table.center_content th {
  text-align: center;
}

table.center_content tr > th:nth-child(1) {
  text-align: left;
}

table.center_content tr {
  text-align: center;
}

table.zebra tbody tr:nth-child(even) {
  background-color: #bbb;
}

table.zebra tbody tr:nth-child(even) th {
  background-color: #bbb;
}

/*
table.zebra tbody tr:nth-child(odd) th {
  background-color: #999;
}
*/

.wikitable tr.fake_table td {
  background: #fff;
  border: 0;
  text-align: left;
}