]> git.r.bdr.sh - rbdr/r.bdr.sh/blobdiff - jekyll/css/application.css
Adjust the resources a little
[rbdr/r.bdr.sh] / jekyll / css / application.css
index 770d614309478c6d726e9a0e78e1d7c5b9a3f1c2..bd50233bc98fa4b59a816301f54dbcfd52e91291 100644 (file)
-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: 1rem;
-  font-weight: 300;
-}
-
-header {
-  margin: -0.3em 0 0 -0.1em;
-  font-size: 9.6em;
-  font-style: italic;
-  text-transform: uppercase;
-}
-
-h1, h2 {
-  font-size: 4.8em;
-}
-
-a {
-  color: blue;
-}
-
-a:visited {
-  color: purple;
-}
-
-ul, p {
-  font-size: 1.8rem;
-  line-height: 1.28em;
-  margin-left: 1em;
-  max-width: 50em;
-  font-family: 'Helvetica Neue', Arial, sans-serif;
-}
-
-li {
-  display: block;
-}
-
-li p {
+canvas {
+  width: 64px;
+  height: 64px;
   display: inline-block;
   display: inline-block;
-  line-height: 1.82em;
-  margin: 0;
+  background-color: gainsboro;
 }
 
 }
 
-span {
-  display: inline;
-  color: grey;
+ul {
+  list-style: square;
 }
 
 }
 
-img,
-video {
-  display: block;
-  max-width: 100vw;
-}
-
-header a, h1, h2, p {
-  background-color: white;
-}
-
-/* Dark mode overrides */
 @media (prefers-color-scheme: dark) {
   body {
 @media (prefers-color-scheme: dark) {
   body {
-    background-color: black;
-    color: white;
-  }
-
-  header a, header a:visited {
     color: white;
     color: white;
+    background-color: black;
   }
 
   a {
   }
 
   a {
-    color: #53FFFF;
+    color: #5dc1fd;
   }
 
   a:visited {
   }
 
   a:visited {
-    color: #FF55FF;
-  }
-
-  a[href^="telnet"] {
-    color: #55FF55;
+    color: #ed6eff;
   }
   }
-
-  span {
-    color: #FFEC27;
-  }
-
-  header a, 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;
 }
 }