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   line-height: 1.4;
   9   padding: 1em;
  10 }
  11
  12 main {
  13   margin: auto;
  14   max-width: 38em;
  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 }
  50
  51 table td {
  52   padding: 0 0.3em;
  53 }
  54 table td:first-child {
  55   padding-left: 0;
  56 }
  57 table td:last-child {
  58   padding-right: 0
  59 }
  60
  61 nav ul {
  62   list-style-type: none;
  63   padding: 0;
  64 }
  65 nav li {
  66   display: inline;
  67 }
  68 nav li:after {
  69   content: "\00a0\00b7";
  70 }
  71 nav li:last-child:after {
  72   content: "";
  73 }
  74
  75 main {
  76   display: grid;
  77   grid-template-columns: auto 38em auto;
  78   grid-column-gap: 1.5em;
  79   grid-row-gap: 1em;
  80 }
  81
  82 main > h3 {
  83   grid-column: 1;
  84   text-align: right;
  85   font-size: 1em;
  86   font-weight: normal;
  87 }
  88
  89 main > header, main > section {
  90   grid-column: 2;
  91 }
  92
  93 main > h3, ul:first-child {
  94   margin-top: 0;
  95   margin-bottom: 0;
  96 }
  97 p:first-child {
  98   margin-top: 0;
  99 }
 100 p:last-child {
 101   margin-bottom: 0;
 102 }