git.r.bdr.sh - rbdr/r.bdr.sh/blob - jekyll/css/application.css

   1 html {
   2   font-size: 10px;
   3 }
   4
   5 body {
   6   margin: 0;
   7   background-color: white;
   8   font-family: times, 'Times New Roman', serif;
   9 }
  10
  11 header a, header a:visited {
  12   color: black;
  13 }
  14
  15 h2,
  16 h3 {
  17   display: inline-block;
  18   margin-left: 10px;
  19   font-weight: 300;
  20 }
  21
  22 h1 {
  23   margin: -0.3em 0 0 -0.1em;
  24   font-size: 9.6em;
  25   font-style: italic;
  26   text-transform: uppercase;
  27 }
  28
  29 h2 {
  30   font-size: 4.8em;
  31 }
  32
  33 a {
  34   color: blue;
  35 }
  36
  37 a:visited {
  38   color: purple;
  39 }
  40
  41 ul, p {
  42   font-size: 1.8em;
  43   line-height: 1.28em;
  44   margin-left: 1em;
  45   max-width: 50em;
  46   font-family: 'Helvetica Neue', Arial, sans-serif;
  47 }
  48
  49 ul {
  50   list-style: square;
  51 }
  52
  53 li {
  54   display: inline-block;
  55   line-height: 1.82em;
  56 }
  57
  58 aside {
  59   display: inline;
  60   color: grey;
  61 }
  62
  63 img,
  64 video {
  65   max-width: 100vw;
  66 }
  67
  68 li, h2, h3, p {
  69   background-color: white;
  70 }
  71
  72 /* Dark mode overrides */
  73 @media (prefers-color-scheme: dark) {
  74   body {
  75     background-color: black;
  76     color: white;
  77   }
  78
  79   h1 a, h1 a:visited {
  80     color: white;
  81   }
  82
  83   a {
  84     color: #53FFFF;
  85   }
  86
  87   a:visited {
  88     color: #FF55FF;
  89   }
  90
  91   a[href^="telnet"] {
  92     color: #55FF55;
  93   }
  94
  95   aside {
  96     color: #FFEC27;
  97   }
  98
  99   li, h2, h3, p {
 100     background-color: black;
 101   }
 102 }
 103
 104 /*
 105  * Mini header
 106  */
 107 @media (max-width: 600px) {
 108   h1 {
 109     font-size: 4.8em;
 110   }
 111 }
 112
 113 /*
 114  * Breadsticks
 115  */
 116 canvas.background {
 117   width: 100%;
 118   height: 100%;
 119   position: fixed;
 120   top: 0;
 121   left: 0;
 122   z-index: -1;
 123 }