MediaWiki:Mobile.css

Aus ConanWiki
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
  • 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 Nutzer der mobilen Version geladen. */

/* Farbliches Markieren in den RC und WO */

@import url("skinm.css");

/* Neue Hauptseite 2017 */
#accueil_2017_en-tete {
     margin:auto; min-width: 100%;
     padding: auto 1rem;
     background:#EDF4F7;
}

.accueil_2017_cadre {
    padding: 3%;
}
.bouton_accueil_bandeau_2017 h2.titre-wikipedia {
    font-size: 200%;
    font-weight: bold;
    color: #457;
    font-family: 'Open Sans',Sans-serif;
    border-bottom: none;
    margin-bottom:0;
}

.bouton_accueil_bandeau_2017 .sous-titre {
    padding-left: 40px;
    padding-top: 0;
    margin-top: 0;
}

#accueil-contenu .accueil_2017_titres, 
#accueil-pied .accueil_2017_titres {
    font-variant: small-caps;
    letter-spacing: .01em;
    display: block;
    border-bottom: solid 0.2rem #bdd8fb;
    margin: -0.4rem 0 0.1rem;
}

/* Klassen für die Ausrichtung von Bausteinen, Tabellen, ... */

/* @noflip */
div.float-left,
table.float-left,
ul.float-left,
.float-left {
	clear: left;
	float: left;
	margin: 1em 1em 1em 0;
}
/* @noflip */
div.float-right,
table.float-right,
ul.float-right,
.float-right {
	clear: right;
	float: right;
	margin: 1em 0 1em 1em;
}
div.centered,
table.centered,
ul.centered,
.centered {
	margin-left: auto;
	margin-right: auto;
}
.center {
     width: 100%;
 }

/* Obenbündige Textausrichtung in Tabellen */
.toptextcells > * > * > td {
	vertical-align: top;
}

/* Farbdefinitionen für Rahmen und Hintergründe von Textbausteinen */

/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */
.rahmenfarbe1 {
	border: 1px #a2a9b1;
}
/* Unauffällig, geringer Kontrast */
.rahmenfarbe2 {
	border: 1px #eaecf0;
}
/* „Rot“, auffällig */
.rahmenfarbe3 {
	border: 1px #c00000;
}
/* Neutrale Farbe, deutlich */
.rahmenfarbe4 {
	border: 1px #88a;
}
/* „Schwarz“, hoher Kontrast */
.rahmenfarbe5 {
	border: 1px #000;
}

/* Wie Inhaltsverzeichnis (mediawiki.skinning/content.css) */
table > * > tr.hintergrundfarbe1 > th,
table > * > tr > th.hintergrundfarbe1,
table.hintergrundfarbe1,
.hintergrundfarbe1 {
	background-color: #f8f9fa;
}
/* „Weiß“, für Nicht-Artikel-Seiten, neutral */
table > * > tr.hintergrundfarbe2 > th,
table > * > tr > th.hintergrundfarbe2,
table.hintergrundfarbe2,
.hintergrundfarbe2 {
	background-color: #fff;
}
/* „Gelb“, auffällig */
table > * > tr.hintergrundfarbe3 > th,
table > * > tr > th.hintergrundfarbe3,
table.hintergrundfarbe3,
.hintergrundfarbe3 {
	background-color: #ffff40;
}
/* Sehr auffällig */
table > * > tr.hintergrundfarbe4 > th,
table > * > tr > th.hintergrundfarbe4,
table.hintergrundfarbe4,
.hintergrundfarbe4 {
	background-color: #fa0;
}
/* Neutral, abgesetzt */
table > * > tr.hintergrundfarbe5 > th,
table > * > tr > th.hintergrundfarbe5,
table.hintergrundfarbe5,
.hintergrundfarbe5 {
	background-color: #eaecf0;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe6 > th,
table > * > tr > th.hintergrundfarbe6,
table.hintergrundfarbe6,
.hintergrundfarbe6 {
	background-color: #b3b7ff;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe7 > th,
table > * > tr > th.hintergrundfarbe7,
table.hintergrundfarbe7,
.hintergrundfarbe7 {
	background-color: #ffcbcb;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe8 > th,
table > * > tr > th.hintergrundfarbe8,
table.hintergrundfarbe8,
.hintergrundfarbe8 {
	background-color: #ffebad;
}
/* Allgemein „bunt“, für Hervorhebungen und Unterscheidungen */
table > * > tr.hintergrundfarbe9 > th,
table > * > tr > th.hintergrundfarbe9,
table.hintergrundfarbe9,
.hintergrundfarbe9 {
	background-color: #b9ffc5;
}

/* Skinabhängige absolute Positionierungen ausblenden */
#mw-content-text #coordinates,
#mw-content-text #editcount,
#mw-content-text #issnlink,
#mw-content-text #shortcut,
body.mw-mf-special #mw-content-text .specialpage-helplink {
	display: none;
}


/* +++++ Roundtable +++++ */
.roundtable {
     border:2px solid #ccc;
     background:#fff;
 }
.roundtable th {
     padding:0.1em 0.5em;
 }
.roundtable td {
     background-color:#ffffff;
     border: 0;
 }

/* Spezielle Farbanpassungen */

.roundtable.wiki {
  background-color:rgb(242,247,255);
   }
.roundtable.wiki th {
     background: rgb(230,238,255);
 }
.roundtable.wiki, .roundtable.wiki td {
     border-color: rgb(172,201,230)
 }

.roundtable.grau {
    background-color:rgb(220,220,220);
 }
.roundtable.grau th {
    background-color:rgb(220,220,220);
 }
.roundtable.grau td {
    background-color:rgb(220,220,220);
 }
.roundtable.grau tr {
    background-color:rgb(220,220,220);
 }
.roundtable tr.grau td {
    background-color:rgb(220,220,220);
 }

.roundtable tr.highlight td {
     background-color:rgb(255,250,205);
 }
.roundtable tr.filler td {
     background-color:rgb(199,221,181);
 }


.roundtable.charakter {
     background-color:rgb(255,247,230);
     border-color:rgb(255,197,74);
 }
.roundtable.charakter th {
     background-color:rgb(255,233,185);
 }


.roundtable.anime {
     background-color:rgb(235,244,250);
     border-color:rgb(100,176,217);
 }
.roundtable.anime th, tr.anime td {
     background-color:rgb(184,219,237);
 }

.roundtable.filler {
     background-color:rgb(236,247,227);
     border-color:rgb(145,206,102);
 }
.roundtable.filler th, tr.filler td {
     background-color:rgb(189,221,166);
 }


.roundtable.film {
    background-color:rgb(254,230,203);
    border-color:rgb(253,151,38);
 }
.roundtable.film th, tr.film td {
     background-color:rgb(254,200,139);
 }


.roundtable.manga {
     background-color:rgb(237,224,209);
     border-color:rgb(180,131,71);
 }
.roundtable.manga th, tr.manga td {
  background-color:rgb(205,171,128);
}


.roundtable.stories {
     background-color:rgb(238,238,238);
     border-color:rgb(140,140,140);
 }
.roundtable.stories th, tr.stories td {
     background-color:rgb(209,209,209);
 }


.roundtable.ztt {
     background-color:rgb(206,229,255);
     border-color:rgb(86,172,203);
 }
.roundtable.ztt th, tr.ztt td {
     background-color:rgb(117,177,234);
 }

.roundtable.wps {
     background-color:rgb(206,229,255);
     border-color:rgb(86,172,203);
 }
.roundtable.wps th, tr.wps td {
     background-color:rgb(117,177,234);
 }


.roundtable.hanzawa {
     background-color:rgb(244,241,195);
     border-color:rgb(216,187,0);
 }
.roundtable.hanzawa th, tr.hanzawa td {
     background-color:rgb(242,213,0);
 }


.roundtable.kid {
     background-color:rgb(249,233,227);
     border-color:rgb(214,120,88);
 }
.roundtable.kid th, tr.kid td {
     background-color:rgb(233,181,163);
 }


.roundtable.yaiba {
     background-color:rgb(255,220,222);
     border-color:rgb(255,2,4);
 }
.roundtable.yaiba th, tr.yaiba td {
     background-color:rgb(255,130,132);
 }

/* ++++ Stylesheet-Ergänzung zu Standard-Navigationsleisten ++++ */

 div.BoxenVerschmelzen,
 div.NavFrame {
    margin: 0px;
    padding: 3px 2px;
    border: 1px solid #aaaaaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
    clear:both;
 }
 div.BoxenVerschmelzen div.NavFrame {
    border-style: none;
    border-style: hidden;
 }
 div.NavFrame + div.NavFrame {
    border-top-style: none;
    border-top-style: hidden;
 }

 div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    font-size: 100%;
    background-color: #efefef;
    overflow: hidden;
 }
 div.NavHeadIndented div.NavHead {
    margin: 0 2em;
 }
 div.NavFrame p {
    font-size: 100%;
 }
 div.NavFrame div.NavContent {
    font-size: 100%;
 }
 div.NavFrame div.NavContent p {
    font-size: 100%;
 }

/* ++++ Weitere Anpassungen für mobile Hauptseite ++++ */
pre {
white-space:pre-wrap;
}

.res-list ul li {
  display:inline-block;
  margin: 3px;
  text-align: center;
}

.res-list ul li ul li{
  display: block;
}

/* Listen ohne Punkte */
.liste-simple ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}

.liste-simple ul li {
	margin-bottom: 0;
}