Template:Pie chart/styles.css
Jump to navigation
Jump to search
.pie-chart-wrapper {
margin: 0 0 1em 1em;
width: auto;
max-width: 100%;
}
.pie-chart-wrapper.tright {
float: right;
clear: right;
}
.pie-chart-wrapper.tleft {
float: left;
clear: left;
margin: 0 1em 1em 0;
}
.PieChartTemplate {
display: inline-block;
vertical-align: top;
}
.thumbcaption {
text-align: left;
}
/* Ensure text wraps around the chart */
.mw-content-ltr .pie-chart-wrapper.tright {
clear: right;
}
.mw-content-ltr .pie-chart-wrapper.tleft {
clear: left;
}
/* For better responsiveness */
@media (max-width: 600px) {
.pie-chart-wrapper {
float: none;
margin: 1em auto;
text-align: center;
}
}