web/dash.css

   1 html {
   2         color: #DDD;
   3         background-color: #000;
   4         margin: 0;
   5         padding: 0 2% 1%;
   6         line-height: 1.5;
   7 }
   8
   9 h2 {
  10         text-align: center;
  11         display: table;
  12         white-space: nowrap;
  13         margin: 0.5em;
  14         text-transform: uppercase;
  15         font-family: monospace;
  16         font-size: 1.5em;
  17         font-weight: 100;
  18 }
  19
  20 h2:before,
  21 h2:after {
  22         content: ' ';
  23         display: table-cell;
  24         position: relative;
  25         top: 0.55em;
  26         width: 48%;
  27         border-top: 1px dashed #BBB;
  28 }
  29
  30 h2:before {
  31         right: 1.5%;
  32 }
  33
  34 h2:after {
  35         left: 1.5%;
  36 }
  37
  38 #title {
  39         text-align: center;
  40 }
  41
  42 #versions {
  43         text-align:center;
  44         margin: 5px;
  45 }
  46
  47 #versions li {
  48         display: inline;
  49 }
  50
  51 #versions li::after {
  52         content: "|";
  53         margin: 0 0.5em;
  54 }
  55
  56 #versions li:last-child::after {
  57         content: "";
  58 }
  59
  60 span[title] {
  61         color: #D33;
  62         font-family: monospace;
  63         font-size: 1.25em;
  64         margin-right: 1.5em;
  65 }
  66
  67
  68 span[title].done {
  69         color: #8F8;
  70         text-decoration: underline;
  71 }
  72
  73 dl {
  74         font-family: monospace;
  75         font-size: 1.25em;
  76         margin-top: 0;
  77 }
  78
  79 dt {
  80         font-weight: bold;
  81         float: left;
  82         clear: left;
  83 }
  84
  85 dt:after {
  86         content: ":";
  87 }
  88
  89 dd {
  90         float: left;
  91         margin-left: 1em;
  92 }
  93
  94 footer {
  95         margin-top: 1em;
  96         text-align: center;
  97         clear: both;
  98 }
  99
 100 a:link {
 101         color: #66F;
 102         text-decoration: none;
 103 }
 104
 105 a:visited {
 106         color: #84B;
 107 }
 108
 109 @media (min-width: 500px) {
 110         .cols {
 111                 -moz-columns: 2;
 112                 -webkit-columns: 2;
 113         }
 114 }