website

commit 41c0c5b6f3a2ca11933bb0462ef85a4b1ade691a
parent e39675e1f6e488a34017fa47d487f51de6bb7df2
Author: Michael Neuper <73108749+michaelneuper@users.noreply.github.com>
Date:   Sat,  3 Dec 2022 11:57:53 +0200

Create theme-override.css

Diffstat:
A
static/css/theme-override.css
 | 
207
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

1 file changed, 207 insertions(+), 0 deletions(-)
diff --git a/static/css/theme-override.css b/static/css/theme-override.css
@@ -0,0 +1,207 @@
+/* footer { font-size: 90%; } */
+
+/* Dark mode */
+@media (prefers-color-scheme: dark) {
+
+  body {
+    background-color: #393e41
+  }
+
+  blockquote {
+    background: #393e41;
+  }
+
+  a {
+    color: #ebc3db;
+  }
+
+  header {
+    background: #613DC1;
+    border-bottom: 0px;
+  }
+
+  .article-meta, .menu a {
+    background: #E8DBC5;
+    color: #000;
+  }
+
+  table {
+    margin: auto;
+    border-top: 1px solid #666;
+    border-bottom: 1px solid #666;
+  }
+  table thead th { border-bottom: 1px solid #ddd; }
+  th, td { padding: 5px; }
+  tr:nth-child(even) { background: #eee }
+}
+
+
+/* Light mode */
+@media (prefers-color-scheme: light) {
+    blockquote {
+      background: #f9f9f9;
+    }
+
+    a {
+      color: #613DC1;
+    }
+
+    header {
+      background: #613DC1;
+    }
+
+    .article-meta, .menu a {
+      background: #E8DBC5;
+      color: #000;
+    }
+
+    table {
+      margin: auto;
+      border-top: 1px solid #666;
+      border-bottom: 1px solid #666;
+    }
+    table thead th { border-bottom: 1px solid #ddd; }
+    th, td { padding: 5px; }
+    tr:nth-child(even) { background: #eee }
+
+}
+
+
+body {
+  max-width: 800px;
+  margin: auto;
+  padding: .2em;
+  line-height: 1.5em;
+}
+
+h1 {
+  line-height: 1.5em;
+}
+
+/* Table of Contents, if wanted
+Add to yaml:
+output:
+  blogdown::html_page:
+    toc: true
+    */
+
+#TableOfContents, #TOC {
+  border: 1px solid #eee;
+  border-radius: 5px;
+}
+
+/* Header and Footer */
+.menu li { display: inline-block; }
+.article-meta, .menu a {
+  text-decoration: none;
+  padding: 5px;
+  border-radius: 5px;
+  border-style: dotted;
+  border-width: 1px;
+  margin-bottom: 20px;
+}
+
+.terms { font-size: .9em; }
+.menu, .article-meta, footer { text-align: center; }
+.title { font-size: 1.1em; }
+footer a { text-decoration: none; }
+
+.pull-left {
+    float: left
+}
+.pull-right {
+    float: right
+}
+
+a {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: underline;
+}
+
+/* Adjust background at your leisure! */
+header {
+    position: relative;
+    width: 100%;
+    height: 1.75rem;
+    font-size: 1rem;
+}
+
+header ul,
+header ol {
+    margin: 0;
+    padding: 0;
+    list-style: none
+}
+header nav {
+    padding: 0 0.5rem
+}
+
+header a {
+    color: #fff;
+    line-height: 1.75rem;
+    padding: 0 0.5rem
+}
+header a:hover,
+header .current a {
+    color: #fff
+}
+
+/* Code Boxes */
+pre {
+  border: 2px solid #EBC3DB;
+  padding: 1em;
+  overflow-x: auto;
+}
+pre code { background: none; }
+
+/* Images, tables, misc. */
+img, iframe, video {
+  max-width: 100%;
+  height: auto;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+main {
+  hyphens: auto;
+  max-width: 650px;
+  margin-left: auto;
+  margin-right: auto;
+  line-height: 1.7em;
+  hyphens: auto;
+  display: block;
+  font-size: 1.1em;
+}
+main a {
+  font-weight: bold;
+}
+
+blockquote {
+
+  border-left: 5px solid #ccc;
+  padding: 3px 1em 3px;
+}
+
+.content-wrapper {
+  padding: 0px 12px 0px 12px;
+}
+#foxy {
+  min-width: 40px;
+  float: right;
+  padding: 10px;
+  display: block;
+}
+
+/* Small devices, phones */
+@media only screen and (min-width : 480px) {
+  #foxy {
+    min-width: 40px;
+    float: center;
+    padding: 10px 10px 10px 20px;
+    display: block;
+  }
+}