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