Browse Source

rebuilt

flowchartTest
Alex de Mulder 9 years ago
parent
commit
8d509ed4c5
3 changed files with 1148 additions and 1152 deletions
  1. +165
    -169
      dist/vis.css
  2. +982
    -982
      dist/vis.js
  3. +1
    -1
      dist/vis.min.css

+ 165
- 169
dist/vis.css View File

@ -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;
}

+ 982
- 982
dist/vis.js
File diff suppressed because it is too large
View File


+ 1
- 1
dist/vis.min.css
File diff suppressed because it is too large
View File


Loading…
Cancel
Save