Plantilla:Clado/styles.css

De Wikipedia, la enciclopedia libre
/**
 * [[Categoría:Wikipedia:Subpáginas de estilo de plantillas]]
 * csslint
 * adjoining-classes:false,
 * box-model:false,
 * overqualified-elements:false
 */
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;
}