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