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