Image centered.

iChun · May 27, 2021 · e5d1e24 · e5d1e24
1 parent 198b360
commit e5d1e24
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/docs/gettingstarted/index.md b/docs/gettingstarted/index.md
@@ -20,6 +20,6 @@ First Launch
 
 When launching CCI on the client for the first time, you should be prompted with a toast asking if you would like to set up the mod.
 
-![We made the arrows green so you could see them over the red 1.16 background](./images/firstlaunch.png)
+![We made the arrows green so you could see them over the red 1.16 background](./images/firstlaunch.png){: class="img_center"}
 
 Clicking on the CCI button (in the green circle) should open up the First Launch Wizard.
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -23,6 +23,7 @@ markdown_extensions:
   - admonition
   - smarty
   - sane_lists
+  - attr_list
   - pymdownx.superfences
   - pymdownx.highlight:
       use_pygments: false

diff --git a/theme/base.html b/theme/base.html
@@ -13,6 +13,7 @@
     <link rel="stylesheet" href="https://use.fontawesome.com/a1f20be65b.css">
     <link rel="stylesheet" href="{{ base_url }}/css/styles_dark.css?version=2" data-theme="dark">
     <link rel="stylesheet" href="{{ base_url }}/css/styles_light.css?version=2" data-theme="light">
+    <link rel="stylesheet" href="{{ base_url }}/css/img_center.css">
 
     {% for path in extra_css %}
     <link href="{{ path }}" rel="stylesheet">

diff --git a/theme/css/img_center.css b/theme/css/img_center.css
@@ -0,0 +1,6 @@
+.img_center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 95%;
+}