Difference between revisions of "Template:Clade gallery/styles.css"
Jump to navigation
Jump to search
imported>Jts1882 (centre main footer by default for no borders) |
imported>Jts1882 (add class for vertical display) |
||
| Line 8: | Line 8: | ||
padding:0.2em 0.4em; | padding:0.2em 0.4em; | ||
border:1px solid #a2a9b1; | border:1px solid #a2a9b1; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
div.clade-gallery div.main-caption { | div.clade-gallery div.main-caption { | ||
| Line 19: | Line 13: | ||
font-weight:bold; | font-weight:bold; | ||
border:none; | border:none; | ||
| + | } | ||
| + | div.clade-gallery div.main-footer { | ||
| + | border:none; | ||
| + | text-align:center; | ||
| + | |||
} | } | ||
div.clade-gallery div.main-content { | div.clade-gallery div.main-content { | ||
| Line 25: | Line 24: | ||
border:none; | border:none; | ||
} | } | ||
| − | div.clade-gallery div. | + | div.clade-gallery div.gallery-element { |
| − | border:none; | + | float:left; |
| − | + | border:1px none; | |
| − | + | padding:5px; | |
| + | margin:1px; | ||
| + | } | ||
| + | div.clade-gallery div.gallery-element.vertical { | ||
| + | float:none; | ||
} | } | ||
div.clade-gallery div.caption { | div.clade-gallery div.caption { | ||
Revision as of 10:14, 19 August 2018
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 {
border:none;
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*/
border:none;
}
div.clade-gallery div.gallery-element {
float:left;
border:1px none;
padding:5px;
margin:1px;
}
div.clade-gallery div.gallery-element.vertical {
float:none;
}
div.clade-gallery div.caption {
text-align:center;
font-weight:bold;
border:none;
}
div.clade-gallery div.header {
text-align:center;
font-weight:bold;
}
div.clade-gallery div.cladogram {
padding:20px;
margin:-1px 0; /* prevents to double border with cells above and below*/
}
div.clade-gallery div.footer {
}
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;
}