User:TheDJ/common.css

@media only screen and (max-width:500px) { @supports (object-fit: contain) { div.mw-graph { width: 100% !important; min-width: auto !important; min-height: auto !important; }		div.mw-graph canvas, div.mw-graph .mw-graph-img { width: 100% !important; height: 100% !important; object-fit: contain; max-height: 50vh; max-width: 100%; }	} }

.mlb-image img { transition: width 1s linear 2s; transition: height 1s linear 2s; /* Safari */ -webkit-transition: width 1s linear 2s; -webkit-transition: height 1s linear 2s; } /* Make sure there is separation between the toggle and adjacent text * This is good for both visual reasons and for screenreaders. */ .mw-collapsible-toggle::before { content: '\00a0'; }