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 h2 {
  17   display: inline-block;
  18   margin-left: 10px;
  19   font-weight: 300;
  20 }
  21
  22 header {
  23   margin: -0.3em 0 0 -0.1em;
  24   font-size: 9.6em;
  25   font-style: italic;
  26   text-transform: uppercase;
  27 }
  28
  29 h1 {
  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 li {
  50   display: block;
  51 }
  52
  53 li article {
  54   display: inline-block;
  55   line-height: 1.82em;
  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, li article, h2, h3, 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, li article, h1, h2, 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 }