Template:Pie chart/styles.css
Jump to navigation
Jump to search
.thumb {
margin-bottom: 0.5em;
width: auto;
background-color: transparent;
}
.thumb.tright {
float: right;
clear: right;
margin-left: 1.4em;
}
.thumb.tleft {
float: left;
clear: left;
margin-right: 1.4em;
}
.thumbinner {
border: 1px solid #c8ccd1;
padding: 3px;
background-color: #f8f9fa;
font-size: 94%;
text-align: center;
overflow: hidden;
}
.thumbcaption {
border: none;
text-align: left;
line-height: 1.4em;
padding: 3px;
}
/* Ensure text wraps around the chart */
.mw-content-ltr .thumb.tright {
clear: right;
}
.mw-content-ltr .thumb.tleft {
clear: left;
}
/* For better responsiveness */
@media (max-width: 600px) {
.thumb {
float: none !important;
margin: 1em auto !important;
}
.thumbinner {
display: inline-block;
}
}