Template:Infobox fighter/style.css: Difference between revisions

Template page
m (Update for Lidia)
(Changed css to include heihachi and correct background-positions for new spritesheet)
 
Line 248: Line 248:
.infobox-fighter-img.tekken8.feng img {
.infobox-fighter-img.tekken8.feng img {
   background-position: -149px -91px !important;
   background-position: -149px -91px !important;
}
.infobox-fighter-img.tekken8.heihachi img {
  background-position: -223px -91px !important;
}
}
.infobox-fighter-img.tekken8.hwoarang img {
.infobox-fighter-img.tekken8.hwoarang img {
   background-position: -223px -91px !important;
   background-position: -297px -91px !important;
}
}
.infobox-fighter-img.tekken8.jack-8 img {
.infobox-fighter-img.tekken8.jack-8 img {
   background-position: -297px -91px !important;
   background-position: -371px -91px !important;
}
}
.infobox-fighter-img.tekken8.jin img {
.infobox-fighter-img.tekken8.jin img {
   background-position: -371px -91px !important;
   background-position: -1px -181px !important;
}
}
.infobox-fighter-img.tekken8.jun img {
.infobox-fighter-img.tekken8.jun img {
   background-position: -1px -181px !important;
   background-position: -75px -181px !important;
}
}
.infobox-fighter-img.tekken8.kazuya img {
.infobox-fighter-img.tekken8.kazuya img {
   background-position: -75px -181px !important;
   background-position: -149px -181px !important;
}
}
.infobox-fighter-img.tekken8.king img {
.infobox-fighter-img.tekken8.king img {
   background-position: -149px -181px !important;
   background-position: -223px -181px !important;
}
}
.infobox-fighter-img.tekken8.kuma img {
.infobox-fighter-img.tekken8.kuma img {
   background-position: -223px -181px !important;
   background-position: -297px -181px !important;
}
}
.infobox-fighter-img.tekken8.lars img {
.infobox-fighter-img.tekken8.lars img {
   background-position: -297px -181px !important;
   background-position: -371px -181px !important;
}
}
.infobox-fighter-img.tekken8.law img {
.infobox-fighter-img.tekken8.law img {
   background-position: -371px -181px !important;
   background-position: -1px -271px !important;
}
}
.infobox-fighter-img.tekken8.lee img {
.infobox-fighter-img.tekken8.lee img {
   background-position: -1px -271px !important;
   background-position: -75px -271px !important;
}
}
.infobox-fighter-img.tekken8.leo img {
.infobox-fighter-img.tekken8.leo img {
   background-position: -75px -271px !important;
   background-position: -149px -271px !important;
}
}
.infobox-fighter-img.tekken8.leroy img {
.infobox-fighter-img.tekken8.leroy img {
   background-position: -149px -271px !important;
   background-position: -223px -271px !important;
}
}
.infobox-fighter-img.tekken8.lidia img {
.infobox-fighter-img.tekken8.lidia img {
   background-position: -223px -271px !important;
   background-position: -297px -271px !important;
}
}
.infobox-fighter-img.tekken8.lili img {
.infobox-fighter-img.tekken8.lili img {
   background-position: -297px -271px !important;
   background-position: -371px -271px !important;
}
}
.infobox-fighter-img.tekken8.nina img {
.infobox-fighter-img.tekken8.nina img {
   background-position: -371px -271px !important;
   background-position: -1px -361px !important;
}
}
.infobox-fighter-img.tekken8.panda img {
.infobox-fighter-img.tekken8.panda img {
   background-position: -1px -361px !important;
   background-position: -75px -361px !important;
}
}
.infobox-fighter-img.tekken8.paul img {
.infobox-fighter-img.tekken8.paul img {
   background-position: -75px -361px !important;
   background-position: -149px -361px !important;
}
}
.infobox-fighter-img.tekken8.raven img {
.infobox-fighter-img.tekken8.raven img {
   background-position: -149px -361px !important;
   background-position: -223px -361px !important;
}
}
.infobox-fighter-img.tekken8.reina img {
.infobox-fighter-img.tekken8.reina img {
   background-position: -223px -361px !important;
   background-position: -297px -361px !important;
}
}
.infobox-fighter-img.tekken8.shaheen img {
.infobox-fighter-img.tekken8.shaheen img {
   background-position: -297px -361px !important;
   background-position: -371px -361px !important;
}
}
.infobox-fighter-img.tekken8.steve img {
.infobox-fighter-img.tekken8.steve img {
   background-position: -371px -361px !important;
   background-position: -1px -451px !important;
}
}
.infobox-fighter-img.tekken8.victor img {
.infobox-fighter-img.tekken8.victor img {
   background-position: -1px -451px !important;
   background-position: -75px -451px !important;
}
}
.infobox-fighter-img.tekken8.xiaoyu img {
.infobox-fighter-img.tekken8.xiaoyu img {
   background-position: -75px -451px !important;
   background-position: -149px -451px !important;
}
}
.infobox-fighter-img.tekken8.yoshimitsu img {
.infobox-fighter-img.tekken8.yoshimitsu img {
   background-position: -149px -451px !important;
   background-position: -223px -451px !important;
}
}
.infobox-fighter-img.tekken8.zafina img {
.infobox-fighter-img.tekken8.zafina img {
   background-position: -223px -451px !important;
   background-position: -297px -451px !important;
}
}

Latest revision as of 08:33, 2 October 2024

.infobox-fighter-float {
   position: relative;
}

.infobox-fighter,
.infobox-fighter-backdrop {
   max-width: 300px;
}

.infobox-fighter {
   font-size: 0.9em;
   padding: 0 0 0.5rem 0.5rem;
   border-width: 0 0 3px 1px;
   border-style: solid;
   margin-top: 0.8rem;
   position: relative;
   z-index: 1;
}

.infobox-fighter-backdrop {
   position: absolute;
   bottom: 1.5em;
   z-index: 0;
   padding-left: 0.5rem;
   width: 100%;
   display: flex;
   justify-content: center;
}

.infobox-fighter-backdrop > * {
   width: 95%;
}

.infobox-fighter-backdrop img {
   width: 100%;
   height: auto;
}

table.infobox-fighter {
   display: table;
}

.infobox-fighter .char-select-img {
   display: flex;
   justify-content: center;
}

.infobox-fighter th {
   vertical-align: top;
   text-align: end;
   white-space: nowrap;
}

.infobox-fighter-img {
   display: flex;
   justify-content: center;
}

.infobox-fighter-img img {
   background-image: url('https://wavu.wiki/w/skins/Tekken/t7-charselect-spritesheet-v4-frameless-66x99-2pad.webp');
   background-repeat: no-repeat;
   background-position: 200%;
}

/* Tekken 7 images */

.infobox-fighter-img.akuma img {
   background-position: -1px -1px !important;
}
.infobox-fighter-img.alisa img {
   background-position: -69px -1px !important;
}
.infobox-fighter-img.anna img {
   background-position: -137px -1px !important;
}
.infobox-fighter-img.armor-king img {
   background-position: -205px -1px !important;
}
.infobox-fighter-img.asuka img {
   background-position: -273px -1px !important;
}
.infobox-fighter-img.bob img {
   background-position: -341px -1px !important;
}
.infobox-fighter-img.bryan img {
   background-position: -409px -1px !important;
}
.infobox-fighter-img.claudio img {
   background-position: -477px -1px !important;
}
.infobox-fighter-img.devil-jin img {
   background-position: -1px -102px !important;
}
.infobox-fighter-img.dragunov img {
   background-position: -69px -102px !important;
}
.infobox-fighter-img.eddy img {
   background-position: -137px -102px !important;
}
.infobox-fighter-img.eliza img {
   background-position: -205px -102px !important;
}
.infobox-fighter-img.fahkumram img {
   background-position: -273px -102px !important;
}
.infobox-fighter-img.feng img {
   background-position: -341px -102px !important;
}
.infobox-fighter-img.ganryu img {
   background-position: -409px -102px !important;
}
.infobox-fighter-img.geese img {
   background-position: -477px -102px !important;
}
.infobox-fighter-img.gigas img {
   background-position: -1px -203px !important;
}
.infobox-fighter-img.heihachi img {
   background-position: -69px -203px !important;
}
.infobox-fighter-img.hwoarang img {
   background-position: -137px -203px !important;
}
.infobox-fighter-img.jack-7 img {
   background-position: -205px -203px !important;
}
.infobox-fighter-img.jin img {
   background-position: -273px -203px !important;
}
.infobox-fighter-img.josie img {
   background-position: -341px -203px !important;
}
.infobox-fighter-img.julia img {
   background-position: -409px -203px !important;
}
.infobox-fighter-img.katarina img {
   background-position: -477px -203px !important;
}
.infobox-fighter-img.kazumi img {
   background-position: -1px -304px !important;
}
.infobox-fighter-img.kazuya img {
   background-position: -69px -304px !important;
}
.infobox-fighter-img.king img {
   background-position: -137px -304px !important;
}
.infobox-fighter-img.kuma img {
   background-position: -205px -304px !important;
}
.infobox-fighter-img.kunimitsu img {
   background-position: -273px -304px !important;
}
.infobox-fighter-img.lars img {
   background-position: -341px -304px !important;
}
.infobox-fighter-img.law img {
   background-position: -409px -304px !important;
}
.infobox-fighter-img.lee img {
   background-position: -477px -304px !important;
}
.infobox-fighter-img.lei img {
   background-position: -1px -405px !important;
}
.infobox-fighter-img.leo img {
   background-position: -69px -405px !important;
}
.infobox-fighter-img.leroy img {
   background-position: -137px -405px !important;
}
.infobox-fighter-img.lidia img {
   background-position: -205px -405px !important;
}
.infobox-fighter-img.lili img {
   background-position: -273px -405px !important;
}
.infobox-fighter-img.lucky-chloe img {
   background-position: -341px -405px !important;
}
.infobox-fighter-img.marduk img {
   background-position: -409px -405px !important;
}
.infobox-fighter-img.master-raven img {
   background-position: -477px -405px !important;
}
.infobox-fighter-img.miguel img {
   background-position: -1px -506px !important;
}
.infobox-fighter-img.negan img {
   background-position: -69px -506px !important;
}
.infobox-fighter-img.nina img {
   background-position: -137px -506px !important;
}
.infobox-fighter-img.noctis img {
   background-position: -205px -506px !important;
}
.infobox-fighter-img.paul img {
   background-position: -273px -506px !important;
}
.infobox-fighter-img.shaheen img {
   background-position: -341px -506px !important;
}
.infobox-fighter-img.steve img {
   background-position: -409px -506px !important;
}
.infobox-fighter-img.xiaoyu img {
   background-position: -477px -506px !important;
}
.infobox-fighter-img.yoshimitsu img {
   background-position: -1px -607px !important;
}
.infobox-fighter-img.zafina img {
   background-position: -69px -607px !important;
}

/* Tekken 8 images */

.infobox-fighter-img.tekken8 img {
   background-image: url('https://wavu.wiki/w/images/5/55/T8-spritesheet.webp');
}

.infobox-fighter-img.tekken8.alisa img {
   background-position: -1px -1px !important;
}
.infobox-fighter-img.tekken8.asuka img {
   background-position: -75px -1px !important;
}
.infobox-fighter-img.tekken8.azucena img {
   background-position: -149px -1px !important;
}
.infobox-fighter-img.tekken8.bryan img {
   background-position: -223px -1px !important;
}
.infobox-fighter-img.tekken8.claudio img {
   background-position: -297px -1px !important;
}
.infobox-fighter-img.tekken8.devil-jin img {
   background-position: -371px -1px !important;
}
.infobox-fighter-img.tekken8.dragunov img {
   background-position: -1px -91px !important;
}
.infobox-fighter-img.tekken8.eddy img {
   background-position: -75px -91px !important;
}
.infobox-fighter-img.tekken8.feng img {
   background-position: -149px -91px !important;
}
.infobox-fighter-img.tekken8.heihachi img {
   background-position: -223px -91px !important;
}
.infobox-fighter-img.tekken8.hwoarang img {
   background-position: -297px -91px !important;
}
.infobox-fighter-img.tekken8.jack-8 img {
   background-position: -371px -91px !important;
}
.infobox-fighter-img.tekken8.jin img {
   background-position: -1px -181px !important;
}
.infobox-fighter-img.tekken8.jun img {
   background-position: -75px -181px !important;
}
.infobox-fighter-img.tekken8.kazuya img {
   background-position: -149px -181px !important;
}
.infobox-fighter-img.tekken8.king img {
   background-position: -223px -181px !important;
}
.infobox-fighter-img.tekken8.kuma img {
   background-position: -297px -181px !important;
}
.infobox-fighter-img.tekken8.lars img {
   background-position: -371px -181px !important;
}
.infobox-fighter-img.tekken8.law img {
   background-position: -1px -271px !important;
}
.infobox-fighter-img.tekken8.lee img {
   background-position: -75px -271px !important;
}
.infobox-fighter-img.tekken8.leo img {
   background-position: -149px -271px !important;
}
.infobox-fighter-img.tekken8.leroy img {
   background-position: -223px -271px !important;
}
.infobox-fighter-img.tekken8.lidia img {
   background-position: -297px -271px !important;
}
.infobox-fighter-img.tekken8.lili img {
   background-position: -371px -271px !important;
}
.infobox-fighter-img.tekken8.nina img {
   background-position: -1px -361px !important;
}
.infobox-fighter-img.tekken8.panda img {
   background-position: -75px -361px !important;
}
.infobox-fighter-img.tekken8.paul img {
   background-position: -149px -361px !important;
}
.infobox-fighter-img.tekken8.raven img {
   background-position: -223px -361px !important;
}
.infobox-fighter-img.tekken8.reina img {
   background-position: -297px -361px !important;
}
.infobox-fighter-img.tekken8.shaheen img {
   background-position: -371px -361px !important;
}
.infobox-fighter-img.tekken8.steve img {
   background-position: -1px -451px !important;
}
.infobox-fighter-img.tekken8.victor img {
   background-position: -75px -451px !important;
}
.infobox-fighter-img.tekken8.xiaoyu img {
   background-position: -149px -451px !important;
}
.infobox-fighter-img.tekken8.yoshimitsu img {
   background-position: -223px -451px !important;
}
.infobox-fighter-img.tekken8.zafina img {
   background-position: -297px -451px !important;
}