Update style

[rbdr/r.bdr.sh] / jekyll / css / application.css

diff --git a/jekyll/css/application.css b/jekyll/css/application.css
index 43c15f8f5da148690d744142a779ae3641228730..ee2fe3d24c6836fa777d56566437e8f6d75f1b44 100644 (file)
--- a/jekyll/css/application.css
+++ b/jekyll/css/application.css
@@ -1,124 +1,25 @@
-html {
-  font-size: 10px;
-}
-
-body {
-  margin: 0;
-  background-color: white;
-  font-family: times, 'Times New Roman', serif;
-}
-
-header a, header a:visited {
-  color: black;
-}
-
-h1,
-h2 {
-  display: inline-block;
-  margin-left: 10px;
-  font-weight: 300;
-}
-
-header {
-  margin: -0.3em 0 0 -0.1em;
-  font-size: 9.6em;
-  font-style: italic;
-  text-transform: uppercase;
-}
-
-h1 {
-  font-size: 4.8em;
-}
-
-a {
-  color: blue;
-}
-
-a:visited {
-  color: purple;
-}
-
-ul, p {
-  font-size: 1.8em;
-  line-height: 1.28em;
-  margin-left: 1em;
-  max-width: 50em;
-  font-family: 'Helvetica Neue', Arial, sans-serif;
-}
-
-li {
-  display: block;
-}
-
-li article {
+h1 canvas {
+  width: 64px;
+  height: 64px;
   display: inline-block;
-  line-height: 1.82em;
+  background-color: gainsboro;
 }
 
-span {
-  display: inline;
-  color: grey;
+ul {
+  list-style: square;
 }
 
-img,
-video {
-  display: block;
-  max-width: 100vw;
-}
-
-header a, li article, h2, h3, p {
-  background-color: white;
-}
-
-/* Dark mode overrides */
 @media (prefers-color-scheme: dark) {
   body {
-    background-color: black;
-    color: white;
-  }
-
-  header a, header a:visited {
     color: white;
+    background-color: black;
   }
 
   a {
-    color: #53FFFF;
+    color: #5dc1fd;
   }
 
   a:visited {
-    color: #FF55FF;
-  }
-
-  a[href^="telnet"] {
-    color: #55FF55;
+    color: #ed6eff;
   }
-
-  span {
-    color: #FFEC27;
-  }
-
-  header a, li article, h1, h2, p {
-    background-color: black;
-  }
-}
-
-/*
- * Mini header
- */
-@media (max-width: 600px) {
-  header {
-    font-size: 4.8em;
-  }
-}
-
-/*
- * Breadsticks
- */
-canvas.background {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: -1;
 }