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 h1 {
  16   display: inline-block;
  17   margin-left: 1rem;
  18   font-weight: 300;
  19 }
  20
  21 header {
  22   margin: -0.3em 0 0 -0.1em;
  23   font-size: 9.6em;
  24   font-style: italic;
  25   text-transform: uppercase;
  26 }
  27
  28 h1 {
  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.8rem;
  42   line-height: 1.28em;
  43   margin-left: 1em;
  44   max-width: 50em;
  45   font-family: 'Helvetica Neue', Arial, sans-serif;
  46 }
  47
  48 li {
  49   display: block;
  50 }
  51
  52 li p {
  53   display: inline-block;
  54   line-height: 1.82em;
  55   margin: 0;
  56 }
  57
  58 span {
  59   display: inline;
  60   color: grey;
  61 }
  62
  63 img,
  64 video {
  65   display: block;
  66   max-width: 100vw;
  67 }
  68
  69 header a, h1, p {
  70   background-color: white;
  71 }
  72
  73 /* Dark mode overrides */
  74 @media (prefers-color-scheme: dark) {
  75   body {
  76     background-color: black;
  77     color: white;
  78   }
  79
  80   header a, header a:visited {
  81     color: white;
  82   }
  83
  84   a {
  85     color: #53FFFF;
  86   }
  87
  88   a:visited {
  89     color: #FF55FF;
  90   }
  91
  92   a[href^="telnet"] {
  93     color: #55FF55;
  94   }
  95
  96   span {
  97     color: #FFEC27;
  98   }
  99
 100   header a, h1, p {
 101     background-color: black;
 102   }
 103 }
 104
 105 /*
 106  * Mini header
 107  */
 108 @media (max-width: 600px) {
 109   header {
 110     font-size: 4.8em;
 111   }
 112 }
 113
 114 /*
 115  * Breadsticks
 116  */
 117 canvas.background {
 118   width: 100%;
 119   height: 100%;
 120   position: fixed;
 121   top: 0;
 122   left: 0;
 123   z-index: -1;
 124 }