Bản mẫu:CladeN/styles.css
Giao diện
table.clade { border-spacing:0; margin:0; font-size:100%; line-height:100%; border-collapse:separate; width:auto;}table.clade table.clade { width:100%;}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; vertical-align:bottom; text-align:center; border-left: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:none; border-right:1px solid;}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-left: 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:none; border-right:1px solid;}table.clade td.clade-bar { /* the cell with the bar label or group label */ vertical-align:middle; text-align:left; padding:0 0.5em; position:relative;}table.clade td.clade-bar.reverse { text-align:right; position:relative;}table.clade td.clade-leaf { /* the cell with the leaf content (rowspan=2) */ border:0; padding:0; text-align:left;}table.clade td.clade-leafR { /* the cell with the leaf content (rowspan=2) */ border:0; padding:0; text-align:right;}table.clade td.clade-leaf.reverse { /* the cell with the leaf content (rowspan=2) */ text-align:right;}table.clade:hover span.linkA { background-color: yellow;}table.clade:hover span.linkB { background-color: green;}