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