1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
/**
* webtrees: online genealogy
* Copyright (C) 2026 webtrees development team
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/*
* Timeline chart
*
* wt-chart, wt-chart-timeline
*/
#timeline_chart {
position: relative;
top: 0;
left: 0;
}
.person0, .person1, .person2, .person3,
.person4, .person5, .person6, .person7 {
--person-bg-alpha: 30%;
}
.person0 {
background-color: color-mix(in srgb, var(--bs-red) var(--person-bg-alpha), transparent);
}
.person1 {
background-color: color-mix(in srgb, var(--bs-orange) var(--person-bg-alpha), transparent);
}
.person2 {
background-color: color-mix(in srgb, var(--bs-yellow) var(--person-bg-alpha), transparent);
}
.person3 {
background-color: color-mix(in srgb, var(--bs-green) var(--person-bg-alpha), transparent);
}
.person4 {
background-color: color-mix(in srgb, var(--bs-teal) var(--person-bg-alpha), transparent);
}
.person5 {
background-color: color-mix(in srgb, var(--bs-cyan) var(--person-bg-alpha), transparent);
}
.person6 {
background-color: color-mix(in srgb, var(--bs-purple) var(--person-bg-alpha), transparent);
}
.person7 {
background-color: color-mix(in srgb, var(--bs-pink) var(--person-bg-alpha), transparent);
}
|
