Merge pull request #59 from msikma/ribbons

Add support for ribbons

data/inventory.json

@@ -1,118 +0,0 @@
-{
-  "item-groups": {
-    "apricorn": {
-      "name": "Apricorns"
-    },
-    "av-candy": {
-      "name": "AV candy"
-    },
-    "ball": {
-      "name": "Poké balls"
-    },
-    "battle-item": {
-      "name": "Battle items"
-    },
-    "berry": {
-      "name": "Berries"
-    },
-    "body-style": {
-      "name": "Body styles"
-    },
-    "curry-ingredient": {
-      "name": "Curry ingredients"
-    },
-    "etc": {
-      "name": "Et cetera"
-    },
-    "ev-item": {
-      "name": "EV-enhancing items"
-    },
-    "evo-item": {
-      "name": "Evolution items"
-    },
-    "exp-candy": {
-      "name": "Experience candy"
-    },
-    "flute": {
-      "name": "Flutes"
-    },
-    "fossil": {
-      "name": "Fossils"
-    },
-    "gem": {
-      "name": "Gems"
-    },
-    "hm": {
-      "name": "HMs (Hidden Machines)"
-    },
-    "hold-item": {
-      "name": "Held items"
-    },
-    "incense": {
-      "name": "Incense"
-    },
-    "key-item": {
-      "name": "Key items"
-    },
-    "mail": {
-      "name": "Mail"
-    },
-    "medicine": {
-      "name": "Medicine"
-    },
-    "mega-stone": {
-      "name": "Mega Stones"
-    },
-    "memory": {
-      "name": "Memory"
-    },
-    "mint": {
-      "name": "Mints"
-    },
-    "mulch": {
-      "name": "Mulch"
-    },
-    "other-item": {
-      "name": "Other items"
-    },
-    "partner-gift": {
-      "name": "Partner gifts"
-    },
-    "petal": {
-      "name": "Petals"
-    },
-    "plate": {
-      "name": "Plates"
-    },
-    "poke-candy": {
-      "name": "Poké candy"
-    },
-    "roto": {
-      "name": "Rotom powers"
-    },
-    "scarf": {
-      "name": "Scarves"
-    },
-    "shard": {
-      "name": "Shards"
-    },
-    "storage": {
-      "name": "Storage"
-    },
-    "tm": {
-      "name": "TMs (Technical Machines)"
-    },
-    "tr": {
-      "name": "TRs (Technical Records)"
-    },
-    "valuable-item": {
-      "name": "Valuable items"
-    },
-    "wonder-launcher": {
-      "name": "Wonder Launcher items"
-    },
-    "z-crystals": {
-      "name": "Z-crystals"
-    }
-  }
-}

data/meta.json

@@ -0,0 +1,206 @@
+{
+  "item-groups": {
+    "apricorn": {
+      "name": {
+        "eng": "Apricorns"
+      }
+    },
+    "av-candy": {
+      "name": {
+        "eng": "AV candy"
+      }
+    },
+    "ball": {
+      "name": {
+        "eng": "Poké balls"
+      }
+    },
+    "battle-item": {
+      "name": {
+        "eng": "Battle items"
+      }
+    },
+    "berry": {
+      "name": {
+        "eng": "Berries"
+      }
+    },
+    "body-style": {
+      "name": {
+        "eng": "Body styles"
+      }
+    },
+    "curry-ingredient": {
+      "name": {
+        "eng": "Curry ingredients"
+      }
+    },
+    "etc": {
+      "name": {
+        "eng": "Et cetera"
+      }
+    },
+    "ev-item": {
+      "name": {
+        "eng": "EV-enhancing items"
+      }
+    },
+    "evo-item": {
+      "name": {
+        "eng": "Evolution items"
+      }
+    },
+    "exp-candy": {
+      "name": {
+        "eng": "Experience candy"
+      }
+    },
+    "flute": {
+      "name": {
+        "eng": "Flutes"
+      }
+    },
+    "fossil": {
+      "name": {
+        "eng": "Fossils"
+      }
+    },
+    "gem": {
+      "name": {
+        "eng": "Gems"
+      }
+    },
+    "hm": {
+      "name": {
+        "eng": "HMs (Hidden Machines)"
+      }
+    },
+    "hold-item": {
+      "name": {
+        "eng": "Held items"
+      }
+    },
+    "incense": {
+      "name": {
+        "eng": "Incense"
+      }
+    },
+    "key-item": {
+      "name": {
+        "eng": "Key items"
+      }
+    },
+    "mail": {
+      "name": {
+        "eng": "Mail"
+      }
+    },
+    "medicine": {
+      "name": {
+        "eng": "Medicine"
+      }
+    },
+    "mega-stone": {
+      "name": {
+        "eng": "Mega Stones"
+      }
+    },
+    "memory": {
+      "name": {
+        "eng": "Memory"
+      }
+    },
+    "mint": {
+      "name": {
+        "eng": "Mints"
+      }
+    },
+    "mulch": {
+      "name": {
+        "eng": "Mulch"
+      }
+    },
+    "other-item": {
+      "name": {
+        "eng": "Other items"
+      }
+    },
+    "partner-gift": {
+      "name": {
+        "eng": "Partner gifts"
+      }
+    },
+    "petal": {
+      "name": {
+        "eng": "Petals"
+      }
+    },
+    "plate": {
+      "name": {
+        "eng": "Plates"
+      }
+    },
+    "poke-candy": {
+      "name": {
+        "eng": "Poké candy"
+      }
+    },
+    "roto": {
+      "name": {
+        "eng": "Rotom powers"
+      }
+    },
+    "scarf": {
+      "name": {
+        "eng": "Scarves"
+      }
+    },
+    "shard": {
+      "name": {
+        "eng": "Shards"
+      }
+    },
+    "storage": {
+      "name": {
+        "eng": "Storage"
+      }
+    },
+    "tm": {
+      "name": {
+        "eng": "TMs (Technical Machines)"
+      }
+    },
+    "tr": {
+      "name": {
+        "eng": "TRs (Technical Records)"
+      }
+    },
+    "valuable-item": {
+      "name": {
+        "eng": "Valuable items"
+      }
+    },
+    "wonder-launcher": {
+      "name": {
+        "eng": "Wonder Launcher items"
+      }
+    },
+    "z-crystals": {
+      "name": {
+        "eng": "Z-crystals"
+      }
+    }
+  },
+  "misc-groups": {
+    "body-style": {
+      "name": {
+        "eng": "Body styles (shape)"
+      }
+    },
+    "ribbon": {
+      "name": {
+        "eng": "Ribbons"
+      }
+    }
+  }
+}

docs/index.html

@@ -5,7 +5,7 @@
     <title>PokéSprite - Index</title>
     <!--
     PokéSprite - Documentation page
-    pokesprite-images v2.0.4 master-345 [182a9cc5]
+    pokesprite-images v2.0.4 HEAD-350 [091ac9a6]
 
     (；ﾟ～ﾟ)ゝ”
     -->
@@ -17,7 +17,7 @@
       <div class="text-section">
         <h1 class="title"><img class="p" src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/shiny/venusaur.png" alt="Shiny Venusaur" />PokéSprite</h1>
         <h2 class="subtitle">Database project of box and inventory sprites from the Pokémon core series games</h2>
-        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="curr">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="">Inventory</a></li></ul>
+        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="curr">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="">Inventory</a></li><li><a href="https://msikma.github.io/pokesprite/overview/misc.html" class="">Miscellaneous</a></li></ul>
         <p><img class="banner" src="https://raw.githubusercontent.com/msikma/pokesprite/master/resources/images/banner_gen8_2x.png" width="726" /></p>
         <p>See the <a href="https://github.com/msikma/pokesprite">project page on Github</a> for more information.</a></p>
         <h3>Legacy images</h3>

docs/overview/dex-gen7.html

@@ -5,7 +5,7 @@
     <title>PokéSprite - Gen 7</title>
     <!--
     PokéSprite - Documentation page
-    pokesprite-images v2.0.4 master-345 [182a9cc5]
+    pokesprite-images v2.0.4 HEAD-350 [091ac9a6]
 
     (；ﾟ～ﾟ)ゝ”
     -->
@@ -17,7 +17,7 @@
       <div class="text-section">
         <h1 class="title"><img class="p" src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/shiny/venusaur.png" alt="Shiny Venusaur" />PokéSprite</h1>
         <h2 class="subtitle">Database project of box and inventory sprites from the Pokémon core series games</h2>
-        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="curr">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="">Inventory</a></li></ul>
+        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="curr">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="">Inventory</a></li><li><a href="https://msikma.github.io/pokesprite/overview/misc.html" class="">Miscellaneous</a></li></ul>
         
     <p>This table lists all Pokémon box sprites for <strong>Gen 7</strong>, which can be found in the <a href="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen7x"><code>pokemon-gen7x</code></a> directory. The list is up-to-date as of Pokémon Sword/Shield, and some of the sprites are from an earlier generation. All shiny sprites were custom-made and are not found in-game.</p>
     <p>All box sprites are 68×56 as of Gen 8; the old Gen 7 sprites have been updated to the new size and contrast. (The original 40×30 sprites from Gen 7 are still available <a href="https://github.com/msikma/pokesprite/tree/master/icons">in the legacy sprites directory</a>.)</p>
@@ -30,7 +30,7 @@
       </div>
       <table class="pokesprite gen7">
         <thead>
-<tr class="title"><th></th><th colspan="10">Gen 7 sprite overview table<br /><span>pokesprite-images v2.0.4 master-345 [182a9cc5]</span></th></tr>
+<tr class="title"><th></th><th colspan="10">Gen 7 sprite overview table<br /><span>pokesprite-images v2.0.4 HEAD-350 [091ac9a6]</span></th></tr>
 <tr class="header"><th>#</th><th>Dex</th><th>Name</th><th colspan="2">名前/ローマ字</th><th colspan="2">Sprites</th><th colspan="3">Form</th><th>Slug</th></tr>
 </thead>
 <tbody>

docs/overview/dex-gen8-new.html

@@ -5,7 +5,7 @@
     <title>PokéSprite - Gen 8 (new sprites only)</title>
     <!--
     PokéSprite - Documentation page
-    pokesprite-images v2.0.4 master-345 [182a9cc5]
+    pokesprite-images v2.0.4 HEAD-350 [091ac9a6]
 
     (；ﾟ～ﾟ)ゝ”
     -->
@@ -17,7 +17,7 @@
       <div class="text-section">
         <h1 class="title"><img class="p" src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/shiny/venusaur.png" alt="Shiny Venusaur" />PokéSprite</h1>
         <h2 class="subtitle">Database project of box and inventory sprites from the Pokémon core series games</h2>
-        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="curr">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="">Inventory</a></li></ul>
+        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="curr">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="">Inventory</a></li><li><a href="https://msikma.github.io/pokesprite/overview/misc.html" class="">Miscellaneous</a></li></ul>
         
     <p>This table lists all Pokémon box sprites for <strong>Gen 8 (new sprites only)</strong>, which can be found in the <a href="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8"><code>pokemon-gen8</code></a> directory. The list is up-to-date as of Pokémon Sword/Shield, and some of the sprites are from an earlier generation. All shiny sprites were custom-made and are not found in-game.</p>
     <p>All box sprites are 68×56 as of Gen 8; the old Gen 7 sprites have been updated to the new size and contrast. (The original 40×30 sprites from Gen 7 are still available <a href="https://github.com/msikma/pokesprite/tree/master/icons">in the legacy sprites directory</a>.)</p>
@@ -30,7 +30,7 @@
       </div>
       <table class="pokesprite gen8">
         <thead>
-<tr class="title"><th></th><th colspan="10">Gen 8 sprite overview table (new sprites only)<br /><span>pokesprite-images v2.0.4 master-345 [182a9cc5]</span></th></tr>
+<tr class="title"><th></th><th colspan="10">Gen 8 sprite overview table (new sprites only)<br /><span>pokesprite-images v2.0.4 HEAD-350 [091ac9a6]</span></th></tr>
 <tr class="header"><th>#</th><th>Dex</th><th>Name</th><th colspan="2">名前/ローマ字</th><th colspan="2">Sprites</th><th colspan="3">Form</th><th>Slug</th></tr>
 </thead>
 <tbody>

docs/overview/dex-gen8.html

@@ -5,7 +5,7 @@
     <title>PokéSprite - Gen 8</title>
     <!--
     PokéSprite - Documentation page
-    pokesprite-images v2.0.4 master-345 [182a9cc5]
+    pokesprite-images v2.0.4 HEAD-350 [091ac9a6]
 
     (；ﾟ～ﾟ)ゝ”
     -->
@@ -17,7 +17,7 @@
       <div class="text-section">
         <h1 class="title"><img class="p" src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/shiny/venusaur.png" alt="Shiny Venusaur" />PokéSprite</h1>
         <h2 class="subtitle">Database project of box and inventory sprites from the Pokémon core series games</h2>
-        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="curr">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="">Inventory</a></li></ul>
+        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="curr">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="">Inventory</a></li><li><a href="https://msikma.github.io/pokesprite/overview/misc.html" class="">Miscellaneous</a></li></ul>
         
     <p>This table lists all Pokémon box sprites for <strong>Gen 8</strong>, which can be found in the <a href="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8"><code>pokemon-gen8</code></a> directory. The list is up-to-date as of Pokémon Sword/Shield, and some of the sprites are from an earlier generation. All shiny sprites were custom-made and are not found in-game.</p>
     <p>All box sprites are 68×56 as of Gen 8; the old Gen 7 sprites have been updated to the new size and contrast. (The original 40×30 sprites from Gen 7 are still available <a href="https://github.com/msikma/pokesprite/tree/master/icons">in the legacy sprites directory</a>.)</p>
@@ -30,7 +30,7 @@
       </div>
       <table class="pokesprite gen8">
         <thead>
-<tr class="title"><th></th><th colspan="10">Gen 8 sprite overview table<br /><span>pokesprite-images v2.0.4 master-345 [182a9cc5]</span></th></tr>
+<tr class="title"><th></th><th colspan="10">Gen 8 sprite overview table<br /><span>pokesprite-images v2.0.4 HEAD-350 [091ac9a6]</span></th></tr>
 <tr class="header"><th>#</th><th>Dex</th><th>Name</th><th colspan="2">名前/ローマ字</th><th colspan="2">Sprites</th><th colspan="3">Form</th><th>Slug</th></tr>
 </thead>
 <tbody>

docs/overview/inventory.html

@@ -5,7 +5,7 @@
     <title>PokéSprite - Gen None</title>
     <!--
     PokéSprite - Documentation page
-    pokesprite-images v2.0.4 master-345 [182a9cc5]
+    pokesprite-images v2.0.4 HEAD-350 [091ac9a6]
 
     (；ﾟ～ﾟ)ゝ”
     -->
@@ -17,7 +17,7 @@
       <div class="text-section">
         <h1 class="title"><img class="p" src="https://raw.githubusercontent.com/msikma/pokesprite/master/pokemon-gen8/shiny/venusaur.png" alt="Shiny Venusaur" />PokéSprite</h1>
         <h2 class="subtitle">Database project of box and inventory sprites from the Pokémon core series games</h2>
-        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="curr">Inventory</a></li></ul>
+        <ul class="menu"><li><a href="https://msikma.github.io/pokesprite/index.html" class="">Index</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen7.html" class="">Gen 7</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8.html" class="">Gen 8</a></li><li><a href="https://msikma.github.io/pokesprite/overview/dex-gen8-new.html" class="">Gen 8 (New sprites)</a></li><li><a href="https://msikma.github.io/pokesprite/overview/inventory.html" class="curr">Inventory</a></li><li><a href="https://msikma.github.io/pokesprite/overview/misc.html" class="">Miscellaneous</a></li></ul>
         
     <p>This table lists all inventory item sprites. These items are from the last several games and is up-to-date as of Pokémon Sword/Shield. The sprites are from Gen 3 through 8.</p>
     <p>All sprites are 32×32 in size. There are sets of sprites: one with a Sword/Shield style white outline around the sprites, and one without (as all previous games). Both sets contain the same number of sprites.</p>
@@ -26,7 +26,7 @@
       </div>
       <table class="pokesprite genNone">
         <thead>
-<tr class="title"><th></th><th colspan="11">Inventory sprite overview table<br /><span>pokesprite-images v2.0.4 master-345 [182a9cc5]</span></th></tr>
+<tr class="title"><th></th><th colspan="11">Inventory sprite overview table<br /><span>pokesprite-images v2.0.4 HEAD-350 [091ac9a6]</span></th></tr>
 <tr class="header"><th>#</th><th>Item ID</th><th>Name</th><th colspan="2">Sprites</th><th>Group</th><th colspan="2">Filename/notes</th></tr>
 </thead>
 <tbody>

docs/resources/gh-markdown.css

@@ -1,4 +1,8 @@
-/** Github markdown styling (minimized) - plus some small adjustments for PokéSprite */
+/**
+ * Github markdown styling
+ *
+ * Minimized and with some modifications.
+ */
 
 :root {
   --gh-black: #24292e;
@@ -274,7 +278,7 @@
 .markdown-body table,
 .markdown-body ul {
   margin-bottom: 16px;
-  margin-top: 0;
+  margin-top: 16px;
 }
 
 .markdown-body hr {
@@ -421,7 +425,8 @@
   border-top: 1px solid var(--shade-5);
 }
 
-.markdown-body table tr:nth-child(2n) {
+.markdown-body table tbody:not(.alternating) tr:nth-child(2n),
+.markdown-body table tbody.alternating:nth-child(2n) tr {
   background-color: var(--shade-2);
 }
 
@@ -586,167 +591,3 @@
 .markdown-body .text-section.last {
   padding-bottom: 2em;
 }
-
-/** Sprite overview table */
-
-.markdown-body .pokesprite {
-  width: 100%;
-}
-.markdown-body .pokesprite tr.header th {
-  text-align: left;
-}
-.markdown-body .pokesprite tr.header th,
-.markdown-body .pokesprite tr.header td {
-  white-space: nowrap;
-}
-.markdown-body .pokesprite thead tr.title th {
-  text-align: left;
-  background: var(--shade-0);
-  line-height: 23px !important;
-}
-.markdown-body .pokesprite thead tr.title th span {
-  font-weight: normal;
-  display: block;
-  font-size: smaller;
-  line-height: 1.5;
-  color: var(--shade-7)
-}
-.markdown-body .pokesprite tbody tr:hover td {
-  background: var(--shade-3);
-}
-.markdown-body .pokesprite tbody tr td[rowspan] {
-  background: var(--shade-0);
-}
-.markdown-body .pokesprite tbody tr td.group {
-  font-weight: 500;
-}
-.markdown-body .pokesprite tbody tr td.item-id {
-  padding-bottom: 0;
-}
-.markdown-body .pokesprite tbody tr td.item-id code {
-  display: inline-block;
-  padding-top: 1px;
-}
-.markdown-body .pokesprite tbody attr span {
-  border-bottom: 1px dotted var(--gh-black);
-}
-.markdown-body .pokesprite tbody th,
-.markdown-body .pokesprite tbody td {
-  vertical-align: top;
-  white-space: nowrap;
-  width: 10%;
-}
-.markdown-body .pokesprite tbody td code {
-  padding: 0;
-  background: transparent;
-}
-/* Image no. column */
-.markdown-body .pokesprite tr.header th:first-child,
-.markdown-body .pokesprite tbody td:first-child {
-  text-align: right;
-  width: 1px;
-}
-/* Slug column - the table is designed so this column fills out most of the remaining space. */
-.markdown-body .pokesprite tr.header th:last-child,
-.markdown-body .pokesprite tbody td:last-child {
-  width: 40%;
-}
-/* Form column - contains the form name, and is optionally followed by one or two td.min nodes. */
-.markdown-body .pokesprite tbody td.form {
-  width: 15%;
-}
-.markdown-body .pokesprite tbody td.min {
-  width: 0.1%;
-  text-align: center;
-  font-size: 14px;
-  font-weight: 500;
-}
-.markdown-body .pokesprite tbody td.min.gender-m {
-  color: #0c8bff;
-}
-.markdown-body .pokesprite tbody td.min.gender-f {
-  color: #ff3b60;
-}
-/* Pokémon sprites */
-.markdown-body .pokesprite tbody img {
-  image-rendering: pixelated;
-  image-rendering: crisp-edges;
-  max-width: inherit;
-}
-.markdown-body .pokesprite tbody td.image {
-  padding-left: 0;
-  padding-right: 0;
-  text-align: center;
-  width: 1px;
-}
-.markdown-body .pokesprite tbody td.image.item {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.markdown-body .pokesprite tfoot td {
-  line-height: 23px !important;
-}
-.markdown-body .pokesprite tfoot td span {
-  line-height: 1.5;
-  margin-top: 0.5em;
-  font-size: smaller;
-  font-weight: normal;
-  display: block;
-}
-.markdown-body .pokesprite tfoot td span:first-child {
-  margin-top: 0;
-}
-/* Some magic to get border rounding working. */
-.markdown-body .pokesprite {
-  border-collapse: separate;
-}
-.markdown-body .pokesprite td,
-.markdown-body .pokesprite th {
-  border: none;
-  border-top: 1px solid var(--shade-4);
-  border-left: 1px solid var(--shade-4);
-}
-.markdown-body .pokesprite td:last-child,
-.markdown-body .pokesprite th:last-child {
-  border-right: 1px solid var(--shade-4);
-}
-.markdown-body .pokesprite thead tr:first-child th:first-child {
-  border-top-left-radius: var(--rounding);
-}
-.markdown-body .pokesprite thead tr:first-child th:last-child {
-  border-top-right-radius: var(--rounding);
-}
-.markdown-body .pokesprite tfoot tr:last-child td {
-  border-bottom: 1px solid var(--shade-4);
-}
-.markdown-body .pokesprite tfoot tr:last-child td:first-child {
-  border-bottom-left-radius: var(--rounding);
-}
-.markdown-body .pokesprite tfoot tr:last-child td:last-child {
-  border-bottom-right-radius: var(--rounding);
-}
-
-/* Differences per gen. */
-
-.markdown-body .pokesprite th,
-.markdown-body .pokesprite td {
-  line-height: 23px;
-}
-.markdown-body .pokesprite.gen8 th,
-.markdown-body .pokesprite.gen8 td {
-  line-height: 33px;
-}
-.markdown-body .pokesprite tbody img {
-  display: block;
-  margin-left: auto !important;
-  margin-right: auto !important;
-}
-.markdown-body .pokesprite tbody img.i {
-  margin: 2px 0 0 0;
-}
-.markdown-body .pokesprite tbody img.p {
-  margin: -28px 0 -4px 0;
-}
-.markdown-body .pokesprite.gen8 tbody img.p {
-  margin: -18px 0 -4px 0;
-}

docs/resources/pokesprite-docs.css

@@ -0,0 +1,190 @@
+/**
+ * Sprite overview table
+ *
+ * See gh-markdown.css for variables.
+ */
+
+/* Column sizes */
+.markdown-body .pokesprite {
+  width: min-content;
+  margin: auto;
+}
+.markdown-body .pokesprite tbody th,
+.markdown-body .pokesprite tbody td {
+}
+.markdown-body .pokesprite tbody td.filler {
+  width: 50%;
+}
+/* Slug column - the table is designed so this column fills out most of the remaining space. */
+.markdown-body .pokesprite tr.header th:last-child,
+.markdown-body .pokesprite tbody td:last-child {
+}
+/* Form column - contains the form name, and is optionally followed by one or two td.min nodes. */
+.markdown-body .pokesprite tbody td.form {
+}
+.markdown-body .pokesprite tbody td.min {
+  width: 0.1%;
+}
+.markdown-body .pokesprite tbody td.image {
+  width: 1px;
+}
+
+/* The rest */
+.markdown-body .pokesprite tr.header th {
+  text-align: left;
+  background-color: var(--shade-2);
+}
+.markdown-body .pokesprite tr.header th,
+.markdown-body .pokesprite tr.header td {
+  white-space: nowrap;
+}
+.markdown-body .pokesprite thead tr.title th {
+  text-align: left;
+  background: var(--shade-0);
+  line-height: 23px !important;
+}
+.markdown-body .pokesprite thead tr.title th span {
+  font-weight: normal;
+  display: block;
+  font-size: smaller;
+  line-height: 1.5;
+  color: var(--shade-7)
+}
+.markdown-body .pokesprite tbody tr:hover td {
+  background: var(--shade-3);
+}
+.markdown-body .pokesprite tbody:not(.alternating) tr td[rowspan] {
+  background: var(--shade-0);
+}
+.markdown-body .pokesprite tbody tr td.group {
+  font-weight: 500;
+}
+.markdown-body .pokesprite tbody tr td.item-id {
+  padding-bottom: 0;
+}
+.markdown-body .pokesprite tbody tr td.item-id code {
+  display: inline-block;
+  padding-top: 1px;
+}
+.markdown-body .pokesprite tbody tr.variable-height td {
+  vertical-align: middle;
+}
+.markdown-body .pokesprite tbody attr span {
+  border-bottom: 1px dotted var(--gh-black);
+}
+.markdown-body .pokesprite tbody th,
+.markdown-body .pokesprite tbody td {
+  vertical-align: top;
+  white-space: nowrap;
+}
+.markdown-body .pokesprite tbody td code {
+  padding: 0;
+  background: transparent;
+}
+/* Image no. column */
+.markdown-body .pokesprite tr.header th:first-child,
+.markdown-body .pokesprite tbody td:first-child {
+  text-align: right;
+  width: 1px;
+}
+.markdown-body .pokesprite tbody td.min {
+  text-align: center;
+  font-size: 14px;
+  font-weight: 500;
+}
+.markdown-body .pokesprite tbody td.min.gender-m {
+  color: #0c8bff;
+}
+.markdown-body .pokesprite tbody td.min.gender-f {
+  color: #ff3b60;
+}
+/* Pokémon sprites */
+.markdown-body .pokesprite tbody img {
+  image-rendering: pixelated;
+  image-rendering: crisp-edges;
+  max-width: inherit;
+}
+.markdown-body .pokesprite tbody td.image {
+  padding-left: 0;
+  padding-right: 0;
+  text-align: center;
+}
+.markdown-body .pokesprite tbody td.image.item {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+.markdown-body .pokesprite tfoot td {
+  line-height: 23px !important;
+}
+.markdown-body .pokesprite tfoot td .footnote {
+  line-height: 1.5;
+  font-size: smaller;
+  font-weight: normal;
+  display: block;
+  margin: -0.5em 0;
+}
+.markdown-body .pokesprite tfoot td .footnote > * {
+  margin: 0.5em 0;
+}
+/* Some magic to get border rounding working. */
+.markdown-body .pokesprite {
+  border-collapse: separate;
+}
+.markdown-body .pokesprite td,
+.markdown-body .pokesprite th {
+  border: none;
+  border-top: 1px solid var(--shade-4);
+  border-left: 1px solid var(--shade-4);
+}
+.markdown-body .pokesprite td:last-child,
+.markdown-body .pokesprite th:last-child {
+  border-right: 1px solid var(--shade-4);
+}
+.markdown-body .pokesprite thead tr:first-child th:first-child {
+  border-top-left-radius: var(--rounding);
+}
+.markdown-body .pokesprite thead tr:first-child th:last-child {
+  border-top-right-radius: var(--rounding);
+}
+.markdown-body .pokesprite tfoot tr:last-child td {
+  border-bottom: 1px solid var(--shade-4);
+}
+.markdown-body .pokesprite tfoot tr:last-child td:first-child {
+  border-bottom-left-radius: var(--rounding);
+}
+.markdown-body .pokesprite tfoot tr:last-child td:last-child {
+  border-bottom-right-radius: var(--rounding);
+}
+
+/* Differences per gen. */
+
+.markdown-body .pokesprite th,
+.markdown-body .pokesprite td {
+  line-height: 23px;
+}
+.markdown-body .pokesprite.gen8 th,
+.markdown-body .pokesprite.gen8 td {
+  line-height: 33px;
+}
+.markdown-body .pokesprite tbody img {
+  display: block;
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+.markdown-body .pokesprite tbody img.i {
+  margin: 2px 0 0 0;
+}
+.markdown-body .pokesprite tbody img.p {
+  margin: -28px 0 -4px 0;
+}
+.markdown-body .pokesprite.gen8 tbody img.p {
+  margin: -18px 0 -4px 0;
+}
+.markdown-body .pokesprite tbody img.retina-ribbon-gen8,
+.markdown-body .pokesprite tbody img.retina-body-style-gen8 {
+  width: 32px;
+  height: 32px;
+}
+.markdown-body .pokesprite tbody img.retina-ribbon-gen8 {
+  margin: 4px;
+}