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