MediaWiki:Common.css

Version vom 26. April 2020, 12:30 Uhr von Philipp S. (Diskussion | Beiträge) (Anpassung für mobile Hauptseite nach mehrwöchigem Test)

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
/* Farbliches Markieren in den RC und WO */

/** Büros **/
.bureaucrat,
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Philipp S."],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Philipp_S."],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Python"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Python"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Mario-WL"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Mario-WL"]
{
color:#ff8800;
font-weight: bold;
}

/** Admins **/
.sysop,
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Serinox"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Serinox"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Shinran"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Shinran"]
{
color: #F1C40F;
font-weight: bold;
}

/** patrol **/
.Kontrolleure,
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Flickenfaul"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Flickenfaul"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzerin:JapaneseMelli"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzerin:JapaneseMelli"]
{
color: #9B59B6;
font-weight: bold;
}

/** patreon **/
.Patreon-Supporter,
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzerin:Swallow D Mara"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzerin:Swallow_D_Mara"]
{
color: #f96854;
}

/** News-Redakteure **/
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Dasjojo"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Dasjojo (Seite nicht vorhanden)"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Dasjojo"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Dasjojo&action=edit&redlink=1"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Herr Morita"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Herr Morita (Seite nicht vorhanden)"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Herr_Morita"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Herr_Morita&action=edit&redlink=1"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Oli Kudo"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Oli_Kudo"]
{
color: #1ABC9C;
}

/** Chat-Moderatoren **/
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Der schlurfende Kogoro"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Der_schlurfende_Kogoro"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Wolf Midna"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Wolf Midna (Seite nicht vorhanden)"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Wolf_Midna"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Wolf_Midna&action=edit&redlink=1"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Okieh"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Okieh (Seite nicht vorhanden)"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Okieh"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Okieh&action=edit&redlink=1"]
{
color: #1F8B4C;
}

/** ConanForum-Administratoren **/
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Kirito Asuna"],
.page-Spezial_Letzte_Änderungen #content a.mw-userlink[title="Benutzer:Kirito Asuna (Seite nicht vorhanden)"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Kirito_Asuna"],
.page-Spezial_Wer_ist_gerade_online #content a[href$="Benutzer:Kirito_Asuna&action=edit&redlink=1"]
{
color: #E74C3C;
}

/* +++++ 1.  Wikitable für schöne Tabellen +++++ */

.wikitable {
     margin: 1em 1em 1em 0;
     background: #f9f9f9;
     border: 1px #AAA solid;
     border-collapse: collapse;
     empty-cells:show;
 }
 
.wikitable th,
.wikitable td {
     border: 1px #AAA solid;
     padding: 0.3em;
 }
 
.wikitable caption {
     margin-left: inherit;
     margin-right: inherit;
     font-weight: bold;
 }

/* Spezielle Tabellenanpassungen */
.nogrid th,
.nogrid td {
     border: none;
 }
.float-left {
     float: left;
     clear: left;
 }
.float-right {
     float: right;
     clear: right;
     margin: 1em 0 1em 1em;
 }
.centered {
     margin-left: auto;
     margin-right: auto;
 }
.toptextcells td {
     vertical-align: top;
 }


/* +++++ 2. Neue Tabellen +++++ */

.roundtable {
     border:2px solid #ccc;
     -moz-border-radius:0.5em;
     border-radius:0.5em;
     background:#fff;
 }
.roundtable th,
.roundtable td {
     border-radius:0.5em;
     -moz-border-radius:0.5em;
     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(199,221,181);
 }
.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(236,247,227);
     border-color:rgb(145,206,102);
 }
.roundtable.filler th {
     background-color:rgb(189,221,166);
 }
.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.teezeit {
     background-color:rgb(206,229,255);
     border-color:rgb(86,172,203);
 }
.roundtable.teezeit th, tr.teezeit 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.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);
 }

/* Hintergrund- und Rahmenfarben */

.nogrid, .nogrid th, .nogrid td { border: none !important; background: none !important;}
.float-left { float: left; clear: left;}
.float-right { float: right; clear: right; margin: 1em 0 1em 1em;}
.centered { margin-left: auto; margin-right: auto;}

.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 { /* Wie Inhaltsverzeichnis */
    background-color: #f9f9f9;
}
.hintergrundfarbe3 { /* "Gelb", auffällig */
    background-color: #ffff40;
}
.hintergrundfarbe4 { /* Sehr auffällig */
    background-color: #ffaa00;
}
.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;
}

/* ++++ 3. 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.NavPic {
    margin: 0px;
    padding: 0 2px 2px 2px;
    float: left;
 }
 div.NavFrame div.NavHead {
    height: 1.6em;
    font-weight: bold;
    font-size: 100%;
    background-color: #efefef;
 }
 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%;
 }
 div.NavEnd {
    margin: 0px;
    padding: 0px;
    line-height: 1px;
    clear: both;
 }
 
/* Stylesheet für den „Ausklappen“-Button an Navigationsleisten, der in [[MediaWiki:Common.js]] implementiert wird */
.NavToggle {
       font-size: x-small;
       float:right;
}
div.NavHeadIndented .NavToggle {
  margin: 0 3em 0 0;
}
 
 /* Abstand vor Navigationsleisten */
 
 div.BoxenVerschmelzen,
 div.NavFrame {
   margin-top: 1.5em;
 }
 div.BoxenVerschmelzen div.NavFrame {
   margin-top: 0;
 }
 div.NavFrame + div.NavFrame {
   margin-top: 0;
 }

/* ++++ 4. Skinabhängige absolute Positionierungen ausblenden  ++++ */
#artikelstadium,
#commons-icon,
#coordinates,
#issnlink,
#shortcut,
#spoken-icon,
.topicon {
	display: none;
}

/* +++++ 5. Sonstige Anpassungen +++++ */
/* Referenzen hervorheben */

ol.references > li:target, sup.reference:target, span.citation:target, cite:target {
background-color:#DDEEFF;
}

/* Vector Skin Tweaks (Version 1.22.3) */
#p-logo { top: -140px; }
div#mw-panel { top: 140px; }

/* +++++ pre +++++ */
pre {
white-space:pre-wrap;
}

/* 2020-03-23 HR responsive images */

img {
	max-width:100%;
	height:auto;
}

/* 2020-03-23 HR responsive lists */

.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;
}

/* +++++ 6. Neue Hauptseite 2017 +++++ */
/* Aufteilung der Boxen links und rechts für Desktop-PC und mobil */
.portail-gauche {
	float: left;
	width: 58%;
}
.portail-droite {
	float: right;
	width: 42%;
}
.portail-gauche-inner {
	padding-right: 1rem;
}

/* Struktur der Hauptseite */
.accueil-contenu {
	margin: 0.4em -1% 0.4em 0;
	display: flex;
	flex-flow: wrap;
	overflow: hidden; /*be kind ie10 et les navigateurs ne gérant pas les flexbox */
}

/* Entferne den Seitennamen der Hauptseite */
body.action-view.page-ConanWiki_Hauptseite #firstHeading {
	position: absolute;
	top: -5000px;
}
body.page-ConanWiki_Hauptseite .wbc-editpage { 
	display: none;
}

/* Anpassungen für die neue Hauptseite 2017 */

#accueil_2017_en-tete {
	display: inline-block;
	margin: auto;
	min-width: 100%;
	padding: auto 1rem;
	background: #EDF4F7;
	background: -moz-linear-gradient(top, #fff, #e8f2f8);
	background: -webkit-linear-gradient(top, #fff, #e8f2f8);
	background: -o-linear-gradient(top, #fff, #e8f2f8);
	background: linear-gradient(to bottom, #fff, #e8f2f8);
	box-shadow: inset 0 0 1rem -1rem #a8d7fc;
	border-bottom: solid 1px #a8d7fc;
}

#accueil_bandeau_2017 .bloc-titre {
	display: inline;
	display: inline-block;
	margin: auto auto auto 14rem;
	text-align: center;
	line-height: 1.8;
	color: #457;
}
#accueil_bandeau_2017 .sous-titre {
	margin: 0;
	padding: 0;
	font-size: 110%;
	font-family: Sans-serif;
}

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

#accueil-contenu .accueil_2017_cadre,
#accueil-pied .accueil_2017_cadre {
	box-shadow: 0 0 .3rem #999; 
	border-radius: .2rem; 
	padding: 1.2rem; 
	margin: 1rem 0 1.6rem 0;
	clear: both;
}

#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.5rem;
}
#accueil-contenu .accueil_2017_pied,
#accueil-pied .accueil_2017_pied {
	padding:1.3em 0 0;
	font-size:85%;
	text-align:right;
}