LCARStrek/webide/monitor.css

   1 /* This Source Code Form is subject to the terms of the Mozilla Public
   2  * License, v. 2.0. If a copy of the MPL was not distributed with this
   3  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
   4
   5 /* Graph */
   6 .graph {
   7   height: 500px;
   8   width: 100%;
   9   padding-top: 20px;
  10   padding-bottom: 20px;
  11   margin-bottom: 30px;
  12   background-color: #000000;
  13 }
  14 .graph > svg, .sidebar {
  15   display: inline-block;
  16   vertical-align: top;
  17 }
  18 .disabled {
  19   opacity: 0.5;
  20 }
  21 .graph.disabled {
  22   height: 30px;
  23 }
  24 .graph.disabled > svg {
  25   visibility: hidden;
  26 }
  27 .curve path, .event-slot line {
  28   fill: none;
  29   stroke-width: 1.5px;
  30 }
  31 .axis line {
  32   fill: none;
  33   stroke: #000;
  34   shape-rendering: crispEdges;
  35 }
  36 .axis path {
  37   fill: none;
  38   stroke: black;
  39   stroke-width: 1px;
  40   shape-rendering: crispEdges;
  41 }
  42 .tick text, .x.ruler text, .y.ruler text {
  43   font-size: 0.9em;
  44 }
  45 .x.ruler text {
  46   text-anchor: middle;
  47 }
  48 .y.ruler text {
  49   text-anchor: end;
  50 }
  51
  52 /* Sidebar */
  53 .sidebar {
  54   width: 150px;
  55   overflow-x: hidden;
  56 }
  57 .sidebar label {
  58   cursor: pointer;
  59   display: block;
  60 }
  61 .sidebar span:not(.color) {
  62   vertical-align: 13%;
  63 }
  64 .sidebar input {
  65   visibility: hidden;
  66 }
  67 .sidebar input:hover {
  68   visibility: visible;
  69 }
  70 .graph-title {
  71   margin-top: 5px;
  72   font-size: 1.2em;
  73 }
  74 .legend-color {
  75   display: inline-block;
  76   height: 10px;
  77   width: 10px;
  78   margin-left: 1px;
  79   margin-right: 3px;
  80 }
  81 .legend-id {
  82   font-size: .9em;
  83 }
  84 .graph.disabled > .sidebar > .legend {
  85   display: none;
  86 }