views/meta_css.erb

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