rebuilt

dist/vis.css

@@ -20,11 +20,8 @@
   width: auto;
 }
 
-.vis.timeline {
-}
-
 
-.vis.timeline.root {
+.vis-timeline {
   position: relative;
   border: 1px solid #bfbfbf;
 
@@ -35,7 +32,8 @@
   box-sizing: border-box;
 }
 
-.vis.timeline .vispanel {
+
+.vis-panel {
   position: absolute;
 
   padding: 0;
@@ -44,58 +42,58 @@
   box-sizing: border-box;
 }
 
-.vis.timeline .vispanel.center,
-.vis.timeline .vispanel.left,
-.vis.timeline .vispanel.right,
-.vis.timeline .vispanel.top,
-.vis.timeline .vispanel.bottom {
+.vis-panel.vis-center,
+.vis-panel.vis-left,
+.vis-panel.vis-right,
+.vis-panel.vis-top,
+.vis-panel.vis-bottom {
   border: 1px #bfbfbf;
 }
 
-.vis.timeline .vispanel.center,
-.vis.timeline .vispanel.left,
-.vis.timeline .vispanel.right {
+.vis-panel.vis-center,
+.vis-panel.vis-left,
+.vis-panel.vis-right {
   border-top-style: solid;
   border-bottom-style: solid;
   overflow: hidden;
 }
 
-.vis.timeline .vispanel.center,
-.vis.timeline .vispanel.top,
-.vis.timeline .vispanel.bottom {
+.vis-panel.vis-center,
+.vis-panel.vis-top,
+.vis-panel.vis-bottom {
   border-left-style: solid;
   border-right-style: solid;
 }
 
-.vis.timeline .background {
+.vis-background {
   overflow: hidden;
 }
 
-.vis.timeline .vispanel > .content {
+.vis-panel > .vis-content {
   position: relative;
 }
 
-.vis.timeline .vispanel .shadow {
+.vis-panel .vis-shadow {
   position: absolute;
   width: 100%;
   height: 1px;
   box-shadow: 0 0 10px rgba(0,0,0,0.8);
-  /* TODO: find a nice way to ensure shadows are drawn on top of items
+  /* TODO: find a nice way to ensure vis-shadows are drawn on top of items
   z-index: 1;
   */
 }
 
-.vis.timeline .vispanel .shadow.top {
+.vis-panel .vis-shadow.vis-top {
   top: -1px;
   left: 0;
 }
 
-.vis.timeline .vispanel .shadow.bottom {
+.vis-panel .vis-shadow.vis-bottom {
   bottom: -1px;
   left: 0;
 }
 
-.vis.timeline .labelset {
+.vis-labelset {
   position: relative;
 
   overflow: hidden;
@@ -103,7 +101,7 @@
   box-sizing: border-box;
 }
 
-.vis.timeline .labelset .vlabel {
+.vis-labelset .vis-label {
   position: relative;
   left: 0;
   top: 0;
@@ -113,25 +111,25 @@
   box-sizing: border-box;
 }
 
-.vis.timeline .labelset .vlabel {
+.vis-labelset .vis-label {
   border-bottom: 1px solid #bfbfbf;
 }
 
-.vis.timeline .labelset .vlabel:last-child {
+.vis-labelset .vis-label:last-child {
   border-bottom: none;
 }
 
-.vis.timeline .labelset .vlabel .inner {
+.vis-labelset .vis-label .vis-inner {
   display: inline-block;
   padding: 5px;
 }
 
-.vis.timeline .labelset .vlabel .inner.hidden {
+.vis-labelset .vis-label .vis-inner.vis-hidden {
   padding: 0;
 }
 
 
-.vis.timeline .itemset {
+.vis-itemset {
   position: relative;
   padding: 0;
   margin: 0;
@@ -139,15 +137,15 @@
   box-sizing: border-box;
 }
 
-.vis.timeline .itemset .background,
-.vis.timeline .itemset .foreground {
+.vis-itemset .vis-background,
+.vis-itemset .vis-foreground {
   position: absolute;
   width: 100%;
   height: 100%;
   overflow: visible;
 }
 
-.vis.timeline .axis {
+.vis-axis {
   position: absolute;
   width: 100%;
   height: 0;
@@ -155,18 +153,18 @@
   z-index: 1;
 }
 
-.vis.timeline  .foreground .group {
+.vis-foreground .vis-group {
   position: relative;
   box-sizing: border-box;
   border-bottom: 1px solid #bfbfbf;
 }
 
-.vis.timeline  .foreground .group:last-child {
+.vis-foreground .vis-group:last-child {
   border-bottom: none;
 }
 
 
-.vis.timeline .item {
+.vis-item {
   position: absolute;
   color: #1A1A1A;
   border-color: #97B0F8;
@@ -176,7 +174,7 @@
   overflow: hidden;
 }
 
-.vis.timeline .item.selected {
+.vis-item.vis-selected {
   border-color: #FFC200;
   background-color: #FFF785;
 
@@ -184,25 +182,25 @@
   z-index: 2;
 }
 
-.vis.timeline .editable .item.selected {
+.vis-editable .vis-item.vis-selected {
   cursor: move;
 }
 
-.vis.timeline .item.point.selected {
+.vis-item.vis-point.vis-selected {
   background-color: #FFF785;
 }
 
-.vis.timeline .item.box {
+.vis-item.vis-box {
   text-align: center;
   border-style: solid;
   border-radius: 2px;
 }
 
-.vis.timeline .item.point {
+.vis-item.vis-point {
   background: none;
 }
 
-.vis.timeline .item.dot {
+.vis-item.vis-dot {
   position: absolute;
   padding: 0;
   border-width: 4px;
@@ -210,13 +208,13 @@
   border-radius: 4px;
 }
 
-.vis.timeline .item.range {
+.vis-item.vis-range {
   border-style: solid;
   border-radius: 2px;
   box-sizing: border-box;
 }
 
-.vis.timeline .item.background {
+.vis-item.background {
   border: none;
   background-color: rgba(213, 221, 246, 0.4);
   box-sizing: border-box;
@@ -224,20 +222,20 @@
   margin: 0;
 }
 
-.vis.timeline .item.range .content {
+.vis-item.vis-range .vis-item-content {
   position: relative;
   display: inline-block;
   max-width: 100%;
 }
 
-.vis.timeline .item.background .content {
+.vis-item.background .vis-item-content {
   position: absolute;
   display: inline-block;
   max-width: 100%;
   margin: 5px;
 }
 
-.vis.timeline .item.line {
+.vis-item.vis-line {
   padding: 0;
   position: absolute;
   width: 0;
@@ -245,13 +243,13 @@
   border-left-style: solid;
 }
 
-.vis.timeline .item .content {
+.vis-item .vis-item-content {
   white-space: nowrap;
   box-sizing: border-box;
   padding: 5px;
 }
 
-.vis.timeline .item .delete {
+.vis-item .vis-delete {
   background: url('img/timeline/delete.png') no-repeat top center;
   position: absolute;
   width: 24px;
@@ -261,7 +259,7 @@
   cursor: pointer;
 }
 
-.vis.timeline .item.range .drag-left {
+.vis-item.vis-range .vis-drag-left {
   position: absolute;
   width: 24px;
   height: 100%;
@@ -271,7 +269,7 @@
   cursor: w-resize;
 }
 
-.vis.timeline .item.range .drag-right {
+.vis-item.vis-range .vis-drag-right {
   position: absolute;
   width: 24px;
   height: 100%;
@@ -281,18 +279,18 @@
   cursor: e-resize;
 }
 
-.vis.timeline .timeaxis {
+.vis-time-axis {
   position: relative;
   overflow: hidden;
 }
 
-.vis.timeline .timeaxis.foreground {
+.vis-time-axis.vis-foreground {
   top: 0;
   left: 0;
   width: 100%;
 }
 
-.vis.timeline .timeaxis.background {
+.vis-time-axis.vis-background {
   position: absolute;
   top: 0;
   left: 0;
@@ -300,14 +298,14 @@
   height: 100%;
 }
 
-.vis.timeline .timeaxis .text {
+.vis-time-axis .vis-text {
   position: absolute;
   color: #4d4d4d;
   padding: 3px;
   white-space: nowrap;
 }
 
-.vis.timeline .timeaxis .text.measure {
+.vis-time-axis .vis-text.vis-measure {
   position: absolute;
   padding-left: 0;
   padding-right: 0;
@@ -316,45 +314,45 @@
   visibility: hidden;
 }
 
-.vis.timeline .timeaxis .grid.vertical {
+.vis-time-axis .vis-grid.vis-vertical {
   position: absolute;
   border-left: 1px solid;
 }
 
-.vis.timeline .timeaxis .grid.minor {
+.vis-time-axis .vis-grid.vis-minor {
   border-color: #e5e5e5;
 }
 
-.vis.timeline .timeaxis .grid.major {
+.vis-time-axis .vis-grid.vis-major {
   border-color: #bfbfbf;
 }
 
-.vis.timeline .currenttime {
+.vis-current-time {
   background-color: #FF7F6E;
   width: 2px;
   z-index: 1;
 }
-.vis.timeline .customtime {
+.vis-custom-time {
   background-color: #6E94FF;
   width: 2px;
   cursor: move;
   z-index: 1;
 }
-.vis.timeline.root {
+.vis-timeline {
   /*
   -webkit-transition: height .4s ease-in-out;
   transition:         height .4s ease-in-out;
   */
 }
 
-.vis.timeline .vispanel {
+.vis-panel {
   /*
   -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
   transition:         height .4s ease-in-out, top .4s ease-in-out;
   */
 }
 
-.vis.timeline .axis {
+.vis-axis {
   /*
   -webkit-transition: top .4s ease-in-out;
   transition:         top .4s ease-in-out;
@@ -363,209 +361,207 @@
 
 /* TODO: get animation working nicely
 
-.vis.timeline .item {
+.vis-item {
   -webkit-transition: top .4s ease-in-out;
   transition:         top .4s ease-in-out;
 }
 
-.vis.timeline .item.line {
+.vis-item.line {
   -webkit-transition: height .4s ease-in-out, top .4s ease-in-out;
   transition:         height .4s ease-in-out, top .4s ease-in-out;
 }
 /**/
 
-.vis.timeline .vispanel.background.horizontal .grid.horizontal {
-    position: absolute;
-    width: 100%;
-    height: 0;
-    border-bottom: 1px solid;
+.vis-panel.vis-background.vis-horizontal .vis-grid.vis-horizontal {
+  position: absolute;
+  width: 100%;
+  height: 0;
+  border-bottom: 1px solid;
 }
 
-.vis.timeline .vispanel.background.horizontal .grid.minor {
-    border-color: #e5e5e5;
+.vis-panel.vis-background.vis-horizontal .vis-grid.vis-minor {
+  border-color: #e5e5e5;
 }
 
-.vis.timeline .vispanel.background.horizontal .grid.major {
-    border-color: #bfbfbf;
+.vis-panel.vis-background.vis-horizontal .vis-grid.vis-major {
+  border-color: #bfbfbf;
 }
 
 
-.vis.timeline .dataaxis .yAxis.major {
-    width: 100%;
-    position: absolute;
-    color: #4d4d4d;
-    white-space: nowrap;
+.vis-data-axis .vis-y-axis.vis-major {
+  width: 100%;
+  position: absolute;
+  color: #4d4d4d;
+  white-space: nowrap;
 }
 
-.vis.timeline .dataaxis .yAxis.major.measure{
-    padding: 0px 0px 0px 0px;
-    margin: 0px 0px 0px 0px;
-    border: 0px;
-    visibility: hidden;
-    width: auto;
+.vis-data-axis .vis-y-axis.vis-major.vis-measure {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  visibility: hidden;
+  width: auto;
 }
 
 
-.vis.timeline .dataaxis .yAxis.minor{
-    position: absolute;
-    width: 100%;
-    color: #bebebe;
-    white-space: nowrap;
+.vis-data-axis .vis-y-axis.vis-minor {
+  position: absolute;
+  width: 100%;
+  color: #bebebe;
+  white-space: nowrap;
 }
 
-.vis.timeline .dataaxis .yAxis.minor.measure{
-    padding: 0px 0px 0px 0px;
-    margin: 0px 0px 0px 0px;
-    border: 0px;
-    visibility: hidden;
-    width: auto;
+.vis-data-axis .vis-y-axis.vis-minor.vis-measure {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  visibility: hidden;
+  width: auto;
 }
 
-.vis.timeline .dataaxis .yAxis.title{
-    position: absolute;
-    color: #4d4d4d;
-    white-space: nowrap;
-    bottom: 20px;
-    text-align: center;
-}
-
-.vis.timeline .dataaxis .yAxis.title.measure{
-    padding: 0px 0px 0px 0px;
-    margin: 0px 0px 0px 0px;
-    visibility: hidden;
-    width: auto;
-}
-
-.vis.timeline .dataaxis .yAxis.title.left {
-    bottom: 0px;
-    -webkit-transform-origin: left top;
-    -moz-transform-origin: left top;
-    -ms-transform-origin: left top;
-    -o-transform-origin: left top;
-    transform-origin: left bottom;
-    -webkit-transform: rotate(-90deg);
-    -moz-transform: rotate(-90deg);
-    -ms-transform: rotate(-90deg);
-    -o-transform: rotate(-90deg);
-    transform: rotate(-90deg);
-}
-
-.vis.timeline .dataaxis .yAxis.title.right {
-    bottom: 0px;
-    -webkit-transform-origin: right bottom;
-    -moz-transform-origin: right bottom;
-    -ms-transform-origin: right bottom;
-    -o-transform-origin: right bottom;
-    transform-origin: right bottom;
-    -webkit-transform: rotate(90deg);
-    -moz-transform: rotate(90deg);
-    -ms-transform: rotate(90deg);
-    -o-transform: rotate(90deg);
-    transform: rotate(90deg);
-}
-
-.vis.timeline .legend {
-    background-color: rgba(247, 252, 255, 0.65);
-    padding: 5px;
-    border-color: #b3b3b3;
-    border-style:solid;
-    border-width: 1px;
-    box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
-}
-
-.vis.timeline .legendText {
-    /*font-size: 10px;*/
-    white-space: nowrap;
-    display: inline-block
-}
-.vis.timeline .graphGroup0 {
+.vis-data-axis .vis-y-axis.vis-title {
+  position: absolute;
+  color: #4d4d4d;
+  white-space: nowrap;
+  bottom: 20px;
+  text-align: center;
+}
+
+.vis-data-axis .vis-y-axis.vis-title.vis-measure {
+  padding: 0;
+  margin: 0;
+  visibility: hidden;
+  width: auto;
+}
+
+.vis-data-axis .vis-y-axis.vis-title.vis-left {
+  bottom: 0;
+  -webkit-transform-origin: left top;
+  -moz-transform-origin: left top;
+  -ms-transform-origin: left top;
+  -o-transform-origin: left top;
+  transform-origin: left bottom;
+  -webkit-transform: rotate(-90deg);
+  -moz-transform: rotate(-90deg);
+  -ms-transform: rotate(-90deg);
+  -o-transform: rotate(-90deg);
+  transform: rotate(-90deg);
+}
+
+.vis-data-axis .vis-y-axis.vis-title.vis-right {
+  bottom: 0;
+  -webkit-transform-origin: right bottom;
+  -moz-transform-origin: right bottom;
+  -ms-transform-origin: right bottom;
+  -o-transform-origin: right bottom;
+  transform-origin: right bottom;
+  -webkit-transform: rotate(90deg);
+  -moz-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  -o-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+
+.vis-legend {
+  background-color: rgba(247, 252, 255, 0.65);
+  padding: 5px;
+  border: 1px solid #b3b3b3;
+  box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
+}
+
+.vis-legend-text {
+  /*font-size: 10px;*/
+  white-space: nowrap;
+  display: inline-block
+}
+.vis-graph-group0 {
     fill:#4f81bd;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #4f81bd;
 }
 
-.vis.timeline .graphGroup1 {
+.vis-graph-group1 {
     fill:#f79646;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #f79646;
 }
 
-.vis.timeline .graphGroup2 {
+.vis-graph-group2 {
     fill: #8c51cf;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #8c51cf;
 }
 
-.vis.timeline .graphGroup3 {
+.vis-graph-group3 {
     fill: #75c841;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #75c841;
 }
 
-.vis.timeline .graphGroup4 {
+.vis-graph-group4 {
     fill: #ff0100;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #ff0100;
 }
 
-.vis.timeline .graphGroup5 {
+.vis-graph-group5 {
     fill: #37d8e6;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #37d8e6;
 }
 
-.vis.timeline .graphGroup6 {
+.vis-graph-group6 {
     fill: #042662;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #042662;
 }
 
-.vis.timeline .graphGroup7 {
+.vis-graph-group7 {
     fill:#00ff26;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #00ff26;
 }
 
-.vis.timeline .graphGroup8 {
+.vis-graph-group8 {
     fill:#ff00ff;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #ff00ff;
 }
 
-.vis.timeline .graphGroup9 {
+.vis-graph-group9 {
     fill: #8f3938;
     fill-opacity:0;
     stroke-width:2px;
     stroke: #8f3938;
 }
 
-.vis.timeline .fill {
+.vis-fill {
     fill-opacity:0.1;
     stroke: none;
 }
 
 
-.vis.timeline .bar {
+.vis-bar {
     fill-opacity:0.5;
     stroke-width:1px;
 }
 
-.vis.timeline .point {
+.vis-point {
     stroke-width:2px;
     fill-opacity:1.0;
 }
 
 
-.vis.timeline .legendBackground {
+.vis-legend-background {
     stroke-width:1px;
     fill-opacity:0.9;
     fill: #ffffff;
@@ -573,14 +569,14 @@
 }
 
 
-.vis.timeline .outline {
+.vis-outline {
     stroke-width:1px;
     fill-opacity:1;
     fill: #ffffff;
     stroke: #e5e5e5;
 }
 
-.vis.timeline .iconFill {
+.vis-icon-fill {
     fill-opacity:0.3;
     stroke: none;
 }