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   float: left;
  57   font-size: 16pt;
  58   white-space: nowrap;
  59   overflow: hidden;
  60   text-overflow: ellipsis;
  61 }
  62
  63 .track > .length {
  64   font-size: 16pt;
  65 /*
  66   text-transform: uppercase;
  67   padding-top: 10px;
  68   padding-left: 5px;
  69 */
  70   float: right;
  71 }
  72
  73 .track > .clear {
  74   float: left;
  75   clear: both;
  76 }
  77
  78 .track > .bpm {
  79   font-size: 12pt;
  80   margin-top: -0.75em;
  81   float: right;
  82 }
  83
  84 .track > .notes {
  85   font-size: 10pt;
  86   float: left;
  87   margin-top: -0.75em;
  88   padding-left: 5.5em;
  89 }