From 14c248b460bbf6f510f2127e0924fd15c8b4d8cc Mon Sep 17 00:00:00 2001
From: Lephenixnoir <sebastien.michelland@protonmail.com>
Date: Sun, 22 Mar 2020 22:39:04 +0100
Subject: [PATCH] =?UTF-8?q?imitate=20Plan=C3=A8te=20Casio's=20style=20in?=
 =?UTF-8?q?=20the=20previewer?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 html-preview.html | 23 ++++++++++++++++++++++-
 tutorial.css      |  6 ++++++
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/html-preview.html b/html-preview.html
index cb9cd34..42b7235 100644
--- a/html-preview.html
+++ b/html-preview.html
@@ -26,9 +26,30 @@
         margin: 8px 8px 8px 0;
         padding: 8px;
         background: white;
-        background: #f4f6f2;
         overflow: auto;
       }
+
+      /* Style inherited from Planète Casio */
+
+      body {
+        font-size: 13px;
+        font-family: "Arial", "Verdana";
+        line-height: 1.428571429;
+      }
+      h1 {
+        color: #be1818;
+        font-weight: bold;
+        font-size: 23px;
+      }
+      h2 {
+        color: #be1818;
+        font-weight: bold;
+        font-size: 18px;
+      }
+      h3 {
+        font-weight: bold;
+        font-size: 17px;
+      }
     </style>
   </head>
 
diff --git a/tutorial.css b/tutorial.css
index 7494465..f3d8080 100644
--- a/tutorial.css
+++ b/tutorial.css
@@ -3,3 +3,9 @@ div.correct {
   padding: 8px;
   margin-top: 8px;
 }
+
+figure img {
+	border: 2px solid #e0e0e0;
+	border-radius: 2px;
+	padding: 2px;
+}