Difference between revisions of "Template:Clade gallery/styles.css"

From blackwiki
Jump to navigation Jump to search
imported>Jts1882
(add back display:table; to main-content div (allows fit to gallery items))
imported>Jts1882
(rough conversion to table version)
Line 24: Line 24:
 
border:none;
 
border:none;
 
}
 
}
div.clade-gallery div.gallery-element {
+
div.clade-gallery table.gallery-element {
 
float:left;
 
float:left;
 
border:1px none;
 
border:1px none;
Line 31: Line 31:
 
/*display:table;*/
 
/*display:table;*/
 
}
 
}
div.clade-gallery div.gallery-element.vertical {
+
div.clade-gallery table.gallery-element.vertical {
 
float:none;
 
float:none;
 
}
 
}
div.clade-gallery div.caption {
+
div.clade-gallery table.gallery-element caption.caption {
 
text-align:center;
 
text-align:center;
 
font-weight:bold;
 
font-weight:bold;
 
border:none;
 
border:none;
 
}
 
}
div.clade-gallery div.header {
+
div.clade-gallery table.gallery-element th.header {
 
text-align:center;
 
text-align:center;
 
font-weight:bold;
 
font-weight:bold;
 
}
 
}
div.clade-gallery div.cladogram {
+
div.clade-gallery table.gallery-element td.cladogram {
 
padding:20px;
 
padding:20px;
 
margin:-1px 0; /* prevents to double border with cells above and below*/
 
margin:-1px 0; /* prevents to double border with cells above and below*/
 
 
 
}
 
}
div.clade-gallery div.footer {
+
div.clade-gallery table.gallery-element td.footer {
 
}
 
}
 
div.clade-gallery div.header.shading {
 
div.clade-gallery div.header.shading {

Revision as of 15:55, 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 {
    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;
	padding:5px;
	margin:1px;
	/*display:table;*/
}
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;
}
div.clade-gallery table.gallery-element td.cladogram {
	padding:20px;
	margin:-1px 0; /* prevents to double border with cells above and below*/
	
}
div.clade-gallery table.gallery-element td.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;
}