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 }
  70
  71 article h2 {
  72     font-size: 1.2em;
  73 }
  74
  75 em {
  76     font-style:italic;
  77 }
  78
  79 em > em {
  80     font-style:normal;
  81     font-weight:bold;
  82 }
  83
  84
  85 article p {
  86     line-height: 1.25em;
  87 }
  88
  89 article div {
  90     margin: 16px 0px 16px 0px;
  91 }
  92
  93 article div ul li {
  94     margin: 8px 0px 8px 0px;
  95 }
  96
  97 article div ol li {
  98     margin: 8px 0px 8px 0px;
  99 }
 100
 101 a, p, h1, h2, li, summary {
 102     background-color: #111111;
 103 }
 104
 105 article details summary {
 106     margin: 8px 0px 8px 0px;
 107     font-weight: bold;
 108     display: flex;
 109 }
 110
 111 article details summary em {
 112     text-align: right;
 113     flex-grow: 1;
 114 }