الگو:Clade/styles.css/آزمایشی.css
< الگو:Clade | styles.css
/* {{pp-template}} */
table.clade {
border-spacing:0;
margin:0;
font-size:100%;
line-height:100%;
border-collapse:separate;
width:auto;
}
table.clade table.clade {
width:100%;
line-height:inherit;
}
table.clade td.clade-label { /* the cell with the label */
width:0.7em; /* was only used for first leaf but shouldn't matter for others */
padding:0 0.15em 0.3em;
vertical-align:bottom;
text-align:center;
border-right:1px solid; /* don't set default colour, helps with green on black monotype skin */
border-bottom:1px solid;
white-space:nowrap;
}
table.clade td.clade-fixed-width {
overflow:hidden;
text-overflow:ellipsis;
}
table.clade td.clade-fixed-width:hover {
overflow:visible;
}
table.clade td.clade-label.first {
border-left:none;
border-right:none;
}
table.clade td.clade-label.reverse {
border-left:1px solid;
border-right:none;
}
table.clade td.clade-slabel { /* the cell with the sublabel; only use if there is a label */
padding:0 0.15em;
vertical-align:top;
text-align:center;
border-right: 1px solid;
white-space:nowrap;
}
table.clade td.clade-slabel:hover {
overflow:visible;
}
table.clade td.clade-slabel.last {
border-left:none;
border-right:none;
}
table.clade td.clade-slabel.reverse {
border-left:1px solid;
border-right:none;
}
table.clade td.clade-bar { /* the cell with the bar label or group label */
vertical-align:middle;
text-align:right;
padding:0 0.5em;
position:relative;
}
table.clade td.clade-bar.reverse {
text-align:left;
position:relative;
}
table.clade td.clade-leaf { /* the cell with the leaf content (rowspan=2) */
border:0;
padding:0;
text-align:right;
}
table.clade td.clade-leafR { /* the cell with the leaf content (rowspan=2) */
border:0;
padding:0;
text-align:left;
}
table.clade td.clade-leaf.reverse { /* the cell with the leaf content (rowspan=2) */
text-align:left;
}
table.clade:hover span.linkA {
background-color: yellow;
}
table.clade:hover span.linkB {
background-color: green;
}