xref: /webtrees/resources/css/_chart-pedigree-map.css (revision b5505f697291435abadf92d9c68555144f816161)
1/**
2 * webtrees: online genealogy
3 * Copyright (C) 2023 webtrees development team
4 * This program is free software: you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation, either version 3 of the License, or
7 * (at your option) any later version.
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
12 * You should have received a copy of the GNU General Public License
13 * along with this program. If not, see <https://www.gnu.org/licenses/>.
14 */
15
16/*
17 * Pedigree map
18 *
19 * wt-chart, wt-chart-pedigree-map
20 */
21:root {
22    --wt-pedigree-map-gen-0: red;
23    --wt-pedigree-map-gen-1: orange;
24    --wt-pedigree-map-gen-2: gold;
25    --wt-pedigree-map-gen-3: lightgreen;
26    --wt-pedigree-map-gen-4: green;
27    --wt-pedigree-map-gen-5: limegreen;
28    --wt-pedigree-map-gen-6: cyan;
29    --wt-pedigree-map-gen-7: blue;
30    --wt-pedigree-map-gen-8: cornflowerblue;
31    --wt-pedigree-map-gen-9: pink;
32    --wt-pedigree-map-gen-10: magenta;
33    --wt-pedigree-map-gen-11: maroon;
34}
35
36.wt-pedigree-map-gen-0 {
37    color: var(--wt-pedigree-map-gen-0);
38}
39
40.wt-pedigree-map-gen-1 {
41    color: var(--wt-pedigree-map-gen-1);
42}
43
44.wt-pedigree-map-gen-2 {
45    color: var(--wt-pedigree-map-gen-2);
46}
47
48.wt-pedigree-map-gen-3 {
49    color: var(--wt-pedigree-map-gen-3);
50}
51
52.wt-pedigree-map-gen-4 {
53    color: var(--wt-pedigree-map-gen-4);
54}
55
56.wt-pedigree-map-gen-5 {
57    color: var(--wt-pedigree-map-gen-5);
58}
59
60.wt-pedigree-map-gen-6 {
61    color: var(--wt-pedigree-map-gen-6);
62}
63
64.wt-pedigree-map-gen-7 {
65    color: var(--wt-pedigree-map-gen-7);
66}
67
68.wt-pedigree-map-gen-8 {
69    color: var(--wt-pedigree-map-gen-8);
70}
71
72.wt-pedigree-map-gen-9 {
73    color: var(--wt-pedigree-map-gen-9);
74}
75
76.wt-pedigree-map-gen-10 {
77    color: var(--wt-pedigree-map-gen-10);
78}
79
80.wt-pedigree-map-gen-11 {
81    color: var(--wt-pedigree-map-gen-11);
82}
83
84.wt-pedigree-map-wrapper {
85    height: 70vh;
86}
87
88.wt-pedigree-map-map {
89    height: 100%;
90}
91
92.wt-pedigree-map-sidebar {
93    height: 100%;
94    overflow-y: auto;
95}
96