Template:CharSelect/style.css

Template page
.char-select {
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   margin-top: 0.8em;
}

.char-select > div {
   margin-bottom: 1.8em;
   width: 86px;
   position: relative;
}

.char-select-text {
   white-space: nowrap;
   line-height: initial;
   /**
    * Not using text-align to center here because we want the long
    * text ("Master Raven") to overflow a bit, and text-align doesn't
    * center this
    **/
   text-align: left;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
}

.char-select-img a {
   margin: 0 auto;
   height: 129px;
   width: 86px;
   display: block;
}

.char-select-img img {
/** in MediaWiki:Common.css
 * background-image: url('/w/skins/Tekken/character-select-spritesheet-v2-602w.webp');
 */
   background-repeat: no-repeat;
   background-position: 200%;
}
.char-select-img.armor-king img {
   background-position: -0px -0px !important;
}
.char-select-img.anna img {
   background-position: -86px -0px !important;
}
.char-select-img.shaheen img {
   background-position: -172px -0px !important;
}
.char-select-img.alisa img {
   background-position: -258px -0px !important;
}
.char-select-img.asuka img {
   background-position: -344px -0px !important;
}
.char-select-img.bob img {
   background-position: -430px -0px !important;
}
.char-select-img.bryan img {
   background-position: -516px -0px !important;
}
.char-select-img.gigas img {
   background-position: -0px -129px !important;
}
.char-select-img.lucky-chloe img {
   background-position: -86px -129px !important;
}
.char-select-img.dragunov img {
   background-position: -172px -129px !important;
}
.char-select-img.devil-jin img {
   background-position: -258px -129px !important;
}
.char-select-img.eddy img {
   background-position: -344px -129px !important;
}
.char-select-img.eliza img {
   background-position: -430px -129px !important;
}
.char-select-img.feng img {
   background-position: -516px -129px !important;
}
.char-select-img.master-raven img {
   background-position: -0px -258px !important;
}
.char-select-img.ganryu img {
   background-position: -86px -258px !important;
}
.char-select-img.heihachi img {
   background-position: -172px -258px !important;
}
.char-select-img.hwoarang img {
   background-position: -258px -258px !important;
}
.char-select-img.claudio img {
   background-position: -344px -258px !important;
}
.char-select-img.jack-7 img {
   background-position: -430px -258px !important;
}
.char-select-img.jin img {
   background-position: -516px -258px !important;
}
.char-select-img.julia img {
   background-position: -0px -387px !important;
}
.char-select-img.kazuya img {
   background-position: -86px -387px !important;
}
.char-select-img.king img {
   background-position: -172px -387px !important;
}
.char-select-img.kunimitsu img {
   background-position: -258px -387px !important;
}
.char-select-img.kuma img {
   background-position: -344px -387px !important;
}
.char-select-img.kazumi img {
   background-position: -430px -387px !important;
}
.char-select-img.lars img {
   background-position: -516px -387px !important;
}
.char-select-img.law img {
   background-position: -0px -516px !important;
}
.char-select-img.lee img {
   background-position: -86px -516px !important;
}
.char-select-img.lei img {
   background-position: -172px -516px !important;
}
.char-select-img.leo img {
   background-position: -258px -516px !important;
}
.char-select-img.lili img {
   background-position: -344px -516px !important;
}
.char-select-img.katarina img {
   background-position: -430px -516px !important;
}
.char-select-img.marduk img {
   background-position: -516px -516px !important;
}
.char-select-img.miguel img {
   background-position: -0px -645px !important;
}
.char-select-img.akuma img {
   background-position: -86px -645px !important;
}
.char-select-img.geese img {
   background-position: -172px -645px !important;
}
.char-select-img.noctis img {
   background-position: -258px -645px !important;
}
.char-select-img.josie img {
   background-position: -344px -645px !important;
}
.char-select-img.nina img {
   background-position: -430px -645px !important;
}
.char-select-img.negan img {
   background-position: -516px -645px !important;
}
.char-select-img.leroy img {
   background-position: -0px -774px !important;
}
.char-select-img.fahkumram img {
   background-position: -86px -774px !important;
}
.char-select-img.paul img {
   background-position: -172px -774px !important;
}
.char-select-img.steve img {
   background-position: -258px -774px !important;
}
.char-select-img.xiaoyu img {
   background-position: -344px -774px !important;
}
.char-select-img.yoshimitsu img {
   background-position: -430px -774px !important;
}
.char-select-img.zafina img {
   background-position: -516px -774px !important;
}