MediaWiki:Gadget-markupObjects.css

/* this needs to be overridden when we put flex onto something and use gap */ .champion-object .sprite.champion-sprite { margin-right:3px; } .country-object .sprite.country-sprite { margin-right:2px; }

/* vertical text for region displays instead of actual icons */ .region-icon { font-family: "Open Sans","Arial",sans-serif; font-weight: bold; display: inline-block; transform: rotate(270deg); font-size: 12px; line-height: 10px; width: 25px; text-align: center; margin: 0 -8px; user-select:none; }

/* add some space between region icon and text following it */ .markup-object .region-icon { margin: 0 -5px 0 -8px; }

/* put this back if we re-make this flex .infobox .markup-object .region-icon { margin: 0 -8px 0 0; flex-basis: 0; } .role-icon { display:inline-block; vertical-align:middle; }

.role-icon-sub-s { position: relative; width: 0; left: -14px; top: 2px; display:inline-block; font-weight: 700; font-size:15px; line-height:1; }

.role-icon-sub-image { opacity:0.4; display:inline-block; }

/* team */ .team-markup { display:inline-flex; white-space:nowrap; }

.vs-align-left .team-markup { flex-direction:row-reverse; }

.team-logo-std { margin-right:.3em; }

.vs-align-left .team-logo-std { margin-left:.3em; }

.teamname { white-space:normal; }

/* old team rules */ .team { white-space:nowrap; }

.teamimage-right { margin-right:.3em; }

.teamimage-left { margin-left:.3em; }

.skin-minerva .teamimage-right a img, .skin-minerva .teamimage-left a img { max-width: initial!important; }

/* end team */

/* team vs team alignment */ .vs-align-outer { display: flex; white-space: nowrap; } .vs-align-left, .vs-align-right, .vs-align-vs { display: inline-block; width: auto } .vs-align-left, .vs-align-right { flex-basis: 50%; } .vs-align-left { text-align: right; } .vs-align-right { text-align: left; } @media screen and (max-width:480px) { .vs-align-outer .teamname { display: none; }	.vs-align-outer .teamimage-right, .vs-align-outer .teamimage-left { margin:0; } } /* end vs alignment */