josdejong
11 years ago
5 changed files with 16032 additions and 3 deletions
Unified View
Diff Options
-
+2 -2README.md
-
+235 -0dist/vis.css
-
+15765 -0dist/vis.js
-
+29 -0dist/vis.min.js
-
+1 -1docs/graph.html
+ 2
- 2
README.md
View File
+ 235
- 0
dist/vis.css
View File
| @ -0,0 +1,235 @@ | |||||
| .vis.timeline { | |||||
| } | |||||
| .vis.timeline.rootpanel { | |||||
| position: relative; | |||||
| overflow: hidden; | |||||
| border: 1px solid #bfbfbf; | |||||
| -moz-box-sizing: border-box; | |||||
| box-sizing: border-box; | |||||
| } | |||||
| .vis.timeline .panel { | |||||
| position: absolute; | |||||
| overflow: hidden; | |||||
| } | |||||
| .vis.timeline .groupset { | |||||
| position: absolute; | |||||
| padding: 0; | |||||
| margin: 0; | |||||
| } | |||||
| .vis.timeline .labels { | |||||
| position: absolute; | |||||
| top: 0; | |||||
| left: 0; | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| padding: 0; | |||||
| margin: 0; | |||||
| border-right: 1px solid #bfbfbf; | |||||
| box-sizing: border-box; | |||||
| -moz-box-sizing: border-box; | |||||
| } | |||||
| .vis.timeline .labels .label-set { | |||||
| position: absolute; | |||||
| top: 0; | |||||
| left: 0; | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| overflow: hidden; | |||||
| border-top: none; | |||||
| border-bottom: 1px solid #bfbfbf; | |||||
| } | |||||
| .vis.timeline .labels .label-set .label { | |||||
| position: absolute; | |||||
| left: 0; | |||||
| top: 0; | |||||
| width: 100%; | |||||
| color: #4d4d4d; | |||||
| } | |||||
| .vis.timeline.top .labels .label-set .label, | |||||
| .vis.timeline.top .groupset .itemset-axis { | |||||
| border-top: 1px solid #bfbfbf; | |||||
| border-bottom: none; | |||||
| } | |||||
| .vis.timeline.bottom .labels .label-set .label, | |||||
| .vis.timeline.bottom .groupset .itemset-axis { | |||||
| border-top: none; | |||||
| border-bottom: 1px solid #bfbfbf; | |||||
| } | |||||
| .vis.timeline .labels .label-set .label .inner { | |||||
| display: inline-block; | |||||
| padding: 5px; | |||||
| } | |||||
| .vis.timeline .itemset { | |||||
| position: absolute; | |||||
| padding: 0; | |||||
| margin: 0; | |||||
| overflow: hidden; | |||||
| } | |||||
| .vis.timeline .background { | |||||
| } | |||||
| .vis.timeline .foreground { | |||||
| } | |||||
| .vis.timeline .itemset-axis { | |||||
| position: absolute; | |||||
| } | |||||
| .vis.timeline .item { | |||||
| position: absolute; | |||||
| color: #1A1A1A; | |||||
| border-color: #97B0F8; | |||||
| background-color: #D5DDF6; | |||||
| display: inline-block; | |||||
| } | |||||
| .vis.timeline .item.selected { | |||||
| border-color: #FFC200; | |||||
| background-color: #FFF785; | |||||
| z-index: 999; | |||||
| } | |||||
| .vis.timeline .item.cluster { | |||||
| /* TODO: use another color or pattern? */ | |||||
| background: #97B0F8 url('img/cluster_bg.png'); | |||||
| color: white; | |||||
| } | |||||
| .vis.timeline .item.cluster.point { | |||||
| border-color: #D5DDF6; | |||||
| } | |||||
| .vis.timeline .item.box { | |||||
| text-align: center; | |||||
| border-style: solid; | |||||
| border-width: 1px; | |||||
| border-radius: 5px; | |||||
| -moz-border-radius: 5px; /* For Firefox 3.6 and older */ | |||||
| } | |||||
| .vis.timeline .item.point { | |||||
| background: none; | |||||
| } | |||||
| .vis.timeline .dot { | |||||
| border: 5px solid #97B0F8; | |||||
| position: absolute; | |||||
| border-radius: 5px; | |||||
| -moz-border-radius: 5px; /* For Firefox 3.6 and older */ | |||||
| } | |||||
| .vis.timeline .item.range { | |||||
| overflow: hidden; | |||||
| border-style: solid; | |||||
| border-width: 1px; | |||||
| border-radius: 2px; | |||||
| -moz-border-radius: 2px; /* For Firefox 3.6 and older */ | |||||
| } | |||||
| .vis.timeline .item.rangeoverflow { | |||||
| border-style: solid; | |||||
| border-width: 1px; | |||||
| border-radius: 2px; | |||||
| -moz-border-radius: 2px; /* For Firefox 3.6 and older */ | |||||
| } | |||||
| .vis.timeline .item.range .drag-left, .vis.timeline .item.rangeoverflow .drag-left { | |||||
| cursor: w-resize; | |||||
| z-index: 1000; | |||||
| } | |||||
| .vis.timeline .item.range .drag-right, .vis.timeline .item.rangeoverflow .drag-right { | |||||
| cursor: e-resize; | |||||
| z-index: 1000; | |||||
| } | |||||
| .vis.timeline .item.range .content, .vis.timeline .item.rangeoverflow .content { | |||||
| position: relative; | |||||
| display: inline-block; | |||||
| } | |||||
| .vis.timeline .item.line { | |||||
| position: absolute; | |||||
| width: 0; | |||||
| border-left-width: 1px; | |||||
| border-left-style: solid; | |||||
| } | |||||
| .vis.timeline .item .content { | |||||
| margin: 5px; | |||||
| white-space: nowrap; | |||||
| overflow: hidden; | |||||
| } | |||||
| .vis.timeline .axis { | |||||
| position: relative; | |||||
| } | |||||
| .vis.timeline .axis .text { | |||||
| position: absolute; | |||||
| color: #4d4d4d; | |||||
| padding: 3px; | |||||
| white-space: nowrap; | |||||
| } | |||||
| .vis.timeline .axis .text.measure { | |||||
| position: absolute; | |||||
| padding-left: 0; | |||||
| padding-right: 0; | |||||
| margin-left: 0; | |||||
| margin-right: 0; | |||||
| visibility: hidden; | |||||
| } | |||||
| .vis.timeline .axis .grid.vertical { | |||||
| position: absolute; | |||||
| width: 0; | |||||
| border-right: 1px solid; | |||||
| } | |||||
| .vis.timeline .axis .grid.horizontal { | |||||
| position: absolute; | |||||
| left: 0; | |||||
| width: 100%; | |||||
| height: 0; | |||||
| border-bottom: 1px solid; | |||||
| } | |||||
| .vis.timeline .axis .grid.minor { | |||||
| border-color: #e5e5e5; | |||||
| } | |||||
| .vis.timeline .axis .grid.major { | |||||
| border-color: #bfbfbf; | |||||
| } | |||||
| .vis.timeline .currenttime { | |||||
| background-color: #FF7F6E; | |||||
| width: 2px; | |||||
| z-index: 9; | |||||
| } | |||||
| .vis.timeline .customtime { | |||||
| background-color: #6E94FF; | |||||
| width: 2px; | |||||
| cursor: move; | |||||
| z-index: 9; | |||||
| } | |||||