Make modified figure css a separate class

docs/Tools/GraphicsGale/README.md

@@ -1,5 +1,3 @@
-<link rel="stylesheet" href="put_me_in_an_appropiate_folder.css" />
-
 # GraphicsGale
 
 GraphicsGale (also known as Gale) is an image editing program tailored towards pixel art, written by HUMANBALANCE Ltd. The software includes features such as onion skin, real-time preview for GIF animations, batch conversion, and editing Windows icon (ICO) and cursor (CUR) files. GraphicsGale was originally released as paid software in 2004 before being released as freeware in 2017.
@@ -11,19 +9,17 @@ GraphicsGale (also known as Gale) is an image editing program tailored towards p
 
 GraphicsGale was used by Christian Whitehead for handling most graphic assets when working with Retro Engine games, and is still a common choice for sprite editing among RSDK modders. The main reason for this is that, unlike most other graphics editors, GraphicsGale supports indexed color palettes for GIF files, with palette optimization being disabled by default. This allows for easily modifying palettes for spritesheets and saving files without the palettes getting scrambled or merged.
 
-TODO: Is there a better way to make a horizontally aligned images with captions?
-
-<figure markdown>
-![Original color palette](/assets/images/GraphicsGale/Palettes/S1-Sonic1.png)
-<figcaption>Original color palette</figcaption>
+<figure class="uncenter" markdown="span">
+  ![Original color palette](/assets/images/GraphicsGale/Palettes/S1-Sonic1.png)
+  <figcaption>Original color palette</figcaption>
 </figure>
-<figure markdown>
-![Palette after saved through GraphicsGale](/assets/images/GraphicsGale/Palettes/S1-Sonic1.png)
-<figcaption>Palette after saved
-<br>through GraphicsGale</figcaption>
+
+<figure class="uncenter" markdown="span">
+  ![Palette after saved through GraphicsGale](/assets/images/GraphicsGale/Palettes/S1-Sonic1.png)
+  <figcaption>Palette after saved<br>through GraphicsGale</figcaption>
 </figure>
-<figure markdown>
-![Palette after saved through paint.net](/assets/images/GraphicsGale/Palettes/S1-Sonic1-PDN.png)
-<figcaption>Palette after saved
-<br>through paint.net</figcaption>
+
+<figure class="uncenter" markdown="span">
+  ![Palette after saved through paint.net](/assets/images/GraphicsGale/Palettes/S1-Sonic1-PDN.png)
+  <figcaption>Palette after saved<br>through paint.net</figcaption>
 </figure>

docs/rsdk_theme/body.css

@@ -30,4 +30,12 @@
 
 .md-typeset .tabbed-control--prev {
     background: linear-gradient(to right, var(--content-bg-color) 50%, transparent)
+}
+
+.uncenter {
+    text-align: center;
+    max-width: 40%;
+    float: left;
+    margin: 0;
+    padding: 25px;
 }