1  html {
  2      background: white;
  3      font-family: serif;
  4      margin-left: 3em;
  5      margin-right: 2em;
  6      margin-top: 2em;
  7  }
  8  
  9  body {
 10      display: grid;
 11      grid-template-columns: 1em auto 2em;
 12  }
 13  
 14  .page {
 15      grid-column-start: 2;
 16      grid-column-end: 3;
 17      max-width: 60em;
 18  }
 19  
 20  h1, h2, h3, h4, h5, h6 {
 21      font-family: sans-serif;
 22      font-weight: bold;
 23      margin-top: 2em;
 24  }
 25  
 26  h1 {
 27      font-size: 150%;
 28  }
 29  
 30  h2 {
 31      font-size: 120%;
 32  }
 33  
 34  h3 {
 35      font-size: 100%;
 36  }
 37  
 38  ul li, ol li {
 39      margin-top: 0.5em;
 40      margin-bottom: 0.5em;
 41  }
 42  
 43  div.pageheader {
 44      font-family: monospace;
 45      margin-bottom: 2em;
 46  }
 47  
 48  .pageheader span.title {
 49      display: block;
 50      font-size: 200%;
 51      font-weight: bold;
 52      font-family: sans-serif;
 53      margin-top: 0.5em;
 54  }
 55  
 56  div#pagebody {
 57  }
 58  
 59  div.pagefooter {
 60      font-family: monospace;
 61      margin-top: 3em;
 62  }
 63  
 64  span.date, .pagedate {
 65      font-family: monospace;
 66  }
 67  
 68  .tags {
 69      font-family: monospace;
 70  }
 71  
 72  .inlineheader {
 73      display: block;
 74      font-family: sans-serif;
 75      font-size: 150%;
 76      font-weight: bold;
 77  }
 78  
 79  .inlinepage {
 80      margin-top: 3em;
 81      margin-bottom: 3em;
 82  }
 83  
 84  .inlinefooter {
 85      font-family: monospace;
 86  }
 87  
 88  .float_right {
 89      float: right;
 90      margin-left: 1em;
 91      margin-bottom: 1em;
 92  }
 93  
 94  span.archivepagedate {
 95      font-family: monospace;
 96  }
 97  
 98  /* orange feed button */
 99  .feedbutton {
100      background: #ff6600;
101      color: white !important;
102      border-left: 1px solid #cc9966;
103      border-top: 1px solid #ccaa99;
104      border-right: 1px solid #993300;
105      border-bottom: 1px solid #331100;
106      padding: 0px 0.5em 0px 0.5em;
107      font-family: sans-serif;
108      font-weight: bold;
109      font-size: small;
110      text-decoration: none;
111      margin-top: 1em;
112  }
113  .feedbutton:hover {
114      color: white !important;
115      background: #ff9900;
116  }
117  
118  div.wisdom {
119      margin-left: 100px;
120      margin-bottom: 50px;
121      padding-bottom: 0;
122      border-bottom: 0;
123  
124  }
125  
126  div.wisdom p.quote {
127      font-size: 200%;
128      margin-bottom: 0;
129      padding-bottom: 0;
130      border-bottom: 0;
131  }
132  
133  .smallestPC { font-size: 80%; }
134  .smallPC { font-size: 100%; }
135  .normalPC { font-size: 120%; }
136  .bigPC { font-size: 150%; }
137  .biggestPC { font-size: 200%; }
138  
139  
140  table {
141      border: 0px;
142      width: 100%;
143  }
144  
145  th {
146      font-weight: bold;
147  }
148  
149  tr {
150  }
151  
152  tr:nth-child(even) {
153      background-color: #f2f2f2;
154  }