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 span[title] {
  43         color: #F66;
  44         font-family: monospace;
  45         font-size: 1.25em;
  46         margin-right: 1.5em;
  47 }
  48
  49
  50 span[title].done {
  51         color: #7E7;
  52 }
  53
  54 dl {
  55         font-family: monospace;
  56         font-size: 1.25em;
  57         margin-top: 0;
  58 }
  59
  60 dt {
  61         font-weight: bold;
  62         float: left;
  63         clear: left;
  64 }
  65
  66 dt:after {
  67         content: ":";
  68 }
  69
  70 dd {
  71         float: left;
  72         margin-left: 1em;
  73 }
  74
  75 footer {
  76         margin-top: 1em;
  77         text-align: center;
  78         clear: both;
  79 }
  80
  81 a:link {
  82         color: #66F;
  83         text-decoration: none;
  84 }
  85
  86 a:visited {
  87         color: #84B;
  88 }
  89
  90 @media (min-width: 500px) {
  91         .cols {
  92                 -moz-columns: 2;
  93                 -webkit-columns: 2;
  94         }
  95 }