SHARE
TWEET

Pokemon GO Spritesheet CSS

a guest Jul 16th, 2016 33 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /**
  2.  * Modified from this post: https://www.reddit.com/r/pokemongo/comments/4stj8m/pokemon_go_sprite/
  3.  */
  4.  
  5. .pkm {
  6.   background: url('../img/pkm_full.png'); /* Image: http://i.imgur.com/wA1i2qd.png */
  7.   width: 128px;
  8.   height: 128px;
  9. }
  10.  
  11. .pkm.small { zoom: 0.75; }
  12. .pkm.mini  { zoom: 0.50; }
  13. .pkm.micro { zoom: 0.25; }
  14.  
  15. .pkm.pkm-001 { background-position:    -0px    -0px; } /* Bulbasaur */
  16. .pkm.pkm-002 { background-position:  -128px    -0px; } /* Ivysaur */
  17. .pkm.pkm-003 { background-position:  -256px    -0px; } /* Venusaur */
  18. .pkm.pkm-004 { background-position:  -384px    -0px; } /* Charmander */
  19. .pkm.pkm-005 { background-position:  -512px    -0px; } /* Charmeleon */
  20. .pkm.pkm-006 { background-position:  -640px    -0px; } /* Charizard */
  21. .pkm.pkm-007 { background-position:  -768px    -0px; } /* Squirtle */
  22. .pkm.pkm-008 { background-position:  -896px    -0px; } /* Wartortle */
  23. .pkm.pkm-009 { background-position: -1024px    -0px; } /* Blastoise */
  24. .pkm.pkm-010 { background-position: -1152px    -0px; } /* Caterpie */
  25. .pkm.pkm-011 { background-position:    -0px  -128px; } /* Metapod */
  26. .pkm.pkm-012 { background-position:  -128px  -128px; } /* Butterfree */
  27. .pkm.pkm-013 { background-position:  -256px  -128px; } /* Weedle */
  28. .pkm.pkm-014 { background-position:  -384px  -128px; } /* Kakuna */
  29. .pkm.pkm-015 { background-position:  -512px  -128px; } /* Beedrill */
  30. .pkm.pkm-016 { background-position:  -640px  -128px; } /* Pidgey */
  31. .pkm.pkm-017 { background-position:  -768px  -128px; } /* Pidgeotto */
  32. .pkm.pkm-018 { background-position:  -896px  -128px; } /* Pidgeot */
  33. .pkm.pkm-019 { background-position: -1024px  -128px; } /* Rattata */
  34. .pkm.pkm-020 { background-position: -1152px  -128px; } /* Raticate */
  35. .pkm.pkm-021 { background-position:    -0px  -256px; } /* Spearow */
  36. .pkm.pkm-022 { background-position:  -128px  -256px; } /* Fearow */
  37. .pkm.pkm-023 { background-position:  -256px  -256px; } /* Ekans */
  38. .pkm.pkm-024 { background-position:  -384px  -256px; } /* Arbok */
  39. .pkm.pkm-025 { background-position:  -512px  -256px; } /* Pikachu */
  40. .pkm.pkm-026 { background-position:  -640px  -256px; } /* Raichu */
  41. .pkm.pkm-027 { background-position:  -768px  -256px; } /* Sandshrew */
  42. .pkm.pkm-028 { background-position:  -896px  -256px; } /* Sandslash */
  43. .pkm.pkm-029 { background-position: -1024px  -256px; } /* Nidoran♀ */
  44. .pkm.pkm-030 { background-position: -1152px  -256px; } /* Nidorina */
  45. .pkm.pkm-031 { background-position:    -0px  -384px; } /* Nidoqueen */
  46. .pkm.pkm-032 { background-position:  -128px  -384px; } /* Nidoran♂ */
  47. .pkm.pkm-033 { background-position:  -256px  -384px; } /* Nidorino */
  48. .pkm.pkm-034 { background-position:  -384px  -384px; } /* Nidoking */
  49. .pkm.pkm-035 { background-position:  -512px  -384px; } /* Clefairy */
  50. .pkm.pkm-036 { background-position:  -640px  -384px; } /* Clefable */
  51. .pkm.pkm-037 { background-position:  -768px  -384px; } /* Vulpix */
  52. .pkm.pkm-038 { background-position:  -896px  -384px; } /* Ninetales */
  53. .pkm.pkm-039 { background-position: -1024px  -384px; } /* Jigglypuff */
  54. .pkm.pkm-040 { background-position: -1152px  -384px; } /* Wigglytuff */
  55. .pkm.pkm-041 { background-position:    -0px  -512px; } /* Zubat */
  56. .pkm.pkm-042 { background-position:  -128px  -512px; } /* Golbat */
  57. .pkm.pkm-043 { background-position:  -256px  -512px; } /* Oddish */
  58. .pkm.pkm-044 { background-position:  -384px  -512px; } /* Gloom */
  59. .pkm.pkm-045 { background-position:  -512px  -512px; } /* Vileplume */
  60. .pkm.pkm-046 { background-position:  -640px  -512px; } /* Paras */
  61. .pkm.pkm-047 { background-position:  -768px  -512px; } /* Parasect */
  62. .pkm.pkm-048 { background-position:  -896px  -512px; } /* Venonat */
  63. .pkm.pkm-049 { background-position: -1024px  -512px; } /* Venomoth */
  64. .pkm.pkm-050 { background-position: -1152px  -512px; } /* Diglett */
  65. .pkm.pkm-051 { background-position:    -0px  -640px; } /* Dugtrio */
  66. .pkm.pkm-052 { background-position:  -128px  -640px; } /* Meowth */
  67. .pkm.pkm-053 { background-position:  -256px  -640px; } /* Persian */
  68. .pkm.pkm-054 { background-position:  -384px  -640px; } /* Psyduck */
  69. .pkm.pkm-055 { background-position:  -512px  -640px; } /* Golduck */
  70. .pkm.pkm-056 { background-position:  -640px  -640px; } /* Mankey */
  71. .pkm.pkm-057 { background-position:  -768px  -640px; } /* Primeape */
  72. .pkm.pkm-058 { background-position:  -896px  -640px; } /* Growlithe */
  73. .pkm.pkm-059 { background-position: -1024px  -640px; } /* Arcanine */
  74. .pkm.pkm-060 { background-position: -1152px  -640px; } /* Poliwag */
  75. .pkm.pkm-061 { background-position:    -0px  -768px; } /* Poliwhirl */
  76. .pkm.pkm-062 { background-position:  -128px  -768px; } /* Poliwrath */
  77. .pkm.pkm-063 { background-position:  -256px  -768px; } /* Abra */
  78. .pkm.pkm-064 { background-position:  -384px  -768px; } /* Kadabra */
  79. .pkm.pkm-065 { background-position:  -512px  -768px; } /* Alakazam */
  80. .pkm.pkm-066 { background-position:  -640px  -768px; } /* Machop */
  81. .pkm.pkm-067 { background-position:  -768px  -768px; } /* Machoke */
  82. .pkm.pkm-068 { background-position:  -896px  -768px; } /* Machamp */
  83. .pkm.pkm-069 { background-position: -1024px  -768px; } /* Bellsprout */
  84. .pkm.pkm-070 { background-position: -1152px  -768px; } /* Weepinbell */
  85. .pkm.pkm-071 { background-position:    -0px  -896px; } /* Victreebel */
  86. .pkm.pkm-072 { background-position:  -128px  -896px; } /* Tentacool */
  87. .pkm.pkm-073 { background-position:  -256px  -896px; } /* Tentacruel */
  88. .pkm.pkm-074 { background-position:  -384px  -896px; } /* Geodude */
  89. .pkm.pkm-075 { background-position:  -512px  -896px; } /* Graveler */
  90. .pkm.pkm-076 { background-position:  -640px  -896px; } /* Golem */
  91. .pkm.pkm-077 { background-position:  -768px  -896px; } /* Ponyta */
  92. .pkm.pkm-078 { background-position:  -896px  -896px; } /* Rapidash */
  93. .pkm.pkm-079 { background-position: -1024px  -896px; } /* Slowpoke */
  94. .pkm.pkm-080 { background-position: -1152px  -896px; } /* Slowbro */
  95. .pkm.pkm-081 { background-position:    -0px -1024px; } /* Magnemite */
  96. .pkm.pkm-082 { background-position:  -128px -1024px; } /* Magneton */
  97. .pkm.pkm-083 { background-position:  -256px -1024px; } /* Farfetch’d */
  98. .pkm.pkm-084 { background-position:  -384px -1024px; } /* Doduo */
  99. .pkm.pkm-085 { background-position:  -512px -1024px; } /* Dodrio */
  100. .pkm.pkm-086 { background-position:  -640px -1024px; } /* Seel */
  101. .pkm.pkm-087 { background-position:  -768px -1024px; } /* Dewgong */
  102. .pkm.pkm-088 { background-position:  -896px -1024px; } /* Grimer */
  103. .pkm.pkm-089 { background-position: -1024px -1024px; } /* Muk */
  104. .pkm.pkm-090 { background-position: -1152px -1024px; } /* Shellder */
  105. .pkm.pkm-091 { background-position:    -0px -1152px; } /* Cloyster */
  106. .pkm.pkm-092 { background-position:  -128px -1152px; } /* Gastly */
  107. .pkm.pkm-093 { background-position:  -256px -1152px; } /* Haunter */
  108. .pkm.pkm-094 { background-position:  -384px -1152px; } /* Gengar */
  109. .pkm.pkm-095 { background-position:  -512px -1152px; } /* Onix */
  110. .pkm.pkm-096 { background-position:  -640px -1152px; } /* Drowzee */
  111. .pkm.pkm-097 { background-position:  -768px -1152px; } /* Hypno */
  112. .pkm.pkm-098 { background-position:  -896px -1152px; } /* Krabby */
  113. .pkm.pkm-099 { background-position: -1024px -1152px; } /* Kingler */
  114. .pkm.pkm-100 { background-position: -1152px -1152px; } /* Voltorb */
  115. .pkm.pkm-101 { background-position:    -0px -1280px; } /* Electrode */
  116. .pkm.pkm-102 { background-position:  -128px -1280px; } /* Exeggcute */
  117. .pkm.pkm-103 { background-position:  -256px -1280px; } /* Exeggutor */
  118. .pkm.pkm-104 { background-position:  -384px -1280px; } /* Cubone */
  119. .pkm.pkm-105 { background-position:  -512px -1280px; } /* Marowak */
  120. .pkm.pkm-106 { background-position:  -640px -1280px; } /* Hitmonlee */
  121. .pkm.pkm-107 { background-position:  -768px -1280px; } /* Hitmonchan */
  122. .pkm.pkm-108 { background-position:  -896px -1280px; } /* Lickitung */
  123. .pkm.pkm-109 { background-position: -1024px -1280px; } /* Koffing */
  124. .pkm.pkm-110 { background-position: -1152px -1280px; } /* Weezing */
  125. .pkm.pkm-111 { background-position:    -0px -1408px; } /* Rhyhorn */
  126. .pkm.pkm-112 { background-position:  -128px -1408px; } /* Rhydon */
  127. .pkm.pkm-113 { background-position:  -256px -1408px; } /* Chansey */
  128. .pkm.pkm-114 { background-position:  -384px -1408px; } /* Tangela */
  129. .pkm.pkm-115 { background-position:  -512px -1408px; } /* Kangaskhan */
  130. .pkm.pkm-116 { background-position:  -640px -1408px; } /* Horsea */
  131. .pkm.pkm-117 { background-position:  -768px -1408px; } /* Seadra */
  132. .pkm.pkm-118 { background-position:  -896px -1408px; } /* Goldeen */
  133. .pkm.pkm-119 { background-position: -1024px -1408px; } /* Seaking */
  134. .pkm.pkm-120 { background-position: -1152px -1408px; } /* Staryu */
  135. .pkm.pkm-121 { background-position:    -0px -1536px; } /* Starmie */
  136. .pkm.pkm-122 { background-position:  -128px -1536px; } /* Mr. Mime */
  137. .pkm.pkm-123 { background-position:  -256px -1536px; } /* Scyther */
  138. .pkm.pkm-124 { background-position:  -384px -1536px; } /* Jynx */
  139. .pkm.pkm-125 { background-position:  -512px -1536px; } /* Electabuzz */
  140. .pkm.pkm-126 { background-position:  -640px -1536px; } /* Magmar */
  141. .pkm.pkm-127 { background-position:  -768px -1536px; } /* Pinsir */
  142. .pkm.pkm-128 { background-position:  -896px -1536px; } /* Tauros */
  143. .pkm.pkm-129 { background-position: -1024px -1536px; } /* Magikarp */
  144. .pkm.pkm-130 { background-position: -1152px -1536px; } /* Gyarados */
  145. .pkm.pkm-131 { background-position:    -0px -1664px; } /* Lapras */
  146. .pkm.pkm-132 { background-position:  -128px -1664px; } /* Ditto */
  147. .pkm.pkm-133 { background-position:  -256px -1664px; } /* Eevee */
  148. .pkm.pkm-134 { background-position:  -384px -1664px; } /* Vaporeon */
  149. .pkm.pkm-135 { background-position:  -512px -1664px; } /* Jolteon */
  150. .pkm.pkm-136 { background-position:  -640px -1664px; } /* Flareon */
  151. .pkm.pkm-137 { background-position:  -768px -1664px; } /* Porygon */
  152. .pkm.pkm-138 { background-position:  -896px -1664px; } /* Omanyte */
  153. .pkm.pkm-139 { background-position: -1024px -1664px; } /* Omastar */
  154. .pkm.pkm-140 { background-position: -1152px -1664px; } /* Kabuto */
  155. .pkm.pkm-141 { background-position:    -0px -1792px; } /* Kabutops */
  156. .pkm.pkm-142 { background-position:  -128px -1792px; } /* Aerodactyl */
  157. .pkm.pkm-143 { background-position:  -256px -1792px; } /* Snorlax */
  158. .pkm.pkm-144 { background-position:  -384px -1792px; } /* Articuno */
  159. .pkm.pkm-145 { background-position:  -512px -1792px; } /* Zapdos */
  160. .pkm.pkm-146 { background-position:  -640px -1792px; } /* Moltres */
  161. .pkm.pkm-147 { background-position:  -768px -1792px; } /* Dratini */
  162. .pkm.pkm-148 { background-position:  -896px -1792px; } /* Dragonair */
  163. .pkm.pkm-149 { background-position: -1024px -1792px; } /* Dragonite */
  164. .pkm.pkm-150 { background-position: -1152px -1792px; } /* Mewtwo */
  165. .pkm.pkm-151 { background-position:    -0px -1920px; } /* Mew */
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top