xref: /webtrees/resources/css/_chart-pedigree.css (revision cb0eb4a9463291c5ba2c9deef129f29c38ed947e)

/**
 * webtrees: online genealogy
 * Copyright (C) 2019 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/>.
 */

/*
 * Pedigree chart
 *
 * wt-chart, wt-chart-pedigree
 */
.wt-chart-pedigree {
	overflow-y: auto;
}

.wt-chart-pedigree-left .wt-chart-box,
.wt-chart-pedigree-right .wt-chart-box {
	width: 15rem;
}

.wt-chart-pedigree-up .wt-chart-box,
.wt-chart-pedigree-down .wt-chart-box {
	width: 10rem;
	height: 8rem;
}

.wt-chart-pedigree .wt-chart-box-lifespan {
	display: none;
}

/* Pedigree chart with oldest on the right */
.wt-chart-pedigree-right .wt-pedigree-lines {
	right: 0;
	top: 25%;
	bottom: 25%;
	border: var(--chart-line);
	border-right: none;
	border-radius: var(--chart-line-radius) 0 0 var(--chart-line-radius);
	width: 25%;
	height: 50%;
	z-index: -1;
}

.wt-chart-pedigree-right .wt-generation-rev-2 > .wt-pedigree-lines {
	top: 12.5%;
	bottom: 12.5%;
	height: 75%;
}

/* Pedigree chart with oldest on the left */
.wt-chart-pedigree-left .wt-pedigree-lines {
	left: 0;
	top: 25%;
	bottom: 25%;
	border: var(--chart-line);
	border-left: none;
	border-radius: 0 var(--chart-line-radius) var(--chart-line-radius) 0;
	width: 25%;
	height: 50%;
	z-index: -1;
}

.wt-chart-pedigree-left .wt-generation-rev-2 > .wt-pedigree-lines {
	top: 12.5%;
	bottom: 12.5%;
	height: 75%;
}

/* Pedigree chart with oldest at the bottom */
.wt-chart-pedigree-down {
	width: max-content;
}

.wt-chart-pedigree-down .wt-pedigree-lines {
	bottom: 0;
	left: 25%;
	right: 25%;
	border: var(--chart-line);
	border-bottom: none;
	border-radius: var(--chart-line-radius) var(--chart-line-radius) 0 0;
	width: 50%;
	height: 25%;
	z-index: -1;
}

.wt-chart-pedigree-down .wt-generation-rev-2 > .wt-pedigree-lines {
	left: 12.5%;
	right: 12.5%;
	width: 75%;
}

/* Pedigree chart with oldest at the top */
.wt-chart-pedigree-up {
	width: max-content;
}

.wt-chart-pedigree-up .wt-pedigree-lines {
	top: 0;
	left: 25%;
	right: 25%;
	border: var(--chart-line);
	border-top: none;
	border-radius: 0 0 var(--chart-line-radius) var(--chart-line-radius);
	width: 50%;
	height: 25%;
	z-index: -1;
}

.wt-chart-pedigree-up .wt-generation-rev-2 > .wt-pedigree-lines {
	left: 12.5%;
	right: 12.5%;
	width: 75%;
}