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: ".eu.org";
  28   color: #dadada;
  29 }
  30 #title a {
  31   color: inherit;
  32   border-bottom: 1px solid #eaeaea;
  33 }
  34 #title a:hover {
  35   background-color: whitesmoke;
  36   border-bottom-color: #e3e3e3;
  37 }
  38 #subtitle {
  39   display: inline;
  40   font-weight: normal;
  41   font-size: 1.2em;
  42   color: #444;
  43 }
  44
  45 a {
  46   text-decoration: none;
  47   outline: 0;
  48 }
  49
  50 article h3 {
  51   font-weight: normal;
  52   color: #777;
  53 }
  54
  55 code {
  56   font-size: 1.15em;
  57   text-transform: none;
  58 }
  59
  60 table td {
  61   padding: 0 0.3em;
  62 }
  63 table td:first-child {
  64   padding-left: 0;
  65 }
  66 table td:last-child {
  67   padding-right: 0
  68 }
  69
  70 nav ul {
  71   list-style-type: none;
  72   padding: 0;
  73 }
  74 nav li {
  75   display: inline;
  76 }
  77 nav li:after {
  78   content: "\00a0\00b7";
  79 }
  80 nav li:last-child:after {
  81   content: "";
  82 }
  83
  84 main {
  85   display: grid;
  86   grid-template-columns: auto 32em auto;
  87   grid-column-gap: 1.5em;
  88   grid-row-gap: 1em;
  89 }
  90
  91 main > h3 {
  92   grid-column: 1;
  93   text-align: right;
  94   font-size: 1em;
  95   font-weight: normal;
  96 }
  97
  98 main > header, main > section {
  99   grid-column: 2;
 100 }
 101
 102 main > h3, ul:first-child {
 103   margin-top: 0;
 104   margin-bottom: 0;
 105 }
 106 p:first-child {
 107   margin-top: 0;
 108 }
 109 p:last-child {
 110   margin-bottom: 0;
 111 }
 112
 113 #publications section {
 114   text-transform: none;
 115 }
 116 dl {
 117   margin: 0 0 0.5em 0;
 118 }
 119 dl:last-child {
 120   margin: 0;
 121 }
 122 dt {
 123   margin-bottom: 0.5em;
 124 }
 125 dd {
 126   margin-left: 1.5em;
 127 }
 128 #publications dd, .plinks {
 129   font-size: 0.9em;
 130 }
 131 /*
 132 ol {
 133   margin: 0;
 134   padding: 0;
 135 }
 136 ol li {
 137   margin-top: 0.5em;
 138 }
 139 ol li:first-child {
 140   margin-top: 0;
 141 }
 142 */