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   text-transform: lowercase;
   9   line-height: 1.4;
  10   padding: 1em;
  11 }
  12
  13 main {
  14   margin: auto;
  15 }
  16
  17 main > header {
  18   margin-bottom: 1em;
  19 }
  20
  21 #title {
  22   font-size: 2.1em;
  23   font-weight: normal;
  24   margin-bottom: 0;
  25 }
  26 #title:after {
  27   content: ".org";
  28   color: #dadada;
  29 }
  30 #subtitle {
  31   display: inline;
  32   font-weight: normal;
  33   font-size: 1.2em;
  34   color: #444;
  35 }
  36
  37 a {
  38   text-decoration: none;
  39   outline: 0;
  40 }
  41
  42 article h3 {
  43   font-weight: normal;
  44   color: #777;
  45 }
  46
  47 code {
  48   font-size: 1.15em;
  49   text-transform: none;
  50 }
  51
  52 table td {
  53   padding: 0 0.3em;
  54 }
  55 table td:first-child {
  56   padding-left: 0;
  57 }
  58 table td:last-child {
  59   padding-right: 0
  60 }
  61
  62 nav ul {
  63   list-style-type: none;
  64   padding: 0;
  65 }
  66 nav li {
  67   display: inline;
  68 }
  69 nav li:after {
  70   content: "\00a0\00b7";
  71 }
  72 nav li:last-child:after {
  73   content: "";
  74 }
  75
  76 main {
  77   display: grid;
  78   grid-template-columns: auto 32em auto;
  79   grid-column-gap: 1.5em;
  80   grid-row-gap: 1em;
  81 }
  82
  83 main > h3 {
  84   grid-column: 1;
  85   text-align: right;
  86   font-size: 1em;
  87   font-weight: normal;
  88 }
  89
  90 main > header, main > section {
  91   grid-column: 2;
  92 }
  93
  94 main > h3, ul:first-child {
  95   margin-top: 0;
  96   margin-bottom: 0;
  97 }
  98 p:first-child {
  99   margin-top: 0;
 100 }
 101 p:last-child {
 102   margin-bottom: 0;
 103 }