res/style.css

   1 body {
   2     background: url(blackstars.png);
   3     background-color: #111;
   4     color: #fefefe;
   5     font-family: monospace;
   6     padding: 16px;
   7 }
   8
   9 header {
  10     width: 700px;
  11     margin: 0 auto;
  12 }
  13
  14 header h1 {
  15     font-size: 2em;
  16     margin: 0;
  17 }
  18
  19 header > div > a {
  20     color:inherit;
  21     text-decoration:none;
  22 }
  23
  24 header nav {
  25     display:flex;
  26     flex-direction:column;
  27     width: 400px;
  28 }
  29
  30 header nav ul {
  31     display:flex;
  32     flex-direction:row;
  33     padding: 0;
  34     margin: 0;
  35 }
  36
  37 header nav ul li {
  38     display:inline-block;
  39     text-align:center;
  40     height:50px;
  41     margin-right: 24px;
  42     font-size:1.25em;
  43     line-height:50px;
  44     background-color: inherit;
  45 }
  46
  47 a {
  48     color: #f771fc;
  49 }
  50
  51 header nav ul li::before {
  52     font-size: .75em;
  53     line-height: .1em;
  54     content: "#";
  55 }
  56
  57 header nav ul li a:link, header nav ul li a:visited {
  58     text-decoration:none;
  59     color:inherit;
  60 }
  61
  62 header nav ul li a:hover, header nav ul li a.selected {
  63     text-decoration:underline;
  64 }
  65
  66 article {
  67     width: 700px;
  68     margin: 0 auto;
  69     /* padding: 16px 0px 16px 0px; */
  70 }
  71
  72 article h2 {
  73     /* padding: 8px 0px 8px 0px; */
  74     font-size: 1.2em;
  75 }
  76
  77 article h2::before {
  78     font-size: 1em;
  79     content: "\2014"; /* emdash */
  80 }
  81
  82 article h2::after {
  83     font-size: 1em;
  84     content: ".";
  85 }
  86
  87 em {
  88     font-style:italic;
  89 }
  90
  91 em > em {
  92     font-style:normal;
  93     font-weight:bold;
  94 }
  95
  96
  97 article p {
  98     line-height: 1.25em;
  99 }
 100
 101 article div {
 102     margin: 16px 0px 16px 0px;
 103 }
 104
 105 article div ul li {
 106     margin: 8px 0px 8px 0px;
 107 }
 108
 109 article div ol li {
 110     margin: 8px 0px 8px 0px;
 111 }
 112
 113 a, p, h1, h2, li, summary {
 114     background-color: #111111;
 115 }
 116
 117 article details summary {
 118     margin: 8px 0px 8px 0px;
 119 }