js: add new sensor

[chrisu/seepark.git] / web / static / c3.css

diff --git a/web/static/c3.css b/web/static/c3.css
index cb1ae3223a6c91fee825ba42a6eaabb78fc2b1de..7f7cda8910c7eb0a2cafcf020b25de91ff09c504 100644 (file)
--- a/web/static/c3.css
+++ b/web/static/c3.css
@@ -1,112 +1,138 @@
 /*-- Chart --*/
 .c3 svg {
   font: 10px sans-serif;
 /*-- Chart --*/
 .c3 svg {
   font: 10px sans-serif;

-  -webkit-tap-highlight-color: transparent; }
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}

 
 .c3 path, .c3 line {
   fill: none;
 
 .c3 path, .c3 line {
   fill: none;

-  stroke: #000; }
+  stroke: #000;
+}

 
 .c3 text {
   -webkit-user-select: none;
   -moz-user-select: none;
 
 .c3 text {
   -webkit-user-select: none;
   -moz-user-select: none;

-  user-select: none; }
+  user-select: none;
+}

 
 .c3-legend-item-tile,
 .c3-xgrid-focus,
 .c3-ygrid,
 .c3-event-rect,
 .c3-bars path {
 
 .c3-legend-item-tile,
 .c3-xgrid-focus,
 .c3-ygrid,
 .c3-event-rect,
 .c3-bars path {

-  shape-rendering: crispEdges; }
+  shape-rendering: crispEdges;
+}

 
 .c3-chart-arc path {
 
 .c3-chart-arc path {

-  stroke: #fff; }
+  stroke: #fff;
+}

 
 .c3-chart-arc rect {
   stroke: white;
 
 .c3-chart-arc rect {
   stroke: white;

-  stroke-width: 1; }
+  stroke-width: 1;
+}

 
 .c3-chart-arc text {
   fill: #fff;
 
 .c3-chart-arc text {
   fill: #fff;

-  font-size: 13px; }
+  font-size: 13px;
+}

 
 /*-- Axis --*/
 /*-- Grid --*/
 .c3-grid line {
 
 /*-- Axis --*/
 /*-- Grid --*/
 .c3-grid line {

-  stroke: #aaa; }
+  stroke: #aaa;
+}

 
 .c3-grid text {
 
 .c3-grid text {

-  fill: #aaa; }
+  fill: #aaa;
+}

 
 .c3-xgrid, .c3-ygrid {
 
 .c3-xgrid, .c3-ygrid {

-  stroke-dasharray: 3 3; }
+  stroke-dasharray: 3 3;
+}

 
 /*-- Text on Chart --*/
 .c3-text.c3-empty {
   fill: #808080;
 
 /*-- Text on Chart --*/
 .c3-text.c3-empty {
   fill: #808080;

-  font-size: 2em; }
+  font-size: 2em;
+}

 
 /*-- Line --*/
 .c3-line {
 
 /*-- Line --*/
 .c3-line {

-  stroke-width: 1px; }
+  stroke-width: 1px;
+}

 
 /*-- Point --*/
 .c3-circle._expanded_ {
   stroke-width: 1px;
 
 /*-- Point --*/
 .c3-circle._expanded_ {
   stroke-width: 1px;

-  stroke: white; }
+  stroke: white;
+}

 
 .c3-selected-circle {
   fill: white;
 
 .c3-selected-circle {
   fill: white;

-  stroke-width: 2px; }
+  stroke-width: 2px;
+}

 
 /*-- Bar --*/
 .c3-bar {
 
 /*-- Bar --*/
 .c3-bar {

-  stroke-width: 0; }
+  stroke-width: 0;
+}

 
 .c3-bar._expanded_ {
   fill-opacity: 1;
 
 .c3-bar._expanded_ {
   fill-opacity: 1;

-  fill-opacity: 0.75; }
+  fill-opacity: 0.75;
+}

 
 /*-- Focus --*/
 .c3-target.c3-focused {
 
 /*-- Focus --*/
 .c3-target.c3-focused {

-  opacity: 1; }
+  opacity: 1;
+}

 
 .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
 
 .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {

-  stroke-width: 2px; }
+  stroke-width: 2px;
+}

 
 .c3-target.c3-defocused {
 
 .c3-target.c3-defocused {

-  opacity: 0.3 !important; }
+  opacity: 0.3 !important;
+}

 
 /*-- Region --*/
 .c3-region {
   fill: steelblue;
 
 /*-- Region --*/
 .c3-region {
   fill: steelblue;

-  fill-opacity: .1; }
+  fill-opacity: 0.1;
+}

 
 /*-- Brush --*/
 .c3-brush .extent {
 
 /*-- Brush --*/
 .c3-brush .extent {

-  fill-opacity: .1; }
+  fill-opacity: 0.1;
+}

 
 /*-- Select - Drag --*/
 /*-- Legend --*/
 .c3-legend-item {
 
 /*-- Select - Drag --*/
 /*-- Legend --*/
 .c3-legend-item {

-  font-size: 12px; }
+  font-size: 12px;
+}

 
 .c3-legend-item-hidden {
 
 .c3-legend-item-hidden {

-  opacity: 0.15; }
+  opacity: 0.15;
+}

 
 .c3-legend-background {
   opacity: 0.75;
   fill: white;
   stroke: lightgray;
 
 .c3-legend-background {
   opacity: 0.75;
   fill: white;
   stroke: lightgray;

-  stroke-width: 1; }
+  stroke-width: 1;
+}

 
 /*-- Title --*/
 .c3-title {
 
 /*-- Title --*/
 .c3-title {

-  font: 14px sans-serif; }
+  font: 14px sans-serif;
+}

 
 /*-- Tooltip --*/
 .c3-tooltip-container {
 
 /*-- Tooltip --*/
 .c3-tooltip-container {

-  z-index: 10; }
+  z-index: 10;
+}

 
 .c3-tooltip {
   border-collapse: collapse;
 
 .c3-tooltip {
   border-collapse: collapse;


@@ -116,63 +142,93 @@
   -webkit-box-shadow: 7px 7px 12px -9px #777777;
   -moz-box-shadow: 7px 7px 12px -9px #777777;
   box-shadow: 7px 7px 12px -9px #777777;
   -webkit-box-shadow: 7px 7px 12px -9px #777777;
   -moz-box-shadow: 7px 7px 12px -9px #777777;
   box-shadow: 7px 7px 12px -9px #777777;

-  opacity: 0.9; }
+  opacity: 0.9;
+}

 
 .c3-tooltip tr {
 
 .c3-tooltip tr {

-  border: 1px solid #CCC; }
+  border: 1px solid #CCC;
+}

 
 .c3-tooltip th {
   background-color: #aaa;
   font-size: 14px;
   padding: 2px 5px;
   text-align: left;
 
 .c3-tooltip th {
   background-color: #aaa;
   font-size: 14px;
   padding: 2px 5px;
   text-align: left;

-  color: #FFF; }
+  color: #FFF;
+}

 
 .c3-tooltip td {
   font-size: 13px;
   padding: 3px 6px;
   background-color: #fff;
 
 .c3-tooltip td {
   font-size: 13px;
   padding: 3px 6px;
   background-color: #fff;

-  border-left: 1px dotted #999; }
+  border-left: 1px dotted #999;
+}

 
 .c3-tooltip td > span {
   display: inline-block;
   width: 10px;
   height: 10px;
 
 .c3-tooltip td > span {
   display: inline-block;
   width: 10px;
   height: 10px;

-  margin-right: 6px; }
+  margin-right: 6px;
+}

 
 .c3-tooltip td.value {
 
 .c3-tooltip td.value {

-  text-align: right; }
+  text-align: right;
+}

 
 /*-- Area --*/
 .c3-area {
   stroke-width: 0;
 
 /*-- Area --*/
 .c3-area {
   stroke-width: 0;

-  opacity: 0.2; }
+  opacity: 0.2;
+}

 
 /*-- Arc --*/
 .c3-chart-arcs-title {
   dominant-baseline: middle;
 
 /*-- Arc --*/
 .c3-chart-arcs-title {
   dominant-baseline: middle;

-  font-size: 1.3em; }
+  font-size: 1.3em;
+}

 
 .c3-chart-arcs .c3-chart-arcs-background {
   fill: #e0e0e0;
 
 .c3-chart-arcs .c3-chart-arcs-background {
   fill: #e0e0e0;

-  stroke: #FFF; }
+  stroke: #FFF;
+}

 
 .c3-chart-arcs .c3-chart-arcs-gauge-unit {
   fill: #000;
 
 .c3-chart-arcs .c3-chart-arcs-gauge-unit {
   fill: #000;

-  font-size: 16px; }
+  font-size: 16px;
+}

 
 .c3-chart-arcs .c3-chart-arcs-gauge-max {
 
 .c3-chart-arcs .c3-chart-arcs-gauge-max {

-  fill: #777; }
+  fill: #777;
+}

 
 .c3-chart-arcs .c3-chart-arcs-gauge-min {
 
 .c3-chart-arcs .c3-chart-arcs-gauge-min {

-  fill: #777; }
+  fill: #777;
+}

 
 .c3-chart-arc .c3-gauge-value {
   fill: #000;
 
 .c3-chart-arc .c3-gauge-value {
   fill: #000;

-  /*  font-size: 28px !important;*/ }
+  /*  font-size: 28px !important;*/
+}

 
 .c3-chart-arc.c3-target g path {
 
 .c3-chart-arc.c3-target g path {

-  opacity: 1; }
+  opacity: 1;
+}

 
 .c3-chart-arc.c3-target.c3-focused g path {
 
 .c3-chart-arc.c3-target.c3-focused g path {

-  opacity: 1; }
+  opacity: 1;
+}
+
+/*-- Zoom --*/
+.c3-drag-zoom.enabled {
+  pointer-events: all !important;
+  visibility: visible;
+}
+
+.c3-drag-zoom.disabled {
+  pointer-events: none !important;
+  visibility: hidden;
+}
+
+.c3-drag-zoom .extent {
+  fill-opacity: 0.1;
+}