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 }
  27
  28 .track.current {
  29   background: #fdd;
  30 }
  31
  32 .track.running {
  33   background: #dfd;
  34 }
  35
  36 .track:last-child {
  37   border-bottom: none;
  38 }
  39
  40 .track > .index {
  41   width: 1.5em;
  42   text-align: center;
  43   font-size: 24pt;
  44   float: left;
  45   padding: 0 0.25em;
  46   margin-right: 0.1em;
  47   border: 1px solid gray;
  48   color: white;
  49   background: gray;
  50 }
  51
  52 .track > .title {
  53   border: 1px dashed red;
  54   float: left;
  55   font-size: 16pt;
  56   white-space: nowrap;
  57   overflow: hidden;
  58   text-overflow: ellipsis;
  59 }
  60
  61 .track > .length {
  62   font-size: 16pt;
  63 /*
  64   text-transform: uppercase;
  65   padding-top: 10px;
  66   padding-left: 5px;
  67 */
  68   float: right;
  69 }
  70
  71 .track > .clear {
  72   float: left;
  73   clear: both;
  74 }
  75
  76 .track > .bpm {
  77   font-size: 12pt;
  78   margin-top: -0.75em;
  79   float: right;
  80 }
  81
  82 .track > .notes {
  83   font-size: 10pt;
  84   float: left;
  85   margin-top: -0.75em;
  86   padding-left: 5.5em;
  87 }