Modèle:Arbre généalogique Wikidata/styles.css

Dans le large spectre de Modèle:Arbre généalogique Wikidata/styles.css, on peut trouver une grande variété de sujets, d'approches et de perspectives. Qu'il s'agisse d'explorer la vie et l'œuvre d'un personnage historique, d'analyser les défis actuels dans un certain domaine ou de réfléchir à l'impact d'une date marquante, Modèle:Arbre généalogique Wikidata/styles.css nous invite à nous immerger dans un univers de possibles. A travers cet article, nous nous lancerons dans un voyage fascinant qui nous permettra de découvrir, d'apprendre et de réfléchir sur Modèle:Arbre généalogique Wikidata/styles.css sous différents angles.

.wikidata-familyTree table {
	border-collapse: separate;
	border-spacing: 0;
	margin-left: auto;
	margin-right: auto;
}

/* Толщина должна совпадать с толщиной NESW-линий */
.wikidata-familyTree .Q {
	background-color: var(--background-color-neutral-subtle, #f8f9fa);
	border: 1px black solid;
	padding: .1em .25em;
	text-align: center;
}

.wikidata-familyTree-vertical .wikidata-familyTree .Z {
	min-width: 1em;
	height: 1em;
}

.wikidata-familyTree-horizontal .wikidata-familyTree .Z {
	min-width: 1em;
	height: .25em;
}

.wikidata-familyTree-vertical .line {
	position: relative;
	height: 0.5em;
}

.wikidata-familyTree-horizontal .line {
	position: relative;
	min-width: 2em;
}

.wikidata-familyTree-horizontal .NS {
	min-width: .5em;
}

/* Должно быть меньше основного текста .Q */
.wikidata-familyTree .Q .years {
	font-size: 85%;
}

.wikidata-familyTree .line .N {
	 background-color: var(--color-emphasized, #101418); display: inline; position: absolute;
	height: calc(50% + 1px); width: 1px; top: 0; left: 50%;
}
.wikidata-familyTree .line .E {
	background-color: var(--color-emphasized, #101418); display: inline; position: absolute;
	height: 1px; width: 50%; top: 50%; left: 50%;
}
.wikidata-familyTree .line .S {
	background-color: var(--color-emphasized, #101418); display: inline; position: absolute;
	height: calc(50% + 1px); width: 1px; top: 50%; left: 50%;
}
.wikidata-familyTree .line .W {
	background-color: var(--color-emphasized, #101418); display: inline; position: absolute;
	height: 1px; width: calc(50% + 1px); top: 50%; left: 0%;
}

.wikidata-familyTree-decorate-by-generation .gen-4 { background-color: #9fe; }
.wikidata-familyTree-decorate-by-generation .gen-3 { background-color: #bfc; }
.wikidata-familyTree-decorate-by-generation .gen-2 { background-color: #ffc; }
.wikidata-familyTree-decorate-by-generation .gen-1 { background-color: #fb9; }
.wikidata-familyTree-decorate-by-generation  .gen0 { background-color: #fcc; }
.wikidata-familyTree-decorate-by-generation  .gen1 { background-color: #fb9; }
.wikidata-familyTree-decorate-by-generation  .gen2 { background-color: #ffc; }
.wikidata-familyTree-decorate-by-generation  .gen3 { background-color: #bfc; }
.wikidata-familyTree-decorate-by-generation  .gen4 { background-color: #9fe; }

/* Mode sombre */
@media screen {
	html.skin-theme-clientpref-night .wikidata-familyTree-decorate-by-generation .gen-4 { background-color: #01322a; }
	html.skin-theme-clientpref-night .wikidata-familyTree-decorate-by-generation .gen-3 { background-color: #03320f; }
	html.skin-theme-clientpref-night .wikidata-familyTree-decorate-by-generation .gen-2 { background-color: #323201; }
	html.skin-theme-clientpref-night .wikidata-familyTree-decorate-by-generation .gen-1 { background-color: #50230c; }
	html.skin-theme-clientpref-night .wikidata-familyTree-decorate-by-generation  .gen0 { background-color: #3c0101; }
	html.skin-theme-clientpref-night .wikidata-familyTree-decorate-by-generation  .gen1 { background-color: #50230c; }
	html.skin-theme-clientpref-night .wikidata-familyTree-decorate-by-generation  .gen2 { background-color: #323201; }
	html.skin-theme-clientpref-night .wikidata-familyTree-decorate-by-generation  .gen3 { background-color: #03320f; }
	html.skin-theme-clientpref-night .wikidata-familyTree-decorate-by-generation  .gen4 { background-color: #01322a; }
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .wikidata-familyTree-decorate-by-generation .gen-4 { background-color: #01322a; }
	html.skin-theme-clientpref-os .wikidata-familyTree-decorate-by-generation .gen-3 { background-color: #03320f; }
	html.skin-theme-clientpref-os .wikidata-familyTree-decorate-by-generation .gen-2 { background-color: #323201; }
	html.skin-theme-clientpref-os .wikidata-familyTree-decorate-by-generation .gen-1 { background-color: #50230c; }
	html.skin-theme-clientpref-os .wikidata-familyTree-decorate-by-generation  .gen0 { background-color: #3c0101; }
	html.skin-theme-clientpref-os .wikidata-familyTree-decorate-by-generation  .gen1 { background-color: #50230c; }
	html.skin-theme-clientpref-os .wikidata-familyTree-decorate-by-generation  .gen2 { background-color: #323201; }
	html.skin-theme-clientpref-os .wikidata-familyTree-decorate-by-generation  .gen3 { background-color: #03320f; }
	html.skin-theme-clientpref-os .wikidata-familyTree-decorate-by-generation  .gen4 { background-color: #01322a; }
}


/* ] */