MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 26. Juni 2017, 12:07 Uhr

/* +++++ 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 {
     padding:0.1em 0.5em;
 }
.roundtable th,
.roundtable td {
     border-radius:0.5em;
     -moz-border-radius: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(234,234,234);
 }
.roundtable tr.filler td {
     background-color:rgb(227,255,185);
 }
.roundtable.manga
tr.highlight td {
     background-color:rgb(252,255,198);
 }
.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);
 }

/* 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.NavFrame {
	border: 1px solid #a2a9b1;
	clear: both;
	font-size: 95%;
	margin-top: 1.5em;
	min-height: 0; /* IE 7 */
	padding: 2px;
	text-align: center;
}
div.NavPic {
	float: left;
	padding: 2px;
}
div.NavHead {
	background: #eaecf0;
	font-weight: bold;
}
div.NavFrame:after {
	clear: both;
	content: "";
	display: block;
}

/* Stylesheet für den „Ausklappen“-Button an Navigationsleisten, der in [[MediaWiki:Common.js]] implementiert wird */
.NavToggle {
	float: right;
	font-size: x-small;
}

/* Automatisches Verschmelzen benachbarter Navigationsleisten */
div.NavFrame + div.NavFrame {
	margin-top: -1px;
}

/* Verschmelzen mittels [[Vorlage:NaviBlock]] */
div.BoxenVerschmelzen {
	border: 1px solid #a2a9b1;
	clear: both;
	font-size: 95%;
	margin-top: 1.5em;
	padding-top: 2px;
}
div.BoxenVerschmelzen div.NavFrame {
	border: none;
	font-size: 100%;
	margin: 0;
	padding-top: 0;
}


/* ++++ 4. Skinabhängige absolute Positionierungen ausblenden  ++++ */
#artikelstadium,
#commons-icon,
#coordinates,
#editcount,
#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;
}

/* 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;
}
.portail-droite {
	float: right;
}
.portail-gauche-inner {
	padding-right: 1rem;
}
@media screen and (max-width: 981px) {
	.portail-gauche,
	.portail-droite {
		float: none;
		width: 100%;
	}
	.portail-gauche-inner {
		padding-right: 0;
	}
}

@media screen and (min-width: 981px) {
	.portail-gauche {
		width: 62%;
        }
	.portail-droite {
		width: 38%;
	}
}

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

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