1/** 2 * webtrees: online genealogy 3 * Copyright (C) 2019 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-vertical-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 height: 50%; 66 border-bottom: var(--chart-line); 67} 68 69.wt-chart-horizontal-first-child { 70 height: 50%; 71 position: relative; 72 top: 50%; 73 border-top: var(--chart-line); 74 border-right: var(--chart-line); 75 border-radius: 0 var(--chart-line-radius) 0 0; 76} 77 78.wt-chart-horizontal-middle-child { 79 height: 100%; 80 border-right: var(--chart-line); 81} 82 83.wt-chart-horizontal-last-child { 84 height: 50%; 85 border-bottom: var(--chart-line); 86 border-right: var(--chart-line); 87 border-radius: 0 0 var(--chart-line-radius) 0; 88} 89 90.wt-chart-horizontal-first-parent { 91 height: 50%; 92 position: relative; 93 top: 50%; 94 border-top: var(--chart-line); 95 border-left: var(--chart-line); 96 border-radius: var(--chart-line-radius) 0 0 0; 97} 98 99.wt-chart-horizontal-last-parent { 100 height: 50%; 101 border-bottom: var(--chart-line); 102 border-left: var(--chart-line); 103 border-radius: 0 0 0 var(--chart-line-radius); 104} 105 106/* Buttons to expand/collapse other parts of the chart */ 107.wt-chart-expansion-control > .chart-expand { 108 display: none; 109} 110 111.wt-chart-expansion-control > .chart-collapse { 112 display: inline; 113} 114 115.wt-chart-expansion-control.collapsed > .chart-expand { 116 display: inline; 117} 118 119.wt-chart-expansion-control.collapsed > .chart-collapse { 120 display: none; 121} 122 123 124