josdejong
10 years ago
5 changed files with 16032 additions and 3 deletions
Split 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; | |||
| } | |||