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. */
/* Neue Hauptseite 2017 */
#accueil_2017_en-tete {
     display: inline-block;
     margin:auto; min-width: 100%;
     padding: auto 1rem;
     background:#EDF4F7;
     background:linear-gradient(top, #fff 0%,#e8f2f8 100%);
     background:-moz-linear-gradient(top, #fff 0%, #e8f2f8 100%);
     background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#e8f2f8));
     background:-webkit-linear-gradient(top, #fff 0%,#e8f2f8 100%);
     background:-o-linear-gradient(top, #fff 0%,#e8f2f8 100%);
     background:-ms-linear-gradient(top, #fff 0%,#e8f2f8 100%);
     background:linear-gradient(top, #fff 0%,#e8f2f8 100%);
     box-shadow: inset 0 0 1rem -1rem #a8d7fc;
}

.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: #E6EEFF;
 }
.roundtable.wiki,
.roundtable.wiki td {
     border-color: #ACC9E6
 }
.roundtable tr.highlight td {
     background-color:rgb(255,250,205);
 }
.roundtable tr.filler td {
     background-color:rgb(227,255,185);
 }
.roundtable.manga, tr.highlight td {
     background-color:rgb(255,250,205);
 }
.roundtable.anime {
     background-color:rgb(235,244,250);
     border-color:rgb(100,176,217);
 }
.roundtable.anime th {
     background-color:rgb(184,219,237);
 }
.roundtable.filler {
     background-color:rgb(244,255,240);
     border-color:rgb(148,252,103);
 }
.roundtable.filler th {
     background-color:rgb(217,254,201);
 }
.roundtable.stories {
     background-color:rgb(238,238,238);
     border-color:rgb(140,140,140);
 }
.roundtable.stories th {
     background-color:rgb(209,209,209);
 }
.roundtable.film, tr.film td {
    background-color:rgb(254,230,203);
 }
.roundtable.film {
    border-color:rgb(253,151,38);
 }
.roundtable.film th {
     background-color:rgb(254,200,139);
 }
.roundtable.manga {
     background-color:rgb(237,224,209);
     border-color:rgb(180,131,71);
 }
.roundtable.manga th {
  background-color:rgb(205,171,128);
}
.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.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.charakter {
     background-color:rgb(255,247,230);
     border-color:rgb(255,197,74);
 }
.roundtable.charakter th {
     background-color:rgb(255,233,185);
 }

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