1/** 2 * webtrees: online genealogy 3 * Copyright (C) 2022 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 <http://www.gnu.org/licenses/>. 14 */ 15@import "_chart-ancestors.css"; 16@import "_chart-compact.css"; 17@import "_chart-descendants.css"; 18@import "_chart-family-book.css"; 19@import "_chart-fan.css"; 20@import "_chart-hourglass.css"; 21@import "_chart-interactive.css"; 22@import "_chart-lifespans.css"; 23@import "_chart-pedigree.css"; 24@import "_chart-pedigree-map.css"; 25@import "_chart-relationships.css"; 26@import "_chart-statistics.css"; 27@import "_chart-timeline.css"; 28 29/* Lines for "vertical" charts, such as the ancestors and descendants chart. */ 30.wt-chart-horizontal-indent { 31 width: 3rem; 32} 33 34.wt-chart-vertical-line { 35 width: 50%; 36 height: 100%; 37 right: 0; 38 border-left: var(--chart-line); 39} 40 41.wt-chart-vertical-last-child-line { 42 width: 50%; 43 right: 0; 44 height: 2.5rem; 45 top: 0; 46 border-left: var(--chart-line); 47 border-bottom: var(--chart-line); 48 border-radius: 0 0 0 var(--chart-line-radius); 49} 50 51.wt-chart-vertical-child-line { 52 width: 50%; 53 right: 0; 54 height: 2.5rem; 55 top: 0; 56 border-bottom: var(--chart-line); 57} 58 59/* Lines for horizontal trees, such as the family page */ 60.wt-chart-horizontal-spacer { 61 width: 1rem; 62} 63 64.wt-chart-horizontal-line { 65 width: 1rem; 66 height: 50%; 67 border-bottom: var(--chart-line); 68} 69 70.wt-chart-horizontal-first-child { 71 height: 50%; 72 position: relative; 73 top: 50%; 74 border-top: var(--chart-line); 75 border-right: var(--chart-line); 76 border-radius: 0 var(--chart-line-radius) 0 0; 77} 78 79.wt-chart-horizontal-middle-child { 80 height: 100%; 81 border-right: var(--chart-line); 82} 83 84.wt-chart-horizontal-last-child { 85 height: 50%; 86 border-bottom: var(--chart-line); 87 border-right: var(--chart-line); 88 border-radius: 0 0 var(--chart-line-radius) 0; 89} 90 91.wt-chart-horizontal-first-parent { 92 height: 50%; 93 position: relative; 94 top: 50%; 95 border-top: var(--chart-line); 96 border-left: var(--chart-line); 97 border-radius: var(--chart-line-radius) 0 0 0; 98} 99 100.wt-chart-horizontal-last-parent { 101 height: 50%; 102 border-bottom: var(--chart-line); 103 border-left: var(--chart-line); 104 border-radius: 0 0 0 var(--chart-line-radius); 105} 106 107/* Buttons to expand/collapse other parts of the chart */ 108.wt-chart-expansion-control > .chart-expand { 109 display: none; 110} 111 112.wt-chart-expansion-control > .chart-collapse { 113 display: inline; 114} 115 116.wt-chart-expansion-control.collapsed > .chart-expand { 117 display: inline; 118} 119 120.wt-chart-expansion-control.collapsed > .chart-collapse { 121 display: none; 122} 123 124.wt-chart-box-name { 125 font-weight: bold; 126} 127