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

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