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

   1 /* for old browsers */
   2 article, aside, footer, header, nav, section {
   3   display: block;
   4 }
   5
   6 body {
   7   font-family: FreeSans, sans-serif;
   8   padding: 1em;
   9 }
  10
  11 main {
  12   margin: auto;
  13   max-width: 38em;
  14 }
  15
  16 body > header {
  17   margin-bottom: 2em !important;
  18 }
  19 #title {
  20   font-size: 2.1em;
  21   font-weight: normal;
  22   margin-bottom: 0;
  23 }
  24 #title:after {
  25   content: ".org";
  26   color: #dadada;
  27 }
  28 #subtitle {
  29   display: inline;
  30   font-weight: normal;
  31   font-size: 1.2em;
  32   color: #444;
  33 }
  34
  35 a {
  36   text-decoration: none;
  37   outline: 0;
  38 }
  39
  40 article h3 {
  41   font-weight: normal;
  42   color: #777;
  43 }
  44
  45 code {
  46   font-size: 1.15em;
  47 }
  48
  49 table td {
  50   padding: 0 0.3em;
  51 }
  52 table td:first-child {
  53   padding-left: 0;
  54 }
  55 table td:last-child {
  56   padding-right: 0
  57 }
  58
  59 nav ul {
  60   list-style-type: none;
  61   padding: 0;
  62 }
  63 nav li {
  64   display: inline;
  65 }
  66 nav li:after {
  67   content: "\00a0\00b7";
  68 }
  69 nav li:last-child:after {
  70   content: "";
  71 }
  72
  73 main {
  74   display: grid;
  75   grid-template-columns: auto 38em auto;
  76   grid-gap: 1em;
  77 }
  78
  79 main > h3 {
  80   grid-column: 1;
  81   text-align: right;
  82   font-size: 1em;
  83   font-weight: normal;
  84 }
  85
  86 main > header, main > section {
  87   grid-column: 2;
  88 }
  89
  90 main > h3:first-of-type, section:first-of-type > p, section:first-of-type ul {
  91   margin-bottom: 0;
  92 }
  93
  94 main > h3:last-of-type, section:last-of-type > p, section:last-of-type ul {
  95   margin-top: 0;
  96 }