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/* 17 * Pedigree chart 18 * 19 * wt-chart, wt-chart-pedigree 20 */ 21.wt-chart-pedigree-left .wt-chart-box, 22.wt-chart-pedigree-right .wt-chart-box { 23 width: 15rem; 24} 25 26.wt-chart-pedigree-up .wt-chart-box, 27.wt-chart-pedigree-down .wt-chart-box { 28 width: 10rem; 29 height: 8rem; 30} 31 32.wt-chart-pedigree .wt-chart-box-lifespan { 33 display: none; 34} 35 36/* Pedigree chart with oldest on the right */ 37.wt-chart-pedigree-right .wt-pedigree-lines { 38 right: 0; 39 top: 25%; 40 bottom: 25%; 41 border: var(--chart-line); 42 border-right: none; 43 border-radius: 20px 0 0 20px; 44 width: 25%; 45 height: 50%; 46 z-index: -1; 47} 48 49.wt-chart-pedigree-right .wt-generation-rev-2 > .wt-pedigree-lines { 50 top: 12.5%; 51 bottom: 12.5%; 52 height: 75%; 53} 54 55/* Pedigree chart with oldest on the left */ 56.wt-chart-pedigree-left .wt-pedigree-lines { 57 left: 0; 58 top: 25%; 59 bottom: 25%; 60 border: var(--chart-line); 61 border-left: none; 62 border-radius: 0 20px 20px 0; 63 width: 25%; 64 height: 50%; 65 z-index: -1; 66} 67 68.wt-chart-pedigree-left .wt-generation-rev-2 > .wt-pedigree-lines { 69 top: 12.5%; 70 bottom: 12.5%; 71 height: 75%; 72} 73 74/* Pedigree chart with oldest at the bottom */ 75.wt-chart-pedigree-down { 76 width: max-content; 77} 78 79.wt-chart-pedigree-down .wt-pedigree-lines { 80 bottom: 0; 81 left: 25%; 82 right: 25%; 83 border: var(--chart-line); 84 border-bottom: none; 85 border-radius: 20px 20px 0 0; 86 width: 50%; 87 height: 25%; 88 z-index: -1; 89} 90 91.wt-chart-pedigree-down .wt-generation-rev-2 > .wt-pedigree-lines { 92 left: 12.5%; 93 right: 12.5%; 94 width: 75%; 95} 96 97/* Pedigree chart with oldest at the top */ 98.wt-chart-pedigree-up { 99 width: max-content; 100} 101 102.wt-chart-pedigree-up .wt-pedigree-lines { 103 top: 0; 104 left: 25%; 105 right: 25%; 106 border: var(--chart-line); 107 border-top: none; 108 border-radius: 0 0 20px 20px; 109 width: 50%; 110 height: 25%; 111 z-index: -1; 112} 113 114.wt-chart-pedigree-up .wt-generation-rev-2 > .wt-pedigree-lines { 115 left: 12.5%; 116 right: 12.5%; 117 width: 75%; 118} 119 120 121