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

/**
 * webtrees: online genealogy
 * Copyright (C) 2023 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%;
}

.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%;
}

.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%;
}

.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%;
}

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