Template:Clade/styles.css

/* Template: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;
   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;

}