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

@import url("skin.css");

/* +++++ 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: 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(238,29,35);
 }
.roundtable.yaiba th, tr.yaiba td {
     background-color:rgb(255,130,132);
 }


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

/* +++++ 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;
  vertical-align: top;
}

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

#mw-panel #p-logo + .portal{
	margin-top: -1.2em
}

.CodeMirror-wrap pre { overflow-wrap: anywhere; }

.comment {
word-break: break-word
}

/* Ausblendung bestimmter Überschriftsebenen ab der angegebenen Ebene (exklusive) */
.toclimit-2 .toclevel-1 li,
.toclimit-3 .toclevel-2 li,
.toclimit-4 .toclevel-3 li,
.toclimit-5 .toclevel-4 li,
.toclimit-6 .toclevel-5 li,
.toclimit-7 .toclevel-6 li {
	display: none;
}