css/GraphSchedule.css

   1 .GraphSchedule {
   2         position: relative;
   3         overflow-x: scroll;
   4         width: 100%;
   5         height: 100px;
   6         background-color: transparent;
   7         z-index: 1000;
   8 }
   9
  10 .GraphSchedule .container {
  11         width: 600px;
  12         bottom: 5px;
  13         position: absolute;
  14 }
  15
  16 .GraphSchedule table {
  17         pointer-events: none;
  18 }
  19
  20 .GraphSchedule td {
  21         width: 70px;
  22         text-align: left;
  23         color: gray;
  24         height: 10px;
  25 }
  26
  27 .GraphSchedule table .grid td {
  28         border-width: 1px 0 0px 1px;
  29         border-style: solid;
  30         border-color: white;
  31         font-size: 13px;
  32         font-family: Helvetica;
  33         position: relative;
  34 }
  35
  36 .GraphSchedule table .ranges td {
  37         border-width: 1px 0 0 1px;
  38         border-style: solid;
  39         border-color: gray;
  40         position: relative;
  41 }
  42
  43 .GraphSchedule table .ranges .th {
  44         border-width: 0px;
  45         background-color: rgba(50, 50, 50, 0.2);
  46         position: relative;
  47         padding: 0;
  48 }
  49
  50 .GraphSchedule table .rangesWeekend td {
  51         border-width: 1px 0 0 1px;
  52         border-style: solid;
  53         border-color: gray;
  54         position: relative;
  55 }
  56
  57 .GraphSchedule table .rangesWeekend .th {
  58         border-width: 0px;
  59         background-color: rgba(50, 50, 250, 0.2);
  60         position: relative;
  61         padding: 0;
  62 }
  63
  64 .GraphSchedule .flag {
  65         position: absolute;
  66         width: 10px;
  67         height: 60px;
  68         background-color: transparent;
  69         bottom: 19px;
  70 }
  71
  72 .GraphSchedule .flag .container {
  73         position: relative;
  74         width: 10px;
  75         bottom: -1px;
  76         height: 60px;
  77 }
  78
  79 .GraphSchedule .flag .rod {
  80         position: absolute;
  81         width: 2px;
  82         height: 55px;
  83         left: 0;
  84         background-color: brown;
  85         bottom: 0;
  86         border-width: 0 1px 0 0;
  87         border-style: solid;
  88         border-color: #aaa;
  89 }
  90
  91 .GraphSchedule .flag p {
  92         position: absolute;
  93         width: 15px;
  94         left: 3px;
  95         background-color: #f88;
  96         height: 15px;
  97         top: -10px;
  98         background-image: -webkit-linear-gradient(left, #F88 18%, #E31448 59%);
  99 }
 100
 101 .GraphSchedule .flag .hint {
 102         display: none;
 103         position: absolute;
 104         width: 42px;
 105         height: 18px;
 106         top: 8px;
 107         left: 2px;
 108         background-color: #FF9;
 109         -webkit-border-radius: 5px 5px 5px;
 110         position: absolute;
 111 }
 112
 113 .currentTimeBar {
 114         position: absolute;
 115         height: 100px;
 116         background-color: yellow;
 117         width: 2px;
 118         bottom: -20px;
 119         border-width: 0 1px 0 0;
 120         border-style: solid;
 121         border-color: #FC0;
 122 }