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