Template:Clade gallery/styles.css

div.clade-gallery { /* out div container */ display:table; /*allows centering and auto width*/ margin: 0 auto; } div.clade-gallery > div { line-height:1.5em; padding:0.2em 0.4em; border:1px solid #a2a9b1; } div.clade-gallery div.main-caption { text-align:center; font-weight:bold; border:none; } div.clade-gallery div.main-footer { text-align:center; } div.clade-gallery div.main-content { display:table; /* allows sizing to floated content margin:-1px 0; /* prevents to double border with cells above and below*/ }

div.clade-gallery table.gallery-element { float:left; border:1px none; border:1px solid #a2a9b1; padding:5px; margin:1px; border-collapse:collapse; } div.clade-gallery .no-border { border:none; } div.clade-gallery table.gallery-element.vertical { float:none; } div.clade-gallery table.gallery-element caption.caption { text-align:center; font-weight:bold; border:none; } div.clade-gallery table.gallery-element th.header { text-align:center; font-weight:bold; /*border:1px solid #a2a9b1;*/ } div.clade-gallery table.gallery-element td.cladogram { padding:10px; margin:-1px 0; /* prevents to double border with cells above and below*/ /*border:1px solid #a2a9b1;*/ } div.clade-gallery table.gallery-element td.footer { border:1px solid #a2a9b1; margin:0; } div.clade-gallery div.header.shading { background-color:#eaecf0; } div.clade-gallery div.cladogram.shading { background-color:#f8f9fa; } div.clade-gallery div.footer.shading { background-color:#f8f9fa; }