MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Eressea
Zur Navigation springenZur Suche springen
KKeine Bearbeitungszusammenfassung
KKeine Bearbeitungszusammenfassung
 
(6 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 17: Zeile 17:
.mainpage_banner_heading {
.mainpage_banner_heading {
   flex: 1 50%;
   flex: 1 50%;
  min-width: 20em;
   text-align:center;
   text-align:center;
   font-size: 180%;
   font-size: 180%;
   color: #000;
   color: #000;
}
@media only screen and (min-width: 25rem) {
  div.mainpage_banner_heading {
    min-width: 20rem;
  }
}
}


Zeile 30: Zeile 35:
.mainpage_box {
.mainpage_box {
   flex: 1 47%;
   flex: 1 47%;
  min-width: 40ch;
   background: #fbfbfb;
   background: #fbfbfb;
   border: 1px solid #cfcff0;
   border: 1px solid #cfcff0;
Zeile 36: Zeile 40:
   padding: 3px;
   padding: 3px;
   margin: 3px;
   margin: 3px;
}
@media only screen and (min-width: 25rem) {
  .mainpage_box {
    min-width: 40ch;
  }
}
}


Zeile 49: Zeile 59:
}
}


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


 
.row_element {
table.zebra {
   flex: 1;
   border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}
}


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


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


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


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


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


/*
table.zebra tbody tr:nth-child(odd) th {
table.zebra tbody tr:nth-child(odd) th {
   background-color: #cccccc;
   background-color: #999;
}
*/
 
.wikitable tr.fake_table td {
  background: #fff;
  border: 0;
  text-align: left;
}
}

Aktuelle Version vom 6. März 2024, 22:19 Uhr

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