From 0fc738b03369ac2c333f37865ae2766a42d5ba18 Mon Sep 17 00:00:00 2001
From: Gergely Polonkai <gergely@polonkai.eu>
Date: Mon, 15 Feb 2021 15:46:53 +0100
Subject: [PATCH] Update the site design

Make admonitions look a bit better, and adjust font colours for better visibility
---
 my_theme/static/css/main.css | 26 ++++++++++++++++----------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/my_theme/static/css/main.css b/my_theme/static/css/main.css
index 9bea125..d714914 100644
--- a/my_theme/static/css/main.css
+++ b/my_theme/static/css/main.css
@@ -17,7 +17,7 @@
 /***** Global *****/
 /* Body */
 body {
-    background: #F5F4EF;
+    background: #f0e6e0;
     color: #000305;
     font-size: 100%; /* Base font size: 14px */
     font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
@@ -110,12 +110,6 @@ cite {}
 
 q {}
 
-div.note {
-   margin: 5px;
-   font-size: 85%;
-   max-width: 300px;
-}
-
 /* Tables */
 table {margin: .5em auto 1.5em auto; width: 98%;}
 
@@ -235,7 +229,7 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
     }
 
     #jumbo p {
-        color: white;
+        color: #5e5554;
         font-size: 120%;
         margin: 0;
     }
@@ -326,7 +320,7 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
 }
 #featured figure img {display: block; float: right;}
 
-#featured h2 {color: #C74451; font-size: 1.714em; margin-bottom: 0.333em;}
+#featured h2 {font-size: 1.714em; margin-bottom: 0.333em;}
 #featured h3 {font-size: 1.429em; margin-bottom: .5em;}
 
 #featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
@@ -352,7 +346,6 @@ div.figure p.caption, figure p.caption { /* margin provided by figure */
 #extras {margin: 0 auto 3em auto; overflow: hidden;}
 
 #extras ul {list-style: none; margin: 0;}
-#extras li {border-bottom: 1px solid #fff;}
 #extras h2 {
     color: #018cb0;
     font-size: 1.429em;
@@ -544,3 +537,16 @@ li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
 
     #add-comment input[type='submit'] {float: right; margin: 0 .5em;}
     #add-comment * {margin-bottom: .5em;}
+
+.definition {
+    text-decoration: underline dotted 2px #555555;
+}
+
+.admonition {
+    margin-left: 2em;
+}
+
+.admonition .admonition-title {
+    font-weight: bold;
+    text-transform: uppercase;
+}