From fd30647d8045b9d424a2b712467b4545ed607771 Mon Sep 17 00:00:00 2001
From: Marc Riera Irigoyen <marc.riera.irigoyen@gmail.com>
Date: Mon, 22 Aug 2022 00:44:03 +0200
Subject: [PATCH] Fix custom CSS

---
 config.toml                         |  1 -
 layouts/partials/custom-header.html | 30 +++++++++++++++++++++++++++++
 static/css/custom.css               |  9 ---------
 static/css/detail-pages.css         | 13 -------------
 4 files changed, 30 insertions(+), 23 deletions(-)
 create mode 100644 layouts/partials/custom-header.html
 delete mode 100644 static/css/custom.css
 delete mode 100644 static/css/detail-pages.css

diff --git a/config.toml b/config.toml
index d766fd6..5e1f28c 100644
--- a/config.toml
+++ b/config.toml
@@ -11,7 +11,6 @@ collapsibleMenu = true
 disableLandingPageButton = true
 disableShortcutsTitle=true
 disableNextPrev = true
-custom_css = [ "css/custom.css", "css/detail-pages.css" ]
 
 [markup]
   [markup.goldmark]
diff --git a/layouts/partials/custom-header.html b/layouts/partials/custom-header.html
new file mode 100644
index 0000000..5cf6cc7
--- /dev/null
+++ b/layouts/partials/custom-header.html
@@ -0,0 +1,30 @@
+<style type="text/css">
+
+<!-- General -->
+#body .flex-block-wrapper {
+    max-width: 100%;
+    min-width: 100%;
+}
+
+.flex-block-wrapper table {
+    overflow-x: auto;
+    width: 100%;
+}
+
+<!-- Detail pages -->
+
+table #image img {
+    margin: 0;
+    max-width: 190px;
+    max-height: 190px;
+}
+
+table #native {
+    background-color: rgba(189,233,186,.35);
+}
+
+table #partial {
+    background-color: rgba(255,215,140,.35);
+}
+
+</style>
diff --git a/static/css/custom.css b/static/css/custom.css
deleted file mode 100644
index a40b6f8..0000000
--- a/static/css/custom.css
+++ /dev/null
@@ -1,9 +0,0 @@
-#body .flex-block-wrapper {
-    max-width: 100%;
-    min-width: 100%;
-}
-
-.flex-block-wrapper table {
-    overflow-x: auto;
-    width: 100%;
-}
diff --git a/static/css/detail-pages.css b/static/css/detail-pages.css
deleted file mode 100644
index b5fba36..0000000
--- a/static/css/detail-pages.css
+++ /dev/null
@@ -1,13 +0,0 @@
-table #image img {
-    margin: 0;
-    max-width: 190px;
-    max-height: 190px;
-}
-
-table #native {
-    background-color: rgba(189,233,186,.35);
-}
-
-table #partial {
-    background-color: rgba(255,215,140,.35);
-}