Template:Clade gallery/styles.css
< Template:Clade gallery
Jump to navigation
Jump to search
Revision as of 17:54, 27 November 2019 by imported>Jts1882 (only style direct child div (don't want to interfere with anything in cladogram, e.g. interactive divs))
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 div.no-border {
border:none;
}
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 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:20px;
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;
}