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 footer {
  29   border-top: 1px solid #bbb;
  30   font-size: 0.84em;
  31   padding-top: 1em;
  32 }
  33 footer p {
  34   margin: 0;
  35 }
  36
  37 h1 {
  38   font-size: 1.5em;
  39 }
  40 h1 + address {
  41   margin-top: 0.75em;
  42 }
  43 address + p {
  44   margin: 0;
  45 }
  46
  47 h2 {
  48   font-size: 1.25em;
  49 }
  50 h3 {
  51   font-size: 1.125em;
  52 }
  53
  54 a {
  55   color: #006cdc;
  56   padding: 0.3em 0;
  57   text-decoration: none;
  58 }
  59 a:hover, a:focus {
  60   transition-property: background;
  61   transition-duration: 0.1s;
  62   background: #f2f8fa;
  63   color: #0054c0; /* #003ea4 */
  64 }
  65 a:active {
  66   color: #a10029;
  67 }
  68 /*
  69 a:active {
  70   color: #06d;
  71   box-shadow: 0 1px 1px #ddd;
  72 }
  73 */
  74
  75 h4 {
  76   margin: 0.75em auto;
  77 }
  78
  79 article h3 {
  80   font-weight: normal;
  81   color: #777;
  82 }
  83
  84 .notice {
  85   background-color: #efefef;
  86   text-align: center;
  87   position: relative;
  88 }
  89 .notice::before {
  90   content: "↪";
  91   position: absolute;
  92   left: 0.5em;
  93   bottom: 0.05em;
  94 }
  95 .notice::after {
  96   content: "↩";
  97   position: absolute;
  98   right: 0.5em;
  99   bottom: 0.05em;
 100 }
 101
 102 code {
 103   font: 1.15em monospace;
 104   text-transform: none;
 105 }
 106 strong {
 107   font-weight: bold;
 108 }
 109 em {
 110   font-style: italic;
 111 }
 112
 113 table td {
 114   padding: 0.2em 0.3em;
 115 }
 116 table td:first-child {
 117   padding-left: 0;
 118 }
 119 table td:last-child {
 120   padding-right: 0
 121 }
 122 .post-list {
 123   width: 100%;
 124 }
 125 .post-list tr:hover {
 126   background: #f2f8fa; /* #f6f6f6; */
 127 }
 128 .post-list td {
 129   padding: 0.3em;
 130 }
 131 .post-list td:nth-child(2) {
 132   text-align: right;
 133 }
 134
 135 dt {
 136   margin-bottom: 0.15em;
 137 }
 138 dd {
 139   font-size: 0.875em;
 140   margin-left: 1.5em;
 141   margin-bottom: 0.75em;
 142 }
 143 dd:last-child {
 144   margin-bottom: 1em;
 145 }
 146 small {
 147   font-size: 0.875em;
 148 }
 149 .muted {
 150   color: #666;
 151 }
 152 .inbox {
 153   margin-top: 2em;
 154 }
 155
 156 ul, ol {
 157   list-style: none;
 158   padding-left: 1.5em;
 159   position: relative;
 160 }
 161
 162 li {
 163   margin-bottom: 0.25em;
 164 }
 165
 166 ul > li::before {
 167   content: '•';
 168   position: absolute;
 169   left: 0.5em;
 170 }
 171
 172 h2 + ul, h2 + dl, h2 + table, h1 + table {
 173   margin-top: 1em;
 174 }
 175 h2 + .post-list, table + h2, h2 + h3, ul + h3 {
 176   margin-top: 0.7em;
 177 }
 178 p + table {
 179   margin-top: -0.3em;
 180 }
 181
 182 sup, sub { font-size: 0.85em; }
 183 sup { vertical-align: super; }
 184 sub { vertical-align: sub; }