git.shemshak.org - ~bandali/bndl.org/blob - static/style.css

   1 body {
   2   /* background: #fffffa; */
   3   font-family: sans-serif;
   4   line-height: 1.6;
   5   padding: 2em;
   6 }
   7
   8 nav, main, footer {
   9   margin: auto;
  10   max-width: 38rem;
  11 }
  12
  13 nav {
  14   font-size: 0.84em;
  15 }
  16 main {
  17   margin-bottom: 2em;
  18 }
  19 p {
  20   margin: 1em 0;
  21 }
  22 header {
  23   margin-bottom: 1.5em;
  24 }
  25 header >:not(h1) {
  26   font-size: 0.875em;
  27 }
  28 header > p {
  29   margin: 0;
  30 }
  31 footer {
  32   border-top: 1px solid #bbb;
  33   font-size: 0.84em;
  34   padding-top: 1em;
  35 }
  36 footer p {
  37   margin: 0;
  38 }
  39
  40 h1 {
  41   font-size: 1.5em;
  42 }
  43 h1 + address {
  44   margin-top: 0.75em;
  45 }
  46
  47 h2 {
  48   font-size: 1.25em;
  49 }
  50 h3 {
  51   font-size: 1.125em;
  52 }
  53
  54 a {
  55   color: #204a87;
  56   padding: 0.3em 0;
  57   text-decoration: underline #ccc;
  58 }
  59 a:hover, a:focus {
  60   text-decoration: underline #666;
  61 }
  62 a:active {
  63   color: #a10029;
  64   outline: 0;
  65 }
  66
  67 h4 {
  68   margin: 0.75em auto;
  69 }
  70
  71 article h3 {
  72   font-weight: normal;
  73   color: #777;
  74 }
  75
  76 .notice {
  77   background-color: #efefef;
  78   text-align: center;
  79   position: relative;
  80 }
  81 .notice::before {
  82   content: "↪";
  83   position: absolute;
  84   left: 0.5em;
  85   bottom: 0.05em;
  86 }
  87 .notice::after {
  88   content: "↩";
  89   position: absolute;
  90   right: 0.5em;
  91   bottom: 0.05em;
  92 }
  93
  94 code {
  95   font: 1.15em monospace;
  96   text-transform: none;
  97 }
  98 strong {
  99   font-weight: bold;
 100 }
 101 em {
 102   font-style: italic;
 103 }
 104
 105 table td {
 106   padding: 0.2em 0.3em;
 107 }
 108 table td:first-child {
 109   padding-left: 0;
 110 }
 111 table td:last-child {
 112   padding-right: 0
 113 }
 114 #notes {
 115   margin-top: 0.9em;
 116 }
 117 .post-list {
 118   width: 100%;
 119 }
 120 .post-list tr:hover {
 121   background: #f8f8f8;
 122 }
 123 .post-list td {
 124   padding: 0.3em;
 125 }
 126 .post-list td:nth-child(2) {
 127   text-align: right;
 128 }
 129
 130 dt {
 131   margin-bottom: 0.15em;
 132 }
 133 dd {
 134   font-size: 0.875em;
 135   margin-left: 1.5em;
 136   margin-bottom: 0.75em;
 137 }
 138 dd:last-child {
 139   margin-bottom: 1em;
 140 }
 141 small {
 142   font-size: 0.875em;
 143 }
 144 .muted {
 145   color: #666;
 146 }
 147 .inbox {
 148   margin-top: 2em;
 149 }
 150
 151 ul, ol {
 152   list-style: none;
 153   padding-left: 1.5em;
 154   position: relative;
 155 }
 156
 157 li {
 158   margin-bottom: 0.25em;
 159 }
 160
 161 ul > li::before {
 162   content: '•';
 163   position: absolute;
 164   left: 0.5em;
 165 }
 166
 167 h2 + ul, h2 + dl, h2 + table, h1 + table {
 168   margin-top: 1em;
 169 }
 170 table + h2, h2 + h3, ul + h3 {
 171   margin-top: 0.7em;
 172 }
 173 p + table {
 174   margin-top: -0.3em;
 175 }
 176
 177 sup, sub { font-size: 0.85em; }
 178 sup { vertical-align: super; }
 179 sub { vertical-align: sub; }