Template:Clade/style.css

/**
 * Used for [[Template:Clade]]
 * [[Category:在模板名字空间下的CSS页面]]
 */

.clade-branch {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: start;
}

.clade-branch > :nth-child(3n + 2) {
	grid-row-start: span 2;
}

.clade-branch .clade-label, .clade-branch .clade-space {
	border-style: solid;
	border-width: 0 0 0 1px;
	min-height: 1em;
}

.clade-branch .clade-label {
	padding: 0 .2em;
	box-sizing: content-box;
	min-width: .2em;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.clade-branch .clade-space {
	border-top-width: 1px;
}

.clade-branch > :first-child, .clade-branch > :last-child {
	border-left-width: 0;
}

.clade-branch .clade-leaf {
	align-self: center;
	padding: 0 .2em;
}


/* legacy */

.clade-wrapper {
    display: flex;
    align-items: stretch;
}

.clade-wrapper .clade-root {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.clade-wrapper .clade-root-1 {
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid #000;
}

.clade-wrapper .clade-root-1,
.clade-wrapper .clade-root-2 {
    flex: 1 0;
}

.clade-wrapper .clade-table {
    margin: 0;
    border-collapse: collapse;
}

.clade-wrapper .clade-table > tbody > tr > td {
    padding: 0;
}

.clade-wrapper .clade-root-1,
.clade-wrapper .clade-table > tbody > tr > td:not([rowspan="2"]) {
    padding: 0 3px;
}

.clade-wrapper .clade-label {
    border-bottom: 1px solid #000;
    vertical-align: bottom !important;
}

.clade-wrapper .clade-space {
    color: transparent;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.clade-wrapper .clade-table > tbody > tr:not(:first-child) > .clade-label,
.clade-wrapper .clade-table > tbody > tr:not(:last-child) > .clade-space {
    border-left: 1px solid #000;
}