views/meta_css.erb

   1 body {
   2   margin: 0;
   3   padding: 0;
   4   font-family: sans-serif;
   5 }
   6 #controls {
   7   width: 99%;
   8   padding: 0.2em;
   9   position: fixed;
  10   background: white;
  11 }
  12 #tracks {
  13   width: 99%;
  14   padding: 0.2em;
  15   padding-top: 6em;
  16   overflow: auto;
  17 }
  18
  19 .track {
  20   border-top: 1px solid gray;
  21   height: 3em;
  22   padding: 0.25em;
  23   padding-right: 0.5em;
  24   margin: 0 0.5em;
  25   clear: both;
  26   white-space: nowrap;
  27   overflow: hidden;
  28   text-overflow: ellipsis;
  29 }
  30
  31 .track.current {
  32   background: #fdd;
  33 }
  34
  35 .track.running {
  36   background: #dfd;
  37 }
  38
  39 .track:last-child {
  40   border-bottom: none;
  41 }
  42
  43 .track > .index {
  44   width: 1.5em;
  45   text-align: center;
  46   font-size: 24pt;
  47   float: left;
  48   padding: 0 0.25em;
  49   margin-right: 0.1em;
  50   border: 1px solid gray;
  51   color: white;
  52   background: gray;
  53 }
  54
  55 .track > .title {
  56   border: 1px dashed red;
  57   float: left;
  58   font-size: 16pt;
  59   white-space: nowrap;
  60   overflow: hidden;
  61   text-overflow: ellipsis;
  62 }
  63
  64 .track > .length {
  65   font-size: 16pt;
  66 /*
  67   text-transform: uppercase;
  68   padding-top: 10px;
  69   padding-left: 5px;
  70 */
  71   float: right;
  72 }
  73
  74 .track > .clear {
  75   float: left;
  76   clear: both;
  77 }
  78
  79 .track > .bpm {
  80   font-size: 12pt;
  81   margin-top: -0.75em;
  82   float: right;
  83 }
  84
  85 .track > .notes {
  86   font-size: 10pt;
  87   float: left;
  88   margin-top: -0.75em;
  89   padding-left: 5.5em;
  90 }