MediaWiki:Mobile.css

aus Stargate Wiki, dem deutschsprachigen Stargate-Lexikon
Zur Navigation springen Zur 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
  • Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Das folgende CSS wird für alle Nutzer der mobilen Version geladen. */
.content table td, .content table th {
    padding: 3px;
    border: none;
    width: auto;
}

/* Anpassungen für die Hauptseite */ 
.Hauptseite-Subinhalt {
 border-top: none;
 border-right: none;
 border-bottom: none;
 border-left: none;
 background-color: transparent;
}

/* Infoboxen mit voller Breite */
.content table.infoboxblau {
	width: 100%!important;
	clear:both!important;
}
.content .fullwidth {
	width: 100%!important;
}

/* Inhalt von Tabellenzellen vertikal mittig wie auch in der Desktop-Ansicht */
td {
	vertical-align: middle;
}

/* Infoboxen & TOC im Stil der Desktop-Ansicht */
.tocmobile {
  width: 100%;
}

.zebrablau {
  background-color: #dfeefe;
}
 
.infoboxblau {
  margin-bottom: 5px;
  margin-left: 5px;
  width: 260px;
  font-size: 95%;
  clear:both;
  padding: 0 2px;
  border: 1px solid #BBCCE9;
  border-left: 5px solid #8CA9DA;
  background-color: white;
}

/* Links und Verweise im Stil der Desktop-Ansicht */
table.verweise {
    width: 600px !important;
    border-collapse:collapse;
    margin: 0px;
}
 
table td.verweise_oben {
  border-style:solid;
  border-color:#CCCCCC;
  border-width:1px 1px 1px 1px;
  background-color:#CECECE;
}
 
table td.verweise_oben p{
  margin:1px 1px 0 1px;
}
 
table td.verweise_unten1 {
  border-style:solid;
  border-color:#CCCCCC;
  border-width:1px 0 1px 1px;
  vertical-align:top;
}
 
table td.verweise_unten1 ul {
  line-height:10px;
  font-size:8pt;
}
 
table td.verweise_unten1 p{
  margin:1px 1px 0 1px;
}
 
table td.verweise_unten2 {
  border-style:solid;
  border-color:#CCCCCC;
  border-width:1px 1px 1px 0;
  vertical-align:top;
}
 
 table td.verweise_unten2 ul {
  line-height:10px;
  font-size:8pt;
}
 
table td.verweise_unten2 p{
  margin:1px 1px 0 1px;
}

/* Farbdefinitionen wie bei Desktop-Ansicht */
.rahmenfarbe1 { /* Wie Inhaltsverzeichnis */
  border-color: #aaaaaa;
  border-width: 1px;
}
.rahmenfarbe2 { /* Unauffällig, geringer Kontrast */
  border-color: #e9e9e9;
  border-width: 1px;
}
.rahmenfarbe3 { /* "Rot", auffällig */
  border-color: #c00000;
  border-width: 1px;
}
.rahmenfarbe4 { /* Neutrale Farbe, deutlich */
  border-color: #8888aa;
  border-width: 1px;
}
.rahmenfarbe5 { /* "Schwarz", hoher Kontrast */
  border-color: #000000;
  border-width: 1px;
}
 
.hintergrundfarbe1 { 
  background-color: #f9f9f9;
}
.hintergrundfarbe2 { 
  background-color: #cdefff;
}
.hintergrundfarbe3 { 
  background-color: #bcdefa;
}
.hintergrundfarbe4 { 
  background-color: #abcdef;
}
.hintergrundfarbe5 { /* Neutral, abgesetzt */
  background-color: #e0e0e0;
}
.hintergrundfarbe6 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
  background-color: #b3b7ff;
}
.hintergrundfarbe7 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
  background-color: #ffcbcb;
}
.hintergrundfarbe8 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
  background-color: #ffebad;
}
.hintergrundfarbe9 { /* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
  background-color: #b9ffc5;
}
.hintergrundfarbe10 { /* etwas blasser als Farbe 5 */
  background-color: #f0f0f0;
}

/* Anpassungen für Spezialseiten & Kategorien */
ul.mw-allpages-chunk li {
    border-top: 1px solid #CCC;
    display: inline-block;
    margin: 0 1% 0 0;
    padding: 0.2em 0;
    vertical-align: top;
    width: 31%;
}
.allpagesredirect,
.watchlistredir,
.redirect-in-category {
  font-style: italic;
}

body.ns-14 div#mw-pages table {
	width: 100%!important;
}

.mw-htmlform-field-HTMLCheckField .mw-input {
	padding: 5px 0;
}

/* Anpassung für Darsteller-Tabelle */
.content table.darsttab{
	border-spacing: 2px!important;
	border-collapse: separate;
}

/* Wikitable im Stil der Desktop-Ansicht */
table.wikitable {
    margin: 1em 0;
    background-color: #F9F9F9;
    border: 1px solid #AAA;
    border-collapse: collapse;
    color: #000;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background-color: #F2F2F2;
    text-align: center;
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    border: 1px solid #AAA;
    padding: 0.2em;
}

/* damit das <small>-Tag auch in der mobilen Ansicht einen Effekt hat */
small {
	font-size: smaller;
}

/* Staffelnavigationen */
.staffelnav table{
	margin:0;
	width:100%!important;
}