1 | .vis .overlay {
|
2 | position: absolute;
|
3 | top: 0;
|
4 | left: 0;
|
5 | width: 100%;
|
6 | height: 100%;
|
7 |
|
8 |
|
9 | z-index: 10;
|
10 | }
|
11 |
|
12 | .vis-active {
|
13 | box-shadow: 0 0 10px #86d5f8;
|
14 | }
|
15 |
|
16 | .vis.timeline {
|
17 | }
|
18 |
|
19 |
|
20 | .vis.timeline.root {
|
21 | position: relative;
|
22 | border: 1px solid #bfbfbf;
|
23 |
|
24 | overflow: hidden;
|
25 | padding: 0;
|
26 | margin: 0;
|
27 |
|
28 | box-sizing: border-box;
|
29 | }
|
30 |
|
31 | .vis.timeline .vispanel {
|
32 | position: absolute;
|
33 |
|
34 | padding: 0;
|
35 | margin: 0;
|
36 |
|
37 | box-sizing: border-box;
|
38 | }
|
39 |
|
40 | .vis.timeline .vispanel.center,
|
41 | .vis.timeline .vispanel.left,
|
42 | .vis.timeline .vispanel.right,
|
43 | .vis.timeline .vispanel.top,
|
44 | .vis.timeline .vispanel.bottom {
|
45 | border: 1px #bfbfbf;
|
46 | }
|
47 |
|
48 | .vis.timeline .vispanel.center,
|
49 | .vis.timeline .vispanel.left,
|
50 | .vis.timeline .vispanel.right {
|
51 | border-top-style: solid;
|
52 | border-bottom-style: solid;
|
53 | overflow: hidden;
|
54 | }
|
55 |
|
56 | .vis.timeline .vispanel.center,
|
57 | .vis.timeline .vispanel.top,
|
58 | .vis.timeline .vispanel.bottom {
|
59 | border-left-style: solid;
|
60 | border-right-style: solid;
|
61 | }
|
62 |
|
63 | .vis.timeline .background {
|
64 | overflow: hidden;
|
65 | }
|
66 |
|
67 | .vis.timeline .vispanel > .content {
|
68 | position: relative;
|
69 | }
|
70 |
|
71 | .vis.timeline .vispanel .shadow {
|
72 | position: absolute;
|
73 | width: 100%;
|
74 | height: 1px;
|
75 | box-shadow: 0 0 10px rgba(0,0,0,0.8);
|
76 | |
77 |
|
78 |
|
79 | }
|
80 |
|
81 | .vis.timeline .vispanel .shadow.top {
|
82 | top: -1px;
|
83 | left: 0;
|
84 | }
|
85 |
|
86 | .vis.timeline .vispanel .shadow.bottom {
|
87 | bottom: -1px;
|
88 | left: 0;
|
89 | }
|
90 |
|
91 | .vis.timeline .labelset {
|
92 | position: relative;
|
93 | width: 100%;
|
94 |
|
95 | overflow: hidden;
|
96 |
|
97 | box-sizing: border-box;
|
98 | }
|
99 |
|
100 | .vis.timeline .labelset .vlabel {
|
101 | position: relative;
|
102 | left: 0;
|
103 | top: 0;
|
104 | width: 100%;
|
105 | color: #4d4d4d;
|
106 |
|
107 | box-sizing: border-box;
|
108 | }
|
109 |
|
110 | .vis.timeline .labelset .vlabel {
|
111 | border-bottom: 1px solid #bfbfbf;
|
112 | }
|
113 |
|
114 | .vis.timeline .labelset .vlabel:last-child {
|
115 | border-bottom: none;
|
116 | }
|
117 |
|
118 | .vis.timeline .labelset .vlabel .inner {
|
119 | display: inline-block;
|
120 | padding: 5px;
|
121 | }
|
122 |
|
123 | .vis.timeline .labelset .vlabel .inner.hidden {
|
124 | padding: 0;
|
125 | }
|
126 |
|
127 |
|
128 | .vis.timeline .itemset {
|
129 | position: relative;
|
130 | padding: 0;
|
131 | margin: 0;
|
132 |
|
133 | box-sizing: border-box;
|
134 | }
|
135 |
|
136 | .vis.timeline .itemset .background,
|
137 | .vis.timeline .itemset .foreground {
|
138 | position: absolute;
|
139 | width: 100%;
|
140 | height: 100%;
|
141 | }
|
142 |
|
143 | .vis.timeline .axis {
|
144 | position: absolute;
|
145 | width: 100%;
|
146 | height: 0;
|
147 | left: 0;
|
148 | z-index: 1;
|
149 | }
|
150 |
|
151 | .vis.timeline .foreground .group {
|
152 | position: relative;
|
153 | box-sizing: border-box;
|
154 | border-bottom: 1px solid #bfbfbf;
|
155 | }
|
156 |
|
157 | .vis.timeline .foreground .group:last-child {
|
158 | border-bottom: none;
|
159 | }
|
160 |
|
161 |
|
162 | .vis.timeline .item {
|
163 | position: absolute;
|
164 | color: #1A1A1A;
|
165 | border-color: #97B0F8;
|
166 | border-width: 1px;
|
167 | background-color: #D5DDF6;
|
168 | display: inline-block;
|
169 | padding: 5px;
|
170 | }
|
171 |
|
172 | .vis.timeline .item.selected {
|
173 | border-color: #FFC200;
|
174 | background-color: #FFF785;
|
175 |
|
176 |
|
177 | z-index: 2;
|
178 | }
|
179 |
|
180 | .vis.timeline .editable .item.selected {
|
181 | cursor: move;
|
182 | }
|
183 |
|
184 | .vis.timeline .item.point.selected {
|
185 | background-color: #FFF785;
|
186 | }
|
187 |
|
188 | .vis.timeline .item.box {
|
189 | text-align: center;
|
190 | border-style: solid;
|
191 | border-radius: 2px;
|
192 | }
|
193 |
|
194 | .vis.timeline .item.point {
|
195 | background: none;
|
196 | }
|
197 |
|
198 | .vis.timeline .item.dot {
|
199 | position: absolute;
|
200 | padding: 0;
|
201 | border-width: 4px;
|
202 | border-style: solid;
|
203 | border-radius: 4px;
|
204 | }
|
205 |
|
206 | .vis.timeline .item.range {
|
207 | border-style: solid;
|
208 | border-radius: 2px;
|
209 | box-sizing: border-box;
|
210 | }
|
211 |
|
212 | .vis.timeline .item.background {
|
213 | overflow: hidden;
|
214 | border: none;
|
215 | background-color: rgba(213, 221, 246, 0.4);
|
216 | box-sizing: border-box;
|
217 | top: 0;
|
218 | bottom: 0;
|
219 | }
|
220 |
|
221 | .vis.timeline .item.range .content {
|
222 | position: relative;
|
223 | display: inline-block;
|
224 | overflow: hidden;
|
225 | max-width: 100%;
|
226 | }
|
227 |
|
228 | .vis.timeline .item.background .content {
|
229 | position: absolute;
|
230 | display: inline-block;
|
231 | overflow: hidden;
|
232 | max-width: 100%;
|
233 | margin: 5px;
|
234 | }
|
235 |
|
236 | .vis.timeline .item.line {
|
237 | padding: 0;
|
238 | position: absolute;
|
239 | width: 0;
|
240 | border-left-width: 1px;
|
241 | border-left-style: solid;
|
242 | }
|
243 |
|
244 | .vis.timeline .item .content {
|
245 | white-space: nowrap;
|
246 | overflow: hidden;
|
247 | }
|
248 |
|
249 | .vis.timeline .item .delete {
|
250 | background: url('img/timeline/delete.png') no-repeat top center;
|
251 | position: absolute;
|
252 | width: 24px;
|
253 | height: 24px;
|
254 | top: 0;
|
255 | right: -24px;
|
256 | cursor: pointer;
|
257 | }
|
258 |
|
259 | .vis.timeline .item.range .drag-left {
|
260 | position: absolute;
|
261 | width: 24px;
|
262 | height: 100%;
|
263 | top: 0;
|
264 | left: -4px;
|
265 |
|
266 | cursor: w-resize;
|
267 | }
|
268 |
|
269 | .vis.timeline .item.range .drag-right {
|
270 | position: absolute;
|
271 | width: 24px;
|
272 | height: 100%;
|
273 | top: 0;
|
274 | right: -4px;
|
275 |
|
276 | cursor: e-resize;
|
277 | }
|
278 |
|
279 | .vis.timeline .timeaxis {
|
280 | position: relative;
|
281 | overflow: hidden;
|
282 | }
|
283 |
|
284 | .vis.timeline .timeaxis.foreground {
|
285 | top: 0;
|
286 | left: 0;
|
287 | width: 100%;
|
288 | }
|
289 |
|
290 | .vis.timeline .timeaxis.background {
|
291 | position: absolute;
|
292 | top: 0;
|
293 | left: 0;
|
294 | width: 100%;
|
295 | height: 100%;
|
296 | }
|
297 |
|
298 | .vis.timeline .timeaxis .text {
|
299 | position: absolute;
|
300 | color: #4d4d4d;
|
301 | padding: 3px;
|
302 | white-space: nowrap;
|
303 | }
|
304 |
|
305 | .vis.timeline .timeaxis .text.measure {
|
306 | position: absolute;
|
307 | padding-left: 0;
|
308 | padding-right: 0;
|
309 | margin-left: 0;
|
310 | margin-right: 0;
|
311 | visibility: hidden;
|
312 | }
|
313 |
|
314 | .vis.timeline .timeaxis .grid.vertical {
|
315 | position: absolute;
|
316 | width: 0;
|
317 | border-right: 1px solid;
|
318 | }
|
319 |
|
320 | .vis.timeline .timeaxis .grid.minor {
|
321 | border-color: #e5e5e5;
|
322 | }
|
323 |
|
324 | .vis.timeline .timeaxis .grid.major {
|
325 | border-color: #bfbfbf;
|
326 | }
|
327 |
|
328 | .vis.timeline .currenttime {
|
329 | background-color: #FF7F6E;
|
330 | width: 2px;
|
331 | z-index: 1;
|
332 | }
|
333 | .vis.timeline .customtime {
|
334 | background-color: #6E94FF;
|
335 | width: 2px;
|
336 | cursor: move;
|
337 | z-index: 1;
|
338 | }
|
339 | .vis.timeline.root {
|
340 | |
341 |
|
342 |
|
343 |
|
344 | }
|
345 |
|
346 | .vis.timeline .vispanel {
|
347 | |
348 |
|
349 |
|
350 |
|
351 | }
|
352 |
|
353 | .vis.timeline .axis {
|
354 | |
355 |
|
356 |
|
357 |
|
358 | }
|
359 |
|
360 |
|
361 |
|
362 |
|
363 |
|
364 |
|
365 |
|
366 |
|
367 |
|
368 |
|
369 |
|
370 |
|
371 |
|
372 |
|
373 | .vis.timeline .vispanel.background.horizontal .grid.horizontal {
|
374 | position: absolute;
|
375 | width: 100%;
|
376 | height: 0;
|
377 | border-bottom: 1px solid;
|
378 | }
|
379 |
|
380 | .vis.timeline .vispanel.background.horizontal .grid.minor {
|
381 | border-color: #e5e5e5;
|
382 | }
|
383 |
|
384 | .vis.timeline .vispanel.background.horizontal .grid.major {
|
385 | border-color: #bfbfbf;
|
386 | }
|
387 |
|
388 |
|
389 | .vis.timeline .dataaxis .yAxis.major {
|
390 | width: 100%;
|
391 | position: absolute;
|
392 | color: #4d4d4d;
|
393 | white-space: nowrap;
|
394 | }
|
395 |
|
396 | .vis.timeline .dataaxis .yAxis.major.measure{
|
397 | padding: 0px 0px 0px 0px;
|
398 | margin: 0px 0px 0px 0px;
|
399 | visibility: hidden;
|
400 | width: auto;
|
401 | }
|
402 |
|
403 |
|
404 | .vis.timeline .dataaxis .yAxis.minor{
|
405 | position: absolute;
|
406 | width: 100%;
|
407 | color: #bebebe;
|
408 | white-space: nowrap;
|
409 | }
|
410 |
|
411 | .vis.timeline .dataaxis .yAxis.minor.measure{
|
412 | padding: 0px 0px 0px 0px;
|
413 | margin: 0px 0px 0px 0px;
|
414 | visibility: hidden;
|
415 | width: auto;
|
416 | }
|
417 |
|
418 |
|
419 | .vis.timeline .legend {
|
420 | background-color: rgba(247, 252, 255, 0.65);
|
421 | padding: 5px;
|
422 | border-color: #b3b3b3;
|
423 | border-style:solid;
|
424 | border-width: 1px;
|
425 | box-shadow: 2px 2px 10px rgba(154, 154, 154, 0.55);
|
426 | }
|
427 |
|
428 | .vis.timeline .legendText {
|
429 |
|
430 | white-space: nowrap;
|
431 | display: inline-block
|
432 | }
|
433 | .vis.timeline .graphGroup0 {
|
434 | fill:#4f81bd;
|
435 | fill-opacity:0;
|
436 | stroke-width:2px;
|
437 | stroke: #4f81bd;
|
438 | }
|
439 |
|
440 | .vis.timeline .graphGroup1 {
|
441 | fill:#f79646;
|
442 | fill-opacity:0;
|
443 | stroke-width:2px;
|
444 | stroke: #f79646;
|
445 | }
|
446 |
|
447 | .vis.timeline .graphGroup2 {
|
448 | fill: #8c51cf;
|
449 | fill-opacity:0;
|
450 | stroke-width:2px;
|
451 | stroke: #8c51cf;
|
452 | }
|
453 |
|
454 | .vis.timeline .graphGroup3 {
|
455 | fill: #75c841;
|
456 | fill-opacity:0;
|
457 | stroke-width:2px;
|
458 | stroke: #75c841;
|
459 | }
|
460 |
|
461 | .vis.timeline .graphGroup4 {
|
462 | fill: #ff0100;
|
463 | fill-opacity:0;
|
464 | stroke-width:2px;
|
465 | stroke: #ff0100;
|
466 | }
|
467 |
|
468 | .vis.timeline .graphGroup5 {
|
469 | fill: #37d8e6;
|
470 | fill-opacity:0;
|
471 | stroke-width:2px;
|
472 | stroke: #37d8e6;
|
473 | }
|
474 |
|
475 | .vis.timeline .graphGroup6 {
|
476 | fill: #042662;
|
477 | fill-opacity:0;
|
478 | stroke-width:2px;
|
479 | stroke: #042662;
|
480 | }
|
481 |
|
482 | .vis.timeline .graphGroup7 {
|
483 | fill:#00ff26;
|
484 | fill-opacity:0;
|
485 | stroke-width:2px;
|
486 | stroke: #00ff26;
|
487 | }
|
488 |
|
489 | .vis.timeline .graphGroup8 {
|
490 | fill:#ff00ff;
|
491 | fill-opacity:0;
|
492 | stroke-width:2px;
|
493 | stroke: #ff00ff;
|
494 | }
|
495 |
|
496 | .vis.timeline .graphGroup9 {
|
497 | fill: #8f3938;
|
498 | fill-opacity:0;
|
499 | stroke-width:2px;
|
500 | stroke: #8f3938;
|
501 | }
|
502 |
|
503 | .vis.timeline .fill {
|
504 | fill-opacity:0.1;
|
505 | stroke: none;
|
506 | }
|
507 |
|
508 |
|
509 | .vis.timeline .bar {
|
510 | fill-opacity:0.5;
|
511 | stroke-width:1px;
|
512 | }
|
513 |
|
514 | .vis.timeline .point {
|
515 | stroke-width:2px;
|
516 | fill-opacity:1.0;
|
517 | }
|
518 |
|
519 |
|
520 | .vis.timeline .legendBackground {
|
521 | stroke-width:1px;
|
522 | fill-opacity:0.9;
|
523 | fill: #ffffff;
|
524 | stroke: #c2c2c2;
|
525 | }
|
526 |
|
527 |
|
528 | .vis.timeline .outline {
|
529 | stroke-width:1px;
|
530 | fill-opacity:1;
|
531 | fill: #ffffff;
|
532 | stroke: #e5e5e5;
|
533 | }
|
534 |
|
535 | .vis.timeline .iconFill {
|
536 | fill-opacity:0.3;
|
537 | stroke: none;
|
538 | }
|
539 |
|
540 |
|
541 |
|
542 | div.network-manipulationDiv {
|
543 | border-width: 0;
|
544 | border-bottom: 1px;
|
545 | border-style:solid;
|
546 | border-color: #d6d9d8;
|
547 | background: #ffffff;
|
548 | background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 48%, #fafafa 50%, #fcfcfc 100%);
|
549 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(48%,#fcfcfc), color-stop(50%,#fafafa), color-stop(100%,#fcfcfc));
|
550 | background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);
|
551 | background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);
|
552 | background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);
|
553 | background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 48%,#fafafa 50%,#fcfcfc 100%);
|
554 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcfcfc',GradientType=0 );
|
555 |
|
556 | position: absolute;
|
557 | left: 0;
|
558 | top: 0;
|
559 | width: 100%;
|
560 | height: 30px;
|
561 | }
|
562 |
|
563 | div.network-manipulation-editMode {
|
564 | position:absolute;
|
565 | left: 0;
|
566 | top: 0;
|
567 | height: 30px;
|
568 | margin-top:20px;
|
569 | }
|
570 |
|
571 | div.network-manipulation-closeDiv {
|
572 | position:absolute;
|
573 | right: 0;
|
574 | top: 0;
|
575 | width: 30px;
|
576 | height: 30px;
|
577 |
|
578 | background-position: 20px 3px;
|
579 | background-repeat: no-repeat;
|
580 | background-image: url("img/network/cross.png");
|
581 | cursor: pointer;
|
582 | -webkit-touch-callout: none;
|
583 | -webkit-user-select: none;
|
584 | -khtml-user-select: none;
|
585 | -moz-user-select: none;
|
586 | -ms-user-select: none;
|
587 | user-select: none;
|
588 | }
|
589 |
|
590 | div.network-manipulation-closeDiv:hover {
|
591 | opacity: 0.6;
|
592 | }
|
593 |
|
594 | span.network-manipulationUI {
|
595 | font-family: verdana;
|
596 | font-size: 12px;
|
597 | -moz-border-radius: 15px;
|
598 | border-radius: 15px;
|
599 | display:inline-block;
|
600 | background-position: 0px 0px;
|
601 | background-repeat:no-repeat;
|
602 | height:24px;
|
603 | margin: -14px 0px 0px 10px;
|
604 | vertical-align:middle;
|
605 | cursor: pointer;
|
606 | padding: 0px 8px 0px 8px;
|
607 | -webkit-touch-callout: none;
|
608 | -webkit-user-select: none;
|
609 | -khtml-user-select: none;
|
610 | -moz-user-select: none;
|
611 | -ms-user-select: none;
|
612 | user-select: none;
|
613 | }
|
614 |
|
615 | span.network-manipulationUI:hover {
|
616 | box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.20);
|
617 | }
|
618 |
|
619 | span.network-manipulationUI:active {
|
620 | box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.50);
|
621 | }
|
622 |
|
623 | span.network-manipulationUI.back {
|
624 | background-image: url("img/network/backIcon.png");
|
625 | }
|
626 |
|
627 | span.network-manipulationUI.none:hover {
|
628 | box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
|
629 | cursor: default;
|
630 | }
|
631 | span.network-manipulationUI.none:active {
|
632 | box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.0);
|
633 | }
|
634 | span.network-manipulationUI.none {
|
635 | padding: 0;
|
636 | }
|
637 | span.network-manipulationUI.notification{
|
638 | margin: 2px;
|
639 | font-weight: bold;
|
640 | }
|
641 |
|
642 | span.network-manipulationUI.add {
|
643 | background-image: url("img/network/addNodeIcon.png");
|
644 | }
|
645 |
|
646 | span.network-manipulationUI.edit {
|
647 | background-image: url("img/network/editIcon.png");
|
648 | }
|
649 |
|
650 | span.network-manipulationUI.edit.editmode {
|
651 | background-color: #fcfcfc;
|
652 | border-style:solid;
|
653 | border-width:1px;
|
654 | border-color: #cccccc;
|
655 | }
|
656 |
|
657 | span.network-manipulationUI.connect {
|
658 | background-image: url("img/network/connectIcon.png");
|
659 | }
|
660 |
|
661 | span.network-manipulationUI.delete {
|
662 | background-image: url("img/network/deleteIcon.png");
|
663 | }
|
664 |
|
665 | span.network-manipulationLabel {
|
666 | margin: 0px 0px 0px 23px;
|
667 | line-height: 25px;
|
668 | }
|
669 | div.network-seperatorLine {
|
670 | display:inline-block;
|
671 | width:1px;
|
672 | height:20px;
|
673 | background-color: #bdbdbd;
|
674 | margin: 5px 7px 0px 15px;
|
675 | }
|
676 |
|
677 | div.network-navigation_wrapper {
|
678 | position: absolute;
|
679 | left: 0;
|
680 | top: 0;
|
681 | width: 100%;
|
682 | height: 100%;
|
683 | }
|
684 | div.network-navigation {
|
685 | width:34px;
|
686 | height:34px;
|
687 | -moz-border-radius: 17px;
|
688 | border-radius: 17px;
|
689 | position:absolute;
|
690 | display:inline-block;
|
691 | background-position: 2px 2px;
|
692 | background-repeat:no-repeat;
|
693 | cursor: pointer;
|
694 | -webkit-touch-callout: none;
|
695 | -webkit-user-select: none;
|
696 | -khtml-user-select: none;
|
697 | -moz-user-select: none;
|
698 | -ms-user-select: none;
|
699 | user-select: none;
|
700 | }
|
701 |
|
702 | div.network-navigation:hover {
|
703 | box-shadow: 0px 0px 3px 3px rgba(56, 207, 21, 0.30);
|
704 | }
|
705 |
|
706 | div.network-navigation:active {
|
707 | box-shadow: 0px 0px 1px 3px rgba(56, 207, 21, 0.95);
|
708 | }
|
709 |
|
710 | div.network-navigation.up {
|
711 | background-image: url("img/network/upArrow.png");
|
712 | bottom:50px;
|
713 | left:55px;
|
714 | }
|
715 | div.network-navigation.down {
|
716 | background-image: url("img/network/downArrow.png");
|
717 | bottom:10px;
|
718 | left:55px;
|
719 | }
|
720 | div.network-navigation.left {
|
721 | background-image: url("img/network/leftArrow.png");
|
722 | bottom:10px;
|
723 | left:15px;
|
724 | }
|
725 | div.network-navigation.right {
|
726 | background-image: url("img/network/rightArrow.png");
|
727 | bottom:10px;
|
728 | left:95px;
|
729 | }
|
730 | div.network-navigation.zoomIn {
|
731 | background-image: url("img/network/plus.png");
|
732 | bottom:10px;
|
733 | right:15px;
|
734 | }
|
735 | div.network-navigation.zoomOut {
|
736 | background-image: url("img/network/minus.png");
|
737 | bottom:10px;
|
738 | right:55px;
|
739 | }
|
740 | div.network-navigation.zoomExtends {
|
741 | background-image: url("img/network/zoomExtends.png");
|
742 | bottom:50px;
|
743 | right:15px;
|
744 | } |
\ | No newline at end of file |