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   margin-left: 10px;
  18   font-weight: 300;
  19 }
  20
  21 h1 {
  22   margin: -0.3em 0 0 -0.1em;
  23   font-size: 9.6em;
  24   font-style: italic;
  25   text-transform: uppercase;
  26 }
  27
  28 h2 {
  29   font-size: 4.8em;
  30 }
  31
  32 a {
  33   color: blue;
  34 }
  35
  36 a:visited {
  37   color: purple;
  38 }
  39
  40 ul, p {
  41   font-size: 1.8em;
  42   line-height: 1.28em;
  43   margin-left: 1em;
  44   max-width: 50em;
  45   font-family: 'Helvetica Neue', Arial, sans-serif;
  46 }
  47
  48 ul {
  49   list-style: square;
  50 }
  51
  52 li {
  53   line-height: 1.82em;
  54 }
  55
  56 aside {
  57   display: inline;
  58   color: grey;
  59 }
  60
  61 img,
  62 video {
  63   max-width: 100vw;
  64 }
  65
  66 /* Dark mode overrides */
  67 @media (prefers-color-scheme: dark) {
  68   body {
  69     background-color: black;
  70     color: white;
  71   }
  72
  73   h1 a, h1 a:visited {
  74     color: white;
  75   }
  76
  77   a {
  78     color: #53FFFF;
  79   }
  80
  81   a:visited {
  82     color: #FF55FF;
  83   }
  84
  85   a[href^="telnet"] {
  86     color: #55FF55;
  87   }
  88
  89   aside {
  90     color: #FFEC27;
  91   }
  92 }