report_html 0.3.4 → 0.3.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/js/canvasXpress.css +819 -683
  3. data/js/canvasXpress.min.js +5 -5
  4. data/lib/report_html/version.rb +1 -1
  5. metadata +3 -4
  6. data/js/canvasXpress.js +0 -55
data/js/canvasXpress.css CHANGED
@@ -35,14 +35,14 @@ th.cxx,th.cxz,th.cxb,th.cxs,th.cxv,td.cxx,td.cxz,td.cxb,td.cxs,td.cxv {
35
35
 
36
36
  td.cxx,td.cxz,td.cxb,td.cxs,td.cxv {
37
37
  font: normal 12px arial, tahoma, sans-serif;
38
- line-height: 16px;
38
+ line-height: 24px;
39
39
  background: #fefefe;
40
40
  padding: 1px;
41
41
  }
42
42
 
43
43
  td.cxy {
44
44
  font: normal 12px arial, tahoma, sans-serif;
45
- line-height: 16px;
45
+ line-height: 24px;
46
46
  border: 1px solid #cccccc;
47
47
  vertical-align: middle;
48
48
  text-align: right;
@@ -51,16 +51,27 @@ td.cxy {
51
51
  }
52
52
 
53
53
  input[type="color"] {
54
- -webkit-appearance: none;
55
- border: none;
56
- width: 100%;
57
- height: 100%;
54
+ -webkit-appearance: none;
55
+ border: none;
56
+ width: 100%;
57
+ height: 100%;
58
58
  }
59
+
59
60
  input[type="color"]::-webkit-color-swatch-wrapper {
60
- padding: 0;
61
+ padding: 0;
61
62
  }
63
+
62
64
  input[type="color"]::-webkit-color-swatch {
63
- border: none;
65
+ border: none;
66
+ }
67
+
68
+ .unselectable {
69
+ -webkit-touch-callout: none;
70
+ -webkit-user-select: none;
71
+ -khtml-user-select: none;
72
+ -moz-user-select: none;
73
+ -ms-user-select: none;
74
+ user-select: none;
64
75
  }
65
76
 
66
77
  div.cxc {
@@ -76,7 +87,7 @@ div.CanvasXpressCode {
76
87
  border: 1px solid rgb(51, 122, 183);
77
88
  border-radius: 5px;
78
89
  box-sizing: content-box;
79
- background-color: rgb(245, 245, 245);
90
+ background-color: rgba(245, 245, 245, 0.95);
80
91
  cursor: move;
81
92
  color: rgb(34, 34, 34);
82
93
  font: normal 12px arial, tahoma, sans-serif;
@@ -89,66 +100,143 @@ div.CanvasXpressCode {
89
100
  img.CanvasXpressCode {
90
101
  cursor: default;
91
102
  float: right;
92
- margin: 2px 3px 0px 0px;
103
+ margin: 2px 8px 0px 0px;
93
104
  padding-bottom: 5px;
94
- user-select: none;
95
- -moz-user-select: none;
105
+ -moz-user-select: none;
96
106
  -khtml-user-select: none;
97
107
  -webkit-user-select: none;
98
108
  -o-user-select: none;
99
- -ms-user-select: none;
109
+ -ms-user-select: none;
100
110
  }
101
111
 
102
112
  pre.CanvasXpressCode {
103
113
  text-align: left;
104
114
  padding: inherit;
105
- margin: inherit;
106
- font-size: inherit;
107
- line-height: inherit;
108
- color: inherit;
109
- word-break: inherit;
110
- word-wrap: inherit;
111
- background-color: inherit;
112
- border: none;
113
- border-radius: inherit;
115
+ margin: inherit;
116
+ font-size: inherit;
117
+ line-height: inherit;
118
+ color: inherit;
119
+ word-break: inherit;
120
+ word-wrap: inherit;
121
+ background-color: inherit;
122
+ border: none;
123
+ border-radius: inherit;
114
124
  }
115
125
 
116
126
  div.CanvasXpressCodeContainer {
117
- background-color: rgb(245, 245, 245);
118
- box-sizing: content-box;
119
- clear: both;
127
+ background-color: rgba(245, 245, 245, 0.95);
128
+ box-sizing: content-box;
129
+ clear: both;
120
130
  max-height: 500px;
121
131
  max-width: 600px;
122
132
  overflow: auto;
123
133
  }
124
134
 
125
135
  div.CanvasXpressCodeContent {
126
- background-color: rgb(245, 245, 245);
127
- box-sizing: content-box;
128
- margin: 2px 3px;
136
+ background-color: rgba(245, 245, 245, 0.95);
137
+ box-sizing: content-box;
138
+ margin: 2px 3px;
129
139
  padding: 2px 3px;
130
140
  }
131
141
 
132
142
  pre.CanvasXpressCodeContent {
133
- background-color: rgb(245, 245, 245);
143
+ background-color: rgba(245, 245, 245, 0.95);
134
144
  border: none;
135
145
  margin: 0px;
136
146
  padding: 10px;
137
147
  white-space: pre;
138
- font-size: inherit;
139
- line-height: inherit;
140
- color: inherit;
141
- word-break: inherit;
142
- word-wrap: inherit;
143
- border-radius: inherit;
148
+ font-size: inherit;
149
+ line-height: inherit;
150
+ color: inherit;
151
+ word-break: inherit;
152
+ word-wrap: inherit;
153
+ border-radius: inherit;
144
154
  }
155
+ /*
156
+ * Carousel
157
+ */
145
158
 
159
+ div.CanvasXpressCarouselScene {
160
+ position: relative;
161
+ margin: 0;
162
+ }
163
+
164
+ div.CanvasXpressCarousel {
165
+ width: 100%;
166
+ height: 100%;
167
+ position: absolute;
168
+ transform: translateZ(-288px);
169
+ transform-style: preserve-3d;
170
+ transition: transform 1s;
171
+ }
172
+
173
+ span.CanvasXpressCarousel {
174
+ padding : 1px;
175
+ position: absolute;
176
+ border: 1px solid rgb(51, 122, 183);
177
+ border-radius: 2px;
178
+ line-height: 10px;
179
+ cursor: pointer;
180
+ }
181
+
182
+ div.CanvasXpressCarouselCell {
183
+ position: absolute;
184
+ transition: transform 1s, opacity 1s;
185
+ background-color: rgba(245, 245, 245, 0.95);
186
+ border: 1px solid rgb(51, 122, 183);
187
+ border-radius: 5px;
188
+ backface-visibility : hidden;
189
+ }
190
+
191
+ div.CanvasXpressCarouselCell:nth-child(1) {
192
+ transform: rotateY( 0deg) translateZ(288px);
193
+ }
194
+ div.CanvasXpressCarouselCell:nth-child(2) {
195
+ transform: rotateY( 40deg) translateZ(288px);
196
+ }
197
+ div.CanvasXpressCarouselCell:nth-child(3) {
198
+ transform: rotateY( 80deg) translateZ(288px);
199
+ }
200
+ div.CanvasXpressCarouselCell:nth-child(4) {
201
+ transform: rotateY(120deg) translateZ(288px);
202
+ }
203
+ div.CanvasXpressCarouselCell:nth-child(5) {
204
+ transform: rotateY(160deg) translateZ(288px);
205
+ }
206
+ div.CanvasXpressCarouselCell:nth-child(6) {
207
+ transform: rotateY(200deg) translateZ(288px);
208
+ }
209
+ div.CanvasXpressCarouselCell:nth-child(7) {
210
+ transform: rotateY(240deg) translateZ(288px);
211
+ }
212
+ div.CanvasXpressCarouselCell:nth-child(8) {
213
+ transform: rotateY(280deg) translateZ(288px);
214
+ }
215
+ div.CanvasXpressCarouselCell:nth-child(9) {
216
+ transform: rotateY(320deg) translateZ(288px);
217
+ }
218
+
219
+ img.CanvasXpressCarousel:hover {
220
+ -webkit-transform: scale(1.8, 1.8);
221
+ -ms-transform: scale(1.8, 1.8);
222
+ transform: scale(1.8, 1.8);
223
+ transition-duration: 0.3s;
224
+ -webkit-transition-duration: 0.3s; /* Safari */
225
+ box-shadow: 10px 10px 5px #888888;
226
+ z-index: 2;
227
+ position: relative;
228
+ cursor: pointer;
229
+ }
230
+
231
+ /*
232
+ * CanvasXpressBin
233
+ */
146
234
  div.CanvasXpressBin {
147
235
  border: 1px solid rgb(51, 122, 183);
148
236
  border-radius: 5px;
149
- background-color: rgb(245, 245, 245);
150
- box-sizing: content-box;
151
- cursor: move;
237
+ background-color: rgba(245, 245, 245, 0.95);
238
+ box-sizing: content-box;
239
+ cursor: move;
152
240
  color: rgb(34, 34, 34);
153
241
  font: normal 12px arial, tahoma, sans-serif;
154
242
  margin: 2px 3px;
@@ -166,18 +254,17 @@ img.CanvasXpressBin {
166
254
  float: right;
167
255
  margin: 2px 3px 0px 0px;
168
256
  padding-bottom: 5px;
169
- user-select: none;
170
- -moz-user-select: none;
257
+ -moz-user-select: none;
171
258
  -khtml-user-select: none;
172
259
  -webkit-user-select: none;
173
260
  -o-user-select: none;
174
- -ms-user-select: none;
261
+ -ms-user-select: none;
175
262
  }
176
263
 
177
264
  div.CanvasXpressBinContainer {
178
- background-color: rgb(245, 245, 245);
179
- box-sizing: content-box;
180
- clear: both;
265
+ background-color: rgba(245, 245, 245, 0.95);
266
+ box-sizing: content-box;
267
+ clear: both;
181
268
  -moz-user-select: none;
182
269
  -khtml-user-select: none;
183
270
  -webkit-user-select: none;
@@ -185,11 +272,15 @@ div.CanvasXpressBinContainer {
185
272
  }
186
273
 
187
274
  div.CanvasXpressBinNameContainer {
188
- background-color: rgb(245, 245, 245);
275
+ background-color: rgba(245, 245, 245, 0.95);
276
+ border: 1px solid rgb(51, 122, 183);
277
+ border-radius: 5px;
189
278
  box-sizing: content-box;
190
- clear: both;
191
- max-height: 180px;
279
+ clear: both;
280
+ max-height: 400px;
281
+ margin: 8px;
192
282
  overflow-y: auto;
283
+ padding: 5px;
193
284
  -moz-user-select: none;
194
285
  -khtml-user-select: none;
195
286
  -webkit-user-select: none;
@@ -197,13 +288,15 @@ div.CanvasXpressBinNameContainer {
197
288
  }
198
289
 
199
290
  input.CanvasXpressBin {
200
- background-color: rgb(255, 255, 255);
201
- border: 1px solid rgb(51, 122, 183);
291
+ background-color: rgba(255, 255, 255, 0.95);
292
+ border: 1px solid rgb(51, 122, 183);
202
293
  color: rgb(34, 34, 34);
203
294
  cursor: default;
204
295
  font: normal 12px arial, tahoma, sans-serif;
205
- line-height: 16px;
296
+ line-height: 24px;
206
297
  padding-left: 3px;
298
+ border-radius: 5px;
299
+ margin: 3px;
207
300
  }
208
301
 
209
302
  table.CanvasXpressBinTable {
@@ -212,7 +305,7 @@ table.CanvasXpressBinTable {
212
305
  color: rgb(34, 34, 34);
213
306
  cursor: default;
214
307
  font: normal 12px arial, tahoma, sans-serif;
215
- line-height: 16px;
308
+ line-height: 24px;
216
309
  padding-left: 3px;
217
310
  -moz-user-select: none;
218
311
  -khtml-user-select: none;
@@ -229,6 +322,14 @@ span.CanvasXpressBin {
229
322
  -o-user-select: none;
230
323
  }
231
324
 
325
+ img.CanvasXpressBin::selection,span.CanvasXpressBin::selection {
326
+ background: rgba(0, 0, 0, 0);
327
+ color: rgb(0, 0, 0);
328
+ }
329
+
330
+ /*
331
+ * CanvasXpressDataExplorer
332
+ */
232
333
  hr.CanvasXpressDataExplorer {
233
334
  border: 0;
234
335
  background-color: rgb(51, 122, 183);
@@ -250,13 +351,34 @@ img.CanvasXpressDataExplorer {
250
351
  cursor: pointer;
251
352
  margin: 3px;
252
353
  padding: 3px;
354
+ -webkit-transform: scale(1, 1);
355
+ -ms-transform: scale(1, 1);
356
+ transform: scale(1, 1);
357
+ transition-duration: 0.3s;
358
+ -webkit-transition-duration: 0.3s; /* Safari */
359
+ }
360
+
361
+ img.CanvasXpressDataExplorer:hover {
362
+ border: 1px solid rgb(51, 122, 183);
363
+ border-radius: 5px;
364
+ cursor: pointer;
365
+ margin: 3px;
366
+ padding: 3px;
367
+ -webkit-transform: scale(1.8, 1.8);
368
+ -ms-transform: scale(1.8, 1.8);
369
+ transform: scale(1.8, 1.8);
370
+ transition-duration: 0.3s;
371
+ -webkit-transition-duration: 0.3s; /* Safari */
372
+ box-shadow: 10px 10px 5px #888888;
373
+ z-index: 2;
374
+ position: relative;
253
375
  }
254
376
 
255
377
  div.CanvasXpressDataExplorerActive {
256
378
  border: 1px dashed rgb(255, 0, 0);
257
379
  border-radius: 5px;
258
- box-sizing: content-box;
259
- font: normal 12px arial, tahoma, sans-serif;
380
+ box-sizing: content-box;
381
+ font: normal 12px arial, tahoma, sans-serif;
260
382
  margin: 3px;
261
383
  padding: 3px;
262
384
  white-space: normal;
@@ -264,15 +386,33 @@ div.CanvasXpressDataExplorerActive {
264
386
 
265
387
  div.CanvasXpressDataExplorer {
266
388
  border: 1px solid rgb(51, 122, 183);
267
- border-radius: 5px;
268
- box-sizing: content-box;
269
- font: normal 12px arial, tahoma, sans-serif;
389
+ border-radius: 2px;
390
+ box-sizing: content-box;
391
+ font: normal 12px arial, tahoma, sans-serif;
270
392
  margin: 3px;
271
393
  padding: 3px;
272
394
  white-space: normal;
273
395
  }
274
396
 
275
- span.CanvasXpressDataExplorerNumeric {
397
+ img.CanvasXpressDataExplorerMask {
398
+ position: absolute;
399
+ left: 0px;
400
+ top: 0px;
401
+ margin: 0px;
402
+ width: 100%;
403
+ height: 20px;
404
+ -moz-user-select: none;
405
+ -khtml-user-select: none;
406
+ -webkit-user-select: none;
407
+ -o-user-select: none;
408
+ -ms-user-select: none;
409
+ -moz-user-select: none;
410
+ }
411
+
412
+ span.CanvasXpressDataExplorerNumeric,
413
+ span.CanvasXpressDataExplorerString,
414
+ span.CanvasXpressDataExplorerUnique
415
+ {
276
416
  border: 1px solid rgb(51, 122, 183);
277
417
  border-radius: 5px;
278
418
  font: normal 12px arial, tahoma, sans-serif;
@@ -281,56 +421,67 @@ span.CanvasXpressDataExplorerNumeric {
281
421
  word-wrap: normal;
282
422
  display: inline-block;
283
423
  text-align: start;
424
+ max-width: 150px;
425
+ overflow: hidden;
426
+ position: relative;
427
+ -moz-user-select: none;
428
+ -khtml-user-select: none;
429
+ -webkit-user-select: none;
430
+ -o-user-select: none;
431
+ -ms-user-select: none;
284
432
  }
285
433
 
286
434
  span.CanvasXpressDataExplorerString {
287
- border: 1px solid rgb(51, 122, 183);
288
- border-radius: 5px;
289
435
  color: rgb(255, 0, 0);
290
- font: normal 12px arial, tahoma, sans-serif;
291
- margin: 3px;
292
- padding: 3px;
293
- word-wrap: normal;
294
- display: inline-block;
295
- text-align: start;
296
436
  }
297
437
 
298
438
  span.CanvasXpressDataExplorerUnique {
299
- border: 1px solid rgb(51, 122, 183);
300
- border-radius: 5px;
301
- color: rgb(0, 0, 255);
302
- font: normal 12px arial, tahoma, sans-serif;
303
- margin: 3px;
304
- padding: 3px;
305
- word-wrap: normal;
306
- display: inline-block;
307
- text-align: start;
439
+ color: rgb(0, 0, 255);
308
440
  }
309
441
 
310
442
  span.CanvasXpressDataExplorer {
311
- border: 1px solid rgb(51, 122, 183);
312
- border-radius: 5px;
313
- cursor : pointer;
314
- font: bold 12px arial, tahoma, sans-serif;
315
- line-height: 380%;
316
- padding: 6px 23px;
317
- margin-left: -4px;
318
- }
319
-
443
+ border: 1px solid rgb(51, 122, 183);
444
+ border-radius: 5px;
445
+ cursor: pointer;
446
+ font: bold 12px arial, tahoma, sans-serif;
447
+ line-height: 380%;
448
+ padding: 6px 29px;
449
+ margin-left: -4px;
450
+ }
451
+
452
+ br::selection,
453
+ hr.CanvasXpressDataExplorer::selection,
454
+ img.CanvasXpressDataExplorerActive::selection,
455
+ img.CanvasXpressDataExplorer::selection,
456
+ div.CanvasXpressDataExplorerActive::selection,
457
+ div.CanvasXpressDataExplorer::selection,
458
+ img.CanvasXpressDataExplorerMask::selection,
459
+ span.CanvasXpressDataExplorerNumeric::selection,
460
+ span.CanvasXpressDataExplorerString::selection,
461
+ span.CanvasXpressDataExplorerUnique::selection,
462
+ span.CanvasXpressDataExplorer::selection
463
+ {
464
+ background: rgba(0, 0, 0, 0);
465
+ color: rgb(0, 0, 0);
466
+ }
467
+
468
+ /*
469
+ * CanvasXpressDrag
470
+ */
320
471
  div.CanvasXpressDrag {
321
472
  opacity: 0.75;
322
- box-sizing: content-box;
323
- filter: alpha(opacity = 75);
324
- background-color: rgb(245, 245, 245);
473
+ box-sizing: content-box;
474
+ filter: alpha(opacity = 75);
475
+ background-color: rgba(245, 245, 245, 0.95);
325
476
  position: absolute;
326
477
  }
327
478
 
328
479
  div.CanvasXpressTooltip {
329
480
  border: 1px solid rgb(51, 122, 183);
330
481
  border-radius: 5px;
331
- background-color: rgb(245, 245, 245);
332
- box-sizing: content-box;
333
- cursor: move;
482
+ background-color: rgba(245, 245, 245, 0.95);
483
+ box-sizing: content-box;
484
+ cursor: move;
334
485
  color: rgb(34, 34, 34);
335
486
  font: normal 12px arial, tahoma, sans-serif;
336
487
  margin: 2px 3px;
@@ -341,24 +492,54 @@ div.CanvasXpressTooltip {
341
492
  text-align: left;
342
493
  }
343
494
 
495
+ div.CanvasXpressTooltipArrowLeft {
496
+ position: absolute;
497
+ height: 0;
498
+ width: 0;
499
+ background: rgba(245, 245, 245, 0.95);
500
+ border: 1px solid rgb(51, 122, 183);
501
+ z-index: 1;
502
+ }
503
+
504
+ div.CanvasXpressTooltipArrowLeft:after, div.CanvasXpressTooltipArrowLeft:before {
505
+ border: solid transparent;
506
+ right: 0px;
507
+ content: " ";
508
+ position: absolute;
509
+ pointer-events: none;
510
+ }
511
+
512
+ div.CanvasXpressTooltipArrowLeft:after {
513
+ border-color: rgba(245, 245, 245, 0);;
514
+ border-right-color: rgb(245, 245, 245);
515
+ border-width: 8px;
516
+ margin-top: -8px;
517
+ }
518
+
519
+ div.CanvasXpressTooltipArrowLeft:before {
520
+ border-color: rgba(51, 122, 183, 0);
521
+ border-right-color: rgb(51, 122, 183);
522
+ border-width: 9px;
523
+ margin-top: -9px;
524
+ }
525
+
344
526
  img.CanvasXpressTooltip {
345
527
  cursor: default;
346
528
  float: right;
347
529
  margin: 2px 3px 0px 0px;
348
530
  padding-bottom: 2px;
349
- user-select: none;
350
- cursor: default;
531
+ cursor: default;
351
532
  -moz-user-select: none;
352
533
  -khtml-user-select: none;
353
534
  -webkit-user-select: none;
354
535
  -o-user-select: none;
355
- -ms-user-select: none;
536
+ -ms-user-select: none;
356
537
  }
357
538
 
358
539
  span.CanvasXpressTooltip {
359
540
  border: 1px solid rgb(51, 122, 183);
360
541
  border-radius: 5px;
361
- background-color: rgb(245, 245, 245);
542
+ background-color: rgba(245, 245, 245, 0.95);
362
543
  cursor: move;
363
544
  color: rgb(34, 34, 34);
364
545
  font: normal 12px arial, tahoma, sans-serif;
@@ -376,17 +557,18 @@ div.CanvasXpressCanvasResizer { /*
376
557
  * background-image: url(data:image/gif;base64,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);
377
558
  * background-position: 50% 50%;
378
559
  * background-repeat: no-repeat;
379
- */
560
+ */
561
+
380
562
  }
381
563
 
382
564
  div.CanvasXpressCanvasResizerClose {
383
- box-sizing: content-box;
565
+ box-sizing: content-box;
384
566
  background-image:
385
567
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAcUlEQVR42mM8e/bsfwYCgBGkSE9PD6eCS5cuIRSxsrIy/P79Gy4J42MoAgGQBDIbRRFMNwzATMVQhGwNVjehm/T582cwfevWLfxu+vTpO8Pt29ew++7Hjx8MvLy8mIpgAKTg/38WOB+uiGCIE1JAXUUA5WZpcWW3WYkAAAAASUVORK5CYII=);
386
568
  }
387
569
 
388
570
  div.CanvasXpressCanvasResizerloading1 {
389
- box-sizing: content-box;
571
+ box-sizing: content-box;
390
572
  background-image:
391
573
  url(data:image/gif;base64,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);
392
574
  background-position: 50% 50%;
@@ -394,296 +576,123 @@ div.CanvasXpressCanvasResizerloading1 {
394
576
  }
395
577
 
396
578
  div.CanvasXpressCanvasResizerloading2 {
397
- box-sizing: content-box;
579
+ box-sizing: content-box;
398
580
  background-image:
399
581
  url(data:image/gif;base64,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);
400
582
  background-position: 50% 50%;
401
583
  background-repeat: no-repeat;
402
584
  }
403
585
 
404
- div.CanvasXpressCanvasResizerHandleBottomLeft {
405
- box-sizing: content-box;
406
- background-image:
407
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAU0lEQVR42qXRwQ2AQAgEwN2a6AlqgmbRhxoPuai5TXjwmACBKFHVRJOI4L1nRXthAgfMikQEs5jZhVtIDosgM1uYB8THiVieuHbjid39FT3gnz9u9HM/CccnGSYAAAAASUVORK5CYII=);
408
- }
409
-
410
- div.CanvasXpressCanvasResizerHandleBottomRight {
411
- box-sizing: content-box;
412
- background-image:
413
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAU0lEQVR42qXRsQ3AMAgEwP9lYSbYiZlwihTGwkosv0Th4gQGYomIJJq4O+c3V/QUNrBgzsjMsEtEFNxCsgyCzGxhvhA/O+K6490fv7Cq9ls9veMAMlROCZGGzoIAAAAASUVORK5CYII=);
414
- }
415
-
416
- div.CanvasXpressCanvasResizerHandleLeftBottom {
417
- box-sizing: content-box;
418
- background-image:
419
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAV0lEQVR42s3RYQrAIAgFYN9l9Ux6J8/kMlisSVCwHxMkkA+JJ6hWtMZzgCPEzPHWZoaBEqhqWSkiHWIFstw9EU0IAEXEeP+Alh+/I2hdUIIewXaYn9zuAvvFYzW/ZOHtAAAAAElFTkSuQmCC);
420
- }
421
-
422
- div.CanvasXpressCanvasResizerHandleLeftTop {
423
- box-sizing: content-box;
424
- background-image:
425
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAV0lEQVR42s3RXQqAQAgEYOeyeia9k2eadjda+jEo6CFBBPkeZIRci62xX+AVUlWedURgog5aS4EGRAfuLlVl5oAHBEBIzvkHdHv4FkEFzWyN4HGYn/xuAfvFYzWpquzKAAAAAElFTkSuQmCC);
426
- }
427
-
428
- div.CanvasXpressCanvasResizerHandleRightBottom {
429
- box-sizing: content-box;
430
- background-image:
431
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAWUlEQVR42s3RYQqAMAgFYN+ZvJOeSS/7mkWj2oKCfiTIQD5kPCFjsTWOA7xCZsarzkx0VCAihpXuvkIUaC2qKrMqeEIAhGR//4BuP75HUHCS0xbB4zA/ud0Ck8ZRNRk7N7UAAAAASUVORK5CYII=);
432
- }
433
-
434
- div.CanvasXpressCanvasResizerHandleRightTop {
435
- box-sizing: content-box;
436
- background-image:
437
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAVklEQVR42s3RUQqAQAgEUOdM3knPpJedtoVd2jIo6CNBBHkfMkKuxdY4LvAKmRnPOjMx0Q5aS4E6xACqKlW5uywIgJCc8w/o9vARQUSUoEfwOMxPfrcBk8ZRNaDq7hAAAAAASUVORK5CYII=);
438
- }
439
-
440
- div.CanvasXpressCanvasResizerHandleTopLeft {
441
- box-sizing: content-box;
442
- background-image:
443
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAVElEQVR42qXRsQ1AIQgE0LuZ2AlmgmXxF79Ag4nGSygsXkAglqhqoklEsL65InfvHMxswqzoK4gIdqm4heQ0CDKzhflDHHbEc8e3P1a8OUe/1ds7DvRzPwlJyXXrAAAAAElFTkSuQmCC);
444
- }
445
-
446
- div.CanvasXpressCanvasResizerHandleTopRight {
447
- box-sizing: content-box;
448
- background-image:
449
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAVUlEQVR42qXRSwrAMAgE0JnL6pn0Tp7JIrSlCQZSMjsXD3/EFBFJNHF3fmvOyMw6B1UdMHdQJSIKvriF5DAIMrOFeUNsdsRxx7MdH1wjL97RX/XvHy8yVE4JLqbgIQAAAABJRU5ErkJggg==);
450
- }
451
-
452
- div.CanvasXpressCanvasResizerScrollerBodyHorBottom {
453
- box-sizing: content-box;
454
- background-image:
455
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAARklEQVR42mP8DwSMX7///M/49u1HKPHy5ev/jPfvv/3PePP28/+M9+7d/8949erD/4xnz92DEsePXv/PuGjR4v+MLi4u/wEZbzCqfaYTKwAAAABJRU5ErkJggg==);
456
- }
457
-
458
- div.CanvasXpressCanvasResizerScrollerBodyHorTop {
459
- box-sizing: content-box;
460
- background-image:
461
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAARklEQVR42mN0cXH5z7ho0eL/jMePXv/PePbcPShx9erD/4z37t3/z3jz9vP/jPfvv/3P+PLl6/+Mb99+hBJfv//8z/gfCAAuWzCqPkxO/wAAAABJRU5ErkJggg==);
462
- }
463
-
464
- div.CanvasXpressCanvasResizerScrollerBodyVerLeft {
465
- box-sizing: content-box;
466
- background-image:
467
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAOklEQVR42mN0cXH5HxcXz6CqbMLAxsnOAAIc7MwMnJz/GH7/5WBgY2Fj4OL6x8ACpMFyXBwMXBxsDAAj8wf+5VVXpgAAAABJRU5ErkJggg==);
468
- }
469
-
470
- div.CanvasXpressCanvasResizerScrollerBodyVerRight {
471
- box-sizing: content-box;
472
- background-image:
473
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAO0lEQVR42h3JyQ3AIAwF0Qko/dcQ6kkHiDbsj0XEkneZw1xzMwUycYwRmCVi987CPaH+/S+8U9tLKQ8Lv0IezTG+gbcAAAAASUVORK5CYII=);
474
- }
475
-
476
- div.CanvasXpressCanvasResizerScrollerEmptyHorBottom {
477
- box-sizing: content-box;
478
- background-image:
479
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAMElEQVR42mM8e/bsf8a37z9DiXcfvv5n/PTpO5T4+v3nf8afP38jE79//0MmQAYAAESVNX6ON3xFAAAAAElFTkSuQmCC);
480
- }
481
-
482
- div.CanvasXpressCanvasResizerScrollerEmptyHorTop {
483
- box-sizing: content-box;
484
- background-image:
485
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAMElEQVR42mM8e/bsf8bfv/8hEz9//kYmvn7/+Z/x06fvUOLdh6//Gd++/wwlQAYAAFqENX5ExDBoAAAAAElFTkSuQmCC);
486
- }
487
-
488
- div.CanvasXpressCanvasResizerScrollerEmptyVerLeft {
489
- box-sizing: content-box;
490
- background-image:
491
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAKklEQVR42mM8e/bsfz09QwYY+PfvL5z9598/hr+//8HZ//9D2A/u3WIAADLoFWh45fZAAAAAAElFTkSuQmCC);
492
- }
493
-
494
- div.CanvasXpressCanvasResizerScrollerEmptyVerRight {
495
- box-sizing: content-box;
496
- background-image:
497
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAABCAYAAADuHp8EAAAAKklEQVR42mM8e/bsfwUlNQYQYGRkYmBhYgKzmVkRbBBgYmKGsy9dOs8AANnKBmh7luHhAAAAAElFTkSuQmCC);
498
- }
499
-
500
- div.CanvasXpressCanvasResizerScrollerHandleHorBottom {
501
- box-sizing: content-box;
502
- background-image:
503
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAkElEQVR42mP8DwQMeADj1+8/8St4+/YjfgUgK969+8QgJMTHgI0GK2idsYKhOiOCARsNVjBr1iyGtJQ0hllzMGmECWlAHbMwaaCCv0AFq4BGhjGg0EAFYBOuXn34/8iRHQw2Nh4M6PT6Q8cYGM+eu4ffmwQVHD96HasCRrbvDP9/cTIwLlq0GL8JLi4ueBUAACw+d12DO2z2AAAAAElFTkSuQmCC);
504
- }
505
-
506
- div.CanvasXpressCanvasResizerScrollerHandleHorTop {
507
- box-sizing: content-box;
508
- background-image:
509
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAk0lEQVR42mN0cXH5z4AHMC5atBi/guNHr2NVwMj2neH/L04GxrPn7uE3gaCCq1cf/j9yZAeDjY0HAzq9/tAxBsb////+b52xiqE6I4wBhU6LYJg1ZxZIwX+gghVggdZZmDRYwaxZsxjSUtLAOtBphAkZQB1YaLCCd+8+MQgJ8TFgoxnfvv2I35tfv//ErwBkBT4FALK3d11kI1SXAAAAAElFTkSuQmCC);
510
- }
511
-
512
- div.CanvasXpressCanvasResizerScrollerHandleVerLeft {
513
- box-sizing: content-box;
514
- background-image:
515
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAbUlEQVR42mN0cXH5HxcXz6CqbMLAxsnOAAIc7MwMWloyQBYTAzJ49+4TAwcXBwMXBxsDIzaNZ07vZnj9jw/MFmX6BGZnhnlBDMWnEW7jP6iNTMPDRjVNbQZWZgGEjRpyiOAk1sbtJ0/CbcJlIwDXwE7p+yOXGQAAAABJRU5ErkJggg==);
516
- }
517
-
518
- div.CanvasXpressCanvasResizerScrollerHandleVerRight {
519
- box-sizing: content-box;
520
- background-image:
521
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAbElEQVR42mP8DwTffvxi+PHtB4OQEB8DKvjHcO3aE4YfP/+Ceb++/2S4ffcMw6JFCxkYkTWCwPRV2xhEmT4xvP4HMQTENjF1xa8RbuM/qIVMI8BGILh24xHcxt9/PzDcun6VsI0w2tPcHMNGALPzwmGJ+LtGAAAAAElFTkSuQmCC);
522
- }
523
-
524
- div.CanvasXpressCanvasResizerPrevBottomActive {
525
- box-sizing: content-box;
526
- background-image:
527
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeUlEQVR42pXRWwqAIBCFYV2TBCIiRZdFd6EIEaFFFWcgaBKxfBn5/fBBpVLqFIUlgcZ5y4Khq3+gadmTw751Ah2T0Lp6BprG0kTHPkE3SNDuA0VnDbsRHY1QCJGiMZohdDSG3jCLnpChGI/kCbSuBDpmFj3xd1T64Aupm1Jfai7cCgAAAABJRU5ErkJggg==);
528
- }
529
-
530
- div.CanvasXpressCanvasResizerPrevBottom {
531
- box-sizing: content-box;
532
- background-image:
533
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeElEQVR42mM8e/bsfwYCgBGkSEFJjUqKFJU1MCRcne0Ydu89hFCkqqqFosDR0QZM799/BLsimAIMRRpaOmCOnY0ViomHjhxDKNLR0QNzrKwsUBQdO3YCUxG6QpyKkBWiKNLTM8QIAgsLU4YTJ07jV4QRmEQpYiAAAH4kTX4n4yO7AAAAAElFTkSuQmCC);
534
- }
535
-
536
- div.CanvasXpressCanvasResizerPrevLeftActive {
537
- box-sizing: content-box;
538
- background-image:
539
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAYUlEQVR42mM0Njb+z0AGYARpPHHiNFzg37+/cPaff/8Y/v7+B2f//w9hu7k4oGq0sDDFa8uuPQewa8SneffeQ7hthDnVysoCRdP+/UfwOxXZjzDNIE0E/Uh24JCskZx4BABQ7XFipauC5AAAAABJRU5ErkJggg==);
540
- }
541
-
542
- div.CanvasXpressCanvasResizerPrevLeft {
543
- box-sizing: content-box;
544
- background-image:
545
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWElEQVR42mM8e/bsfz09QwYY+PfvL5z9598/hr+//8HZ//9D2A/u3WJgpIpGCwtTBnxg154DuG3EpXn33kOEnWplZYGiaf/+I8T7EaYZpIl2gUOyRgYyAABzYpOgKAMdHgAAAABJRU5ErkJggg==);
546
- }
547
-
548
- div.CanvasXpressCanvasResizerPrevRightActive {
549
- box-sizing: content-box;
550
- background-image:
551
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAYUlEQVR42mM0Njb+z0AGYARp3LXnAITDyMTAwsQEZjOzItggwMTEDGdbWJiianRzccBry4kTp7FrBNno6myHVxNOjSDnOTraoGg6duwEfqci+xGmGaSJoB/JDhySNZITjwDXli9it/p1XAAAAABJRU5ErkJggg==);
552
- }
553
-
554
- div.CanvasXpressCanvasResizerPrevRight {
555
- box-sizing: content-box;
556
- background-image:
557
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWElEQVR42mM8e/bsfwUlNQYQYGRkYmBhYgKzmVkRbBBgYmKGsy9dOs/ASBWNbi4ODPjAiROncdvo6myHVxNepzo62qBoOnbsBPF+hGkGaaJd4JCskYEMAADnZ0KgajkKvgAAAABJRU5ErkJggg==);
558
- }
559
-
560
- div.CanvasXpressCanvasResizerPrevTopActive {
561
- box-sizing: content-box;
562
- background-image:
563
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeUlEQVR42qXRWwqAIBAFUF2TBCIiSY9F96AQEaFFFVdIFBGJ/JnxzvmaoYyxmzQeBfL+qgLOu58IQ+QROeczIAQPFTn6Ar2gilJQIGNdCJUUGUKOLKDjsHGgtYw9cvwLlMIMrbspVjANiiBHDWjZzuoy57H/gFoHfgCpm1Jf/3SboQAAAABJRU5ErkJggg==);
564
- }
565
-
566
- div.CanvasXpressCanvasResizerPrevTop {
567
- box-sizing: content-box;
568
- background-image:
569
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAdklEQVR42mM8e/bsfwYCgBGkSE/PkIaKLCxMGU6cOI1QpKOjh6LAysoCTB87dgK7IpgCnIqQFWAo0tDSAXPsbKxQFB06cgyhSFVVCy7h6GgDZ+/ffwS7ImSFKIoUlTUwgsDV2Y5h995DCEUKSmqEA5MoRQwEAAAggk1+fi4MdAAAAABJRU5ErkJggg==);
570
- }
586
+ /**********/
587
+ /* Motion */
588
+ /**********/
571
589
 
572
- div.CanvasXpressCanvasResizerNextBottomActive {
573
- box-sizing: content-box;
574
- background-image:
575
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeUlEQVR42pXRWwqAIBRF0euYJBCRKHoMugdGiAgNqjhCopZE50fZLPyRcc5P+hgDmpatCMa++YHmdaehqwlnPnSPtDbUtspH3OOhP1AOA9qNpVrJ5AU0DN0jax1JKRKEhqG/ohsUUQwS5NxBQlSEMx96QKX9Q18ffAGZqlJfjSU4qAAAAABJRU5ErkJggg==);
590
+ div.CanvasXpressMotion {
591
+ color: rgb(34, 34, 34);
592
+ font: normal 12px arial, tahoma, sans-serif;
576
593
  }
577
594
 
578
- div.CanvasXpressCanvasResizerNextBottom {
579
- box-sizing: content-box;
595
+ div.CanvasXpressMotionContainer {
596
+ box-sizing: content-box;
580
597
  background-image:
581
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAl0lEQVR42o3R7QbDMBQG4JOLKhFVqnbVM6UqQsWIqGrt4wa6TacqwjYO+0izbnn/vByP8+McIqW8w5+Q/nz9iY77NhCdLiOiVZbAelN46LBrgAzDhChNYxzmeemgrqt9NIeIxskgSmLmbChKjt3UGogxFhFj1EGcC2yt1Xf0BIvoE7yQtTdElEYgROWdQKntGy0lHIU8+AGE22uj/bvWSgAAAABJRU5ErkJggg==);
598
+ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAF0lEQVR42mNkAAJGNOLChQv/cRNYdAAA0dgUqRX/AM0AAAAASUVORK5CYII=);
599
+ background-repeat: repeat-x;
582
600
  }
583
601
 
584
- div.CanvasXpressCanvasResizerNextLeftActive {
585
- box-sizing: content-box;
602
+ div.CanvasXpressMotionCurrent {
603
+ box-sizing: content-box;
586
604
  background-image:
587
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWklEQVR42mM0Njb+z0AGYARpPHHiNFzg37+/cPaff/8Y/v7+B2f//w9hu7k40ECjlZUFmN6//wjxGmGaYACkmaBGCwtTrIGxe+8h3BpxaYKBXXsOUClwyIlHAK2wcWK2kGpxAAAAAElFTkSuQmCC);
605
+ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlUlEQVR42mNkgIIDBw78ZyACODg4MCLzGWGa7e3tidHPcPDgQRRDGEGaTc0tidIMA6dPHocbAjZAV9eQJAMuXz5PZQM0NA1IMuDG9QuoBqioqJBkwJ07d1ANkJRWJ8mA509vUtkAUVFFkgx4/fo+qgG8fHIkGfD50yMqGgAiQIaws4oTpfnn75eoSRnGoCgzUQIoNgAAbjRcEcsB8BEAAAAASUVORK5CYII=);
606
+ background-repeat: no-repeat;
607
+ float: left;
608
+ height: 14px;
609
+ position: relative;
610
+ width: 14px;
611
+ z-index: 10002;
588
612
  }
589
613
 
590
- div.CanvasXpressCanvasResizerNextLeft {
591
- box-sizing: content-box;
614
+ div.CanvasXpressMotionRange {
615
+ box-sizing: content-box;
592
616
  background-image:
593
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWklEQVR42mM8e/bsfwYyACNIo56eIVzg37+/cPaff/8Y/v7+B2f//w9hP7h3iwYarawswPT+/UeI1wjTBAMgzQQ1WliYYg2M3XsP4daISxMM7NpzgIaBQ0gjAL5Fk6CV32pMAAAAAElFTkSuQmCC);
617
+ url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAFklEQVR42mNkAAJGNMKxcdd/3AQWHQAD/g7xOirtNAAAAABJRU5ErkJggg==);
618
+ background-repeat: repeat-x;
619
+ float: left;
620
+ height: 14px;
621
+ left: 0px;
622
+ top: -1px;
623
+ position: relative;
624
+ z-index: 10001;
594
625
  }
595
626
 
596
- div.CanvasXpressCanvasResizerNextRightActive {
597
- box-sizing: content-box;
598
- background-image:
599
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWklEQVR42mM0Njb+z0AGYARp3LXnAITDyMTAwsQEZjOzItggwMTEDGdbWJjSQKOjow2YPnbsBPEaYZpgAKSZoEZXZzusgXHixGncGt1cHPCGJEwz5YFDTjwCACt4L2IrUokCAAAAAElFTkSuQmCC);
600
- }
627
+ /**********/
628
+ /* Marker */
629
+ /**********/
601
630
 
602
- div.CanvasXpressCanvasResizerNextRight {
603
- box-sizing: content-box;
604
- background-image:
605
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAWklEQVR42mM8e/bsfwYyACNIo4KSGoTDyMTAwsQEZjOzItggwMTEDGdfunSeBhodHW3A9LFjJ4jXCNMEAyDNBDW6OtthDYwTJ07j1ujm4oA3JGGaaRM4hDQCAOLvQqCYTghDAAAAAElFTkSuQmCC);
631
+ div.CanvasXpressMarker {
632
+ box-sizing: content-box;
633
+ border: 1px solid rgb(51, 122, 183);
634
+ border-radius: 5px;
635
+ background-color: rgba(245, 245, 245, 0.95);
636
+ color: rgb(34, 34, 34);
637
+ cursor: move;
638
+ font: normal 12px arial, tahoma, sans-serif;
639
+ height: 340px;
640
+ width: 286px;
641
+ left: 0px;
642
+ line-height: 100%;
643
+ position: absolute;
644
+ top: 0px;
645
+ padding: 2px;
646
+ -moz-user-select: none;
647
+ -khtml-user-select: none;
648
+ -webkit-user-select: none;
649
+ -o-user-select: none;
606
650
  }
607
651
 
608
- div.CanvasXpressCanvasResizerNextTopActive {
609
- box-sizing: content-box;
610
- background-image:
611
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAeUlEQVR42pXRWwqAIBAF0HFNEoiEJD0W3YNCRIQWVVwh0Uqi++PM5XyNjHN+0EcYkPd7EQhR/URY3nBEznmSUoQScxr0D3SHRZTCiIx1pGqZIXQI+oDW1ZLWdQTYr6B/oBRkaFoM9a0ivPegD2ict+Ixh675gb4++ASZqlJf9xCRjAAAAABJRU5ErkJggg==);
612
- }
652
+ /***********/
653
+ /* Toolbar */
654
+ /***********/
613
655
 
614
- div.CanvasXpressCanvasResizerNextTop {
615
- box-sizing: content-box;
616
- background-image:
617
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAYAAAD9lDaoAAAAlUlEQVR42mM8e/bsfwYCgPH37394FV26dJ5ERRYWpgwnTpzGrujnz99gRVZWFmDBY8dOoCi6cuUSpiJ0hTgVISsEK/r6/SdYkZ2NFYqiQ0eOgekb164wMH769B2syNHRBq5g//4jcPbt29cwFSErgCt69+ErWJGrsx3D7r2HMILg/t0bDIxv33/GG5gP7t0iUhExEQwAhNtro/juysQAAAAASUVORK5CYII=);
618
- }
656
+ div.CanvasXpressToolbar {
619
657
 
620
- div.CanvasXpressMotion {
621
- color: rgb(34, 34, 34);
622
- font: normal 12px arial, tahoma, sans-serif;
623
658
  }
624
659
 
625
-
626
- /**********/
627
- /* Marker */
628
- /**********/
629
-
630
- div.CanvasXpressMarker {
631
- box-sizing: content-box;
632
- border: 1px solid rgb(51, 122, 183);
633
- border-radius: 5px;
634
- background-color: rgb(245, 245, 245);
635
- color: rgb(34, 34, 34);
636
- cursor: move;
637
- font: normal 12px arial, tahoma, sans-serif;
638
- height: 340px;
639
- width: 286px;
640
- left: 0px;
641
- line-height: 100%;
642
- position: absolute;
643
- top: 0px;
644
- padding : 2px;
645
- -moz-user-select: none;
646
- -khtml-user-select: none;
647
- -webkit-user-select: none;
648
- -o-user-select: none;
649
- }
650
660
  /**************/
651
661
  /* Data Table */
652
662
  /**************/
653
663
 
654
664
  div.CanvasXpressDataTable {
655
- box-sizing: content-box;
656
- border: 1px solid rgb(51, 122, 183);
657
- border-radius: 5px;
658
- background-color: rgb(245, 245, 245);
659
- clear: both;
660
- color: rgb(34, 34, 34);
661
- font: normal 12px arial, tahoma, sans-serif;
662
- overflow: hidden;
663
- position: absolute;
664
- -moz-user-select: none;
665
- -khtml-user-select: none;
666
- -webkit-user-select: none;
667
- -o-user-select: none;
665
+ box-sizing: content-box;
666
+ border: 1px solid rgb(51, 122, 183);
667
+ border-radius: 5px;
668
+ background-color: rgba(245, 245, 245, 0.95);
669
+ clear: both;
670
+ color: rgb(34, 34, 34);
671
+ font: normal 12px arial, tahoma, sans-serif;
672
+ overflow: hidden;
673
+ position: absolute;
674
+ -moz-user-select: none;
675
+ -khtml-user-select: none;
676
+ -webkit-user-select: none;
677
+ -o-user-select: none;
668
678
  }
669
679
 
670
680
  div.CanvasXpressDataTableToolbar {
671
- box-sizing: content-box;
681
+ box-sizing: content-box;
672
682
  border: 0px;
673
683
  border-radius: 5px 5px 0px 0px;
674
- background-color: rgb(245, 245, 245);
684
+ background-color: rgba(245, 245, 245, 0.95);
675
685
  color: rgb(34, 34, 34);
676
686
  cursor: move;
677
687
  font: normal 12px arial, tahoma, sans-serif;
678
- height: 24px;
688
+ height: 32px;
679
689
  left: 0px;
680
690
  line-height: 100%;
681
691
  position: absolute;
682
692
  top: 0px;
683
- padding : 2px;
684
- user-select: none;
685
- -ms-user-select: none;
686
- -moz-user-select: none;
693
+ padding: 2px;
694
+ -ms-user-select: none;
695
+ -moz-user-select: none;
687
696
  -khtml-user-select: none;
688
697
  -webkit-user-select: none;
689
698
  -o-user-select: none;
@@ -692,18 +701,17 @@ div.CanvasXpressDataTableToolbar {
692
701
  img.CanvasXpressDataTableToolbarImage {
693
702
  cursor: pointer;
694
703
  float: right;
695
- margin: 2px 5px 0px 0px;
696
- user-select: none;
697
- -moz-user-select: none;
704
+ margin: 2px 7px 0px 0px;
705
+ user-select: none;
706
+ -moz-user-select: none;
698
707
  -khtml-user-select: none;
699
708
  -webkit-user-select: none;
700
709
  -o-user-select: none;
701
- -ms-user-select: none;
710
+ -ms-user-select: none;
702
711
  }
703
712
 
704
713
  div.CanvasXpressDataTableContainer {
705
- box-sizing: content-box;
706
- background-color: rgb(245, 245, 245);
714
+ box-sizing: content-box;
707
715
  border-radius: 0px 0px 5px 5px;
708
716
  color: rgb(34, 34, 34);
709
717
  display: block;
@@ -711,50 +719,49 @@ div.CanvasXpressDataTableContainer {
711
719
  left: 0px;
712
720
  line-height: 100%;
713
721
  position: absolute;
714
- top: 24px;
715
- user-select: none;
716
- -ms-user-select: none;
717
- -moz-user-select: none;
722
+ top: 32px;
723
+ -ms-user-select: none;
724
+ -moz-user-select: none;
718
725
  -khtml-user-select: none;
719
726
  -webkit-user-select: none;
720
727
  -o-user-select: none;
721
728
  }
722
729
 
723
730
  div.CanvasXpressDataTableVertical {
724
- box-sizing: content-box;
725
- background-color: rgb(245, 245, 245);
726
- overflow: auto;
731
+ box-sizing: content-box;
732
+ background-color: rgba(245, 245, 245, 0.95);
733
+ overflow-x: hidden;
734
+ overflow-y: auto;
727
735
  position: absolute;
728
736
  right: 4px;
729
- top : 0px;
730
- width: 24px;
731
- user-select: none;
732
- -ms-user-select: none;
733
- -moz-user-select: none;
737
+ top: 0px;
738
+ width: 32px;
739
+ -ms-user-select: none;
740
+ -moz-user-select: none;
734
741
  -khtml-user-select: none;
735
742
  -webkit-user-select: none;
736
743
  -o-user-select: none;
737
744
  }
738
745
 
739
746
  div.CanvasXpressDataTableHorizontal {
740
- box-sizing: content-box;
741
- background-color: rgb(245, 245, 245);
747
+ box-sizing: content-box;
748
+ background-color: rgba(245, 245, 245, 0.95);
742
749
  bottom: 8px;
743
- height: 24px;
744
- left: 24px;
745
- overflow: auto;
750
+ height: 32px;
751
+ left: 32px;
752
+ overflow-x: auto;
753
+ overflow-y: hidden;
746
754
  position: absolute;
747
- user-select: none;
748
- -ms-user-select: none;
749
- -moz-user-select: none;
755
+ -ms-user-select: none;
756
+ -moz-user-select: none;
750
757
  -khtml-user-select: none;
751
758
  -webkit-user-select: none;
752
759
  -o-user-select: none;
753
760
  }
754
761
 
755
762
  div.CanvasXpressDataTableResizer {
756
- box-sizing: content-box;
757
- background-color: rgb(245, 245, 245);
763
+ box-sizing: content-box;
764
+ background-color: rgba(245, 245, 245, 0.95);
758
765
  background-image:
759
766
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAR0lEQVR42pXPQQoAIAhEUb25nrwyKIpMndkJz8VnAtbGGMGqSqWHhW3pw4lFhBnBYYOHvw0/7DZE+GnI8NVQwbuhimcDgu3uM5KV++8QfCcAAAAASUVORK5CYII=);
760
767
  background-repeat: no-repeat;
@@ -762,11 +769,11 @@ div.CanvasXpressDataTableResizer {
762
769
  bottom: 4px;
763
770
  height: 15px;
764
771
  position: absolute;
772
+ opacity: 0.95;
765
773
  right: 0px;
766
774
  width: 15px;
767
- user-select: none;
768
- -ms-user-select: none;
769
- -moz-user-select: none;
775
+ -ms-user-select: none;
776
+ -moz-user-select: none;
770
777
  -khtml-user-select: none;
771
778
  -webkit-user-select: none;
772
779
  -o-user-select: none;
@@ -780,123 +787,108 @@ table.CanvasXpressDataTable {
780
787
  left: 1px;
781
788
  line-height: 20px;
782
789
  position: absolute;
783
- table-layout: fixed;
790
+ opacity: 0.95;
791
+ table-layout: fixed;
784
792
  top: 1px;
785
- user-select: none;
786
- -ms-user-select: none;
787
- -moz-user-select: none;
793
+ -ms-user-select: none;
794
+ -moz-user-select: none;
788
795
  -khtml-user-select: none;
789
796
  -webkit-user-select: none;
790
797
  -o-user-select: none;
791
798
  }
792
799
 
793
800
  div.CanvasXpressDataTableMask {
794
- box-sizing: content-box;
801
+ box-sizing: content-box;
795
802
  border: 0px;
796
- left: 24px;
803
+ left: 32px;
797
804
  position: absolute;
798
805
  top: 0px;
799
806
  overflow: hidden;
800
- user-select: none;
801
- -ms-user-select: none;
802
- -moz-user-select: none;
807
+ -ms-user-select: none;
808
+ -moz-user-select: none;
803
809
  -khtml-user-select: none;
804
810
  -webkit-user-select: none;
805
811
  -o-user-select: none;
806
812
  }
807
813
 
808
814
  th.CanvasXpressTableCellHead {
809
- background-image:
810
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mP88OHDf0aSiGfPntGaAAAL8XAJa+SuYgAAAABJRU5ErkJggg==);
811
- background-repeat: repeat-x;
812
- border: 1px solid #ccc;
815
+ background: linear-gradient(rgb(240, 240, 240), rgb(230,230,230));
816
+ border: 1px solid #ccc;
813
817
  color: rgb(34, 34, 34);
814
818
  font: normal 12px arial, tahoma, sans-serif;
815
819
  line-height: 20px;
816
- padding: 2px;
820
+ opacity: 0.95;
821
+ padding: 2px;
817
822
  text-align: left;
818
823
  vertical-align: middle;
819
- user-select: none;
820
- -ms-user-select: none;
821
- -moz-user-select: none;
824
+ -ms-user-select: none;
825
+ -moz-user-select: none;
822
826
  -khtml-user-select: none;
823
827
  -webkit-user-select: none;
824
828
  -o-user-select: none;
825
829
  }
826
830
 
827
831
  th.CanvasXpressTableCellHeadActive {
828
- background-image:
829
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mN89fnvf0aSiBvPf9GaAABVL3D5nF6uqAAAAABJRU5ErkJggg==);
830
- background-repeat: repeat-x;
831
- border: 1px solid #ccc;
832
+ background: linear-gradient(rgb(243, 253, 255), rgb(217,232,251));
833
+ border: 1px solid #ccc;
832
834
  color: rgb(34, 34, 34);
833
835
  font: normal 12px arial, tahoma, sans-serif;
834
836
  line-height: 20px;
835
- padding: 2px;
837
+ opacity: 0.95;
838
+ padding: 2px;
836
839
  text-align: left;
837
840
  vertical-align: middle;
838
- user-select: none;
839
- -ms-user-select: none;
840
- -moz-user-select: none;
841
+ -ms-user-select: none;
842
+ -moz-user-select: none;
841
843
  -khtml-user-select: none;
842
844
  -webkit-user-select: none;
843
845
  -o-user-select: none;
844
846
  }
845
847
 
846
848
  a.CanvasXpressTableCellHead {
847
- background: no-repeat left center;
848
- background-color: #dfe8f9;
849
- background-image:
850
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAA10lEQVR42u3RQQqCUBAG4OemAxQVLSMkgqALtO5MHaEztQ2iRQRBUBmRomFqiqaoWVRMIo2li1lG/cuZ/xt4PG4knO9dvsCOASNlpUSM++Ovw7pPw8IeYdWj4a2KsOLSsHhAWHJoWNYR3lnxsF7MB0kHsjcR3piM8SXGGr1B/juH/WcPolkIr4142CxnHwCYdCCGjfBSfy1alfQBgHgPMR2EF1p62a7GBwC+7yD2CeG5+lno1FjmHOJ6CM8U2lf5AcJTmYbDEOGJRMPXCOGxSMO3yx//Cn4AItYZpADS3s8AAAAASUVORK5CYII=);
849
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAVElEQVR42mNkAIL/QMAIBAwkAsZRzaOah5BmEBunYjQLUDSDaGW3Dpw23d1VgWIAVpuxGYCuEaef0Q3AphFvgMEMwKWRYGgTioVBFM+jmkc1U1UzAAG5nB8y5eufAAAAAElFTkSuQmCC) no-repeat left center;
851
850
  cursor: pointer;
852
851
  display: none;
853
852
  height: 20px;
854
853
  position: absolute;
855
- right: 0px;
856
- top: 0px;
854
+ opacity: 0.95;
855
+ right: 4px;
857
856
  white-space: normal;
858
857
  width: 14px;
859
- user-select: none;
860
- -ms-user-select: none;
861
- -moz-user-select: none;
858
+ -ms-user-select: none;
859
+ -moz-user-select: none;
862
860
  -khtml-user-select: none;
863
861
  -webkit-user-select: none;
864
862
  -o-user-select: none;
865
863
  }
866
864
 
867
865
  a.CanvasXpressTableCellHeadActive {
868
- background: no-repeat left center;
869
- background-color: #dfe8f9;
870
- background-image:
871
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAA10lEQVR42u3RQQqCUBAG4OemAxQVLSMkgqALtO5MHaEztQ2iRQRBUBmRomFqiqaoWVRMIo2li1lG/cuZ/xt4PG4knO9dvsCOASNlpUSM++Ovw7pPw8IeYdWj4a2KsOLSsHhAWHJoWNYR3lnxsF7MB0kHsjcR3piM8SXGGr1B/juH/WcPolkIr4142CxnHwCYdCCGjfBSfy1alfQBgHgPMR2EF1p62a7GBwC+7yD2CeG5+lno1FjmHOJ6CM8U2lf5AcJTmYbDEOGJRMPXCOGxSMO3yx//Cn4AItYZpADS3s8AAAAASUVORK5CYII=);
866
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAeCAYAAADzXER0AAAAVElEQVR42mNkAIL/QMAIBAwkAsZRzaOah5BmEBunYjQLUDSDaGW3Dpw23d1VgWIAVpuxGYCuEaef0Q3AphFvgMEMwKWRYGgTioVBFM+jmkc1U1UzAAG5nB8y5eufAAAAAElFTkSuQmCC) no-repeat left center;
872
867
  cursor: pointer;
873
868
  display: block;
874
869
  height: 20px;
875
870
  position: absolute;
876
- right: 0px;
877
- top: 0px;
871
+ opacity: 0.95;
872
+ right: 4px;
878
873
  white-space: normal;
879
874
  width: 14px;
880
- user-select: none;
881
- -ms-user-select: none;
882
- -moz-user-select: none;
875
+ -ms-user-select: none;
876
+ -moz-user-select: none;
883
877
  -khtml-user-select: none;
884
878
  -webkit-user-select: none;
885
879
  -o-user-select: none;
886
880
  }
887
881
 
888
882
  td.CanvasXpressTableCell {
889
- background-color: #ffffff;
890
883
  border-bottom: 1px solid #ccc;
891
- border-right: 1px solid #ccc;
884
+ border-right: 1px solid #ccc;
892
885
  color: rgb(34, 34, 34);
893
886
  font: normal 12px arial, tahoma, sans-serif;
894
887
  line-height: 20px;
895
888
  padding: 2px;
896
- vertical-align: middle;
897
- user-select: none;
898
- -ms-user-select: none;
899
- -moz-user-select: none;
889
+ vertical-align: middle;
890
+ -ms-user-select: none;
891
+ -moz-user-select: none;
900
892
  -khtml-user-select: none;
901
893
  -webkit-user-select: none;
902
894
  -o-user-select: none;
@@ -904,34 +896,34 @@ td.CanvasXpressTableCell {
904
896
 
905
897
  td.CanvasXpressTableCellActive {
906
898
  background-color: #dfe8f9;
907
- border-bottom: 1px solid #ccc;
908
- border-right: 1px solid #ccc;
909
- color: rgb(34, 34, 34);
899
+ border-bottom: 1px solid #ccc;
900
+ border-right: 1px solid #ccc;
901
+ color: rgb(34, 34, 34);
910
902
  font: normal 12px arial, tahoma, sans-serif;
911
903
  line-height: 20px;
912
904
  padding: 2px;
913
- vertical-align: middle;
914
- user-select: none;
915
- -ms-user-select: none;
916
- -moz-user-select: none;
905
+ opacity: 0.95;
906
+ vertical-align: middle;
907
+ -ms-user-select: none;
908
+ -moz-user-select: none;
917
909
  -khtml-user-select: none;
918
910
  -webkit-user-select: none;
919
911
  -o-user-select: none;
920
912
  }
921
913
 
922
914
  div.CanvasXpressTableCell {
923
- box-sizing: content-box;
915
+ box-sizing: content-box;
924
916
  font: normal 12px arial, tahoma, sans-serif;
925
917
  line-height: 20px;
926
918
  margin: 2px 2px 1px 5px;
927
919
  overflow: hidden;
928
920
  position: relative;
929
- text-overflow: ellipsis;
921
+ text-overflow: ellipsis;
930
922
  white-space: nowrap;
931
923
  }
932
924
 
933
925
  div.CanvasXpressTableCellSortAsc {
934
- box-sizing: content-box;
926
+ box-sizing: content-box;
935
927
  background:
936
928
  url(data:image/gif;base64,R0lGODlhDQAFAIcAAGGQzUD/QOPu+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAEALAAAAAANAAUAAAgbAAMIDABgoEGDABIeRJhQ4cKGEA8KmEiRosGAADs=)
937
929
  no-repeat right 7px;
@@ -939,11 +931,11 @@ div.CanvasXpressTableCellSortAsc {
939
931
  line-height: 20px;
940
932
  margin: 2px 2px 1px 5px;
941
933
  overflow: hidden;
942
- white-space: nowrap;
934
+ white-space: nowrap;
943
935
  }
944
936
 
945
937
  div.CanvasXpressTableCellSortDesc {
946
- box-sizing: content-box;
938
+ box-sizing: content-box;
947
939
  background:
948
940
  url(data:image/gif;base64,R0lGODlhDQAFAIcAAGGQzUD/QOPu+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAEALAAAAAANAAUAAAgeAAUAGEgQgIAACBEKLHgwYcKFBh1KFNhQosOKEgMCADs=)
949
941
  no-repeat right 7px;
@@ -957,20 +949,19 @@ div.CanvasXpressTableCellSortDesc {
957
949
  /****************/
958
950
  /* Configurator */
959
951
  /****************/
960
-
961
952
  div.CanvasXpressConfigurator {
962
- box-sizing: content-box;
963
- background-color: rgb(245, 245, 245);
953
+ box-sizing: content-box;
954
+ background-color: rgba(245, 245, 245, 0.95);
964
955
  border-radius: 5px;
965
956
  border: 1px solid rgb(51, 122, 183);
966
957
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
967
958
  color: rgb(34, 34, 34);
968
959
  cursor: default;
969
960
  font: normal 12px arial, tahoma, sans-serif;
970
- line-height: 16px;
971
- user-select: none;
972
- -ms-user-select: none;
973
- -moz-user-select: none;
961
+ opacity: 0.95;
962
+ line-height: 24px;
963
+ -ms-user-select: none;
964
+ -moz-user-select: none;
974
965
  -khtml-user-select: none;
975
966
  -webkit-user-select: none;
976
967
  -o-user-select: none;
@@ -979,7 +970,6 @@ div.CanvasXpressConfigurator {
979
970
  span.CanvasXpressConfigurator {
980
971
  cursor: default;
981
972
  font: normal 12px arial, tahoma, sans-serif;
982
- line-height: 16px;
983
973
  -moz-user-select: none;
984
974
  -khtml-user-select: none;
985
975
  -webkit-user-select: none;
@@ -987,20 +977,19 @@ span.CanvasXpressConfigurator {
987
977
  }
988
978
 
989
979
  textarea.CanvasXpressConfigurator {
990
- background-color: rgb(245, 245, 245);
980
+ background-color: rgba(245, 245, 245, 0.95);
991
981
  border-radius: 5px;
992
982
  border: 1px solid rgb(51, 122, 183);
993
983
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
994
984
  color: rgb(34, 34, 34);
995
985
  cursor: default;
996
986
  font: normal 12px arial, tahoma, sans-serif;
997
- line-height: 16px;
998
987
  }
999
988
 
1000
989
  img.CanvasXpressConfigurator {
1001
990
  cursor: default;
1002
991
  float: right;
1003
- margin-left: 2px;
992
+ margin-left: 5px;
1004
993
  -moz-user-select: none;
1005
994
  -khtml-user-select: none;
1006
995
  -webkit-user-select: none;
@@ -1008,116 +997,111 @@ img.CanvasXpressConfigurator {
1008
997
  }
1009
998
 
1010
999
  select.CanvasXpressConfigurator {
1011
- background-color: rgb(255, 255, 255);
1000
+ background-color: rgba(255, 255, 255, 0.95);
1012
1001
  border: 1px solid rgb(51, 122, 183);
1013
1002
  color: rgb(34, 34, 34);
1014
1003
  cursor: default;
1015
1004
  font: normal 12px arial, tahoma, sans-serif;
1016
- line-height: 16px;
1017
1005
  padding-left: 3px;
1018
1006
  }
1019
1007
 
1020
1008
  input.CanvasXpressConfigurator {
1021
- background-color: rgb(255, 255, 255);
1009
+ background-color: rgba(255, 255, 255, 0.95);
1022
1010
  border: 1px solid rgb(51, 122, 183);
1023
1011
  color: rgb(34, 34, 34);
1024
1012
  cursor: default;
1025
1013
  font: normal 12px arial, tahoma, sans-serif;
1026
- line-height: 16px;
1027
1014
  padding-left: 3px;
1028
1015
  }
1029
1016
 
1030
1017
  div.CanvasXpressConfiguratorOptions {
1031
- box-sizing: content-box;
1018
+ box-sizing: content-box;
1032
1019
  cursor: default;
1033
1020
  font: normal 12px arial, tahoma, sans-serif;
1034
1021
  height: 100px;
1035
- line-height: 16px;
1036
1022
  margin-top: 8px;
1037
1023
  overflow: auto;
1038
1024
  width: 180px;
1039
1025
  }
1040
1026
 
1041
1027
  div.CanvasXpressConfiguratorFilter {
1042
- box-sizing: content-box;
1043
- background-color: rgb(245, 245, 245);
1028
+ box-sizing: content-box;
1029
+ background-color: rgba(245, 245, 245, 0.95);
1044
1030
  border-radius: 5px;
1045
1031
  border: 1px solid rgb(51, 122, 183);
1046
1032
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
1047
1033
  color: rgb(34, 34, 34);
1048
1034
  font: normal 12px arial, tahoma, sans-serif;
1049
- line-height: 16px;
1050
1035
  }
1051
1036
 
1052
1037
  select.CanvasXpressConfiguratorFilter {
1053
1038
  border: 1px solid rgb(51, 122, 183);
1054
1039
  font: normal 12px arial, tahoma, sans-serif;
1055
- line-height: 16px;
1056
1040
  }
1057
1041
 
1058
1042
  input.CanvasXpressConfiguratorFilter {
1059
1043
  border: 1px solid rgb(51, 122, 183);
1060
1044
  font: normal 12px arial, tahoma, sans-serif;
1061
- line-height: 16px;
1062
1045
  }
1063
1046
 
1064
1047
  div.CanvasXpressConfiguratorExample {
1065
- box-sizing: content-box;
1066
- background-color: rgb(245, 245, 245);
1048
+ box-sizing: content-box;
1049
+ background-color: rgba(245, 245, 245, 0.95);
1067
1050
  border-radius: 5px;
1068
1051
  border: 1px solid rgb(51, 122, 183);
1069
1052
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
1070
1053
  color: rgb(34, 34, 34);
1071
1054
  font: normal 12px arial, tahoma, sans-serif;
1072
- line-height: 16px;
1073
1055
  }
1074
1056
 
1075
1057
  span.CanvasXpressConfiguratorExample {
1076
1058
  cursor: default;
1077
- font: normal 12px arial, tahoma, sans-serif;
1078
- line-height: 16px;
1059
+ font: bold 14px arial, tahoma, sans-serif;
1060
+ line-height: 18px;
1079
1061
  -moz-user-select: none;
1080
1062
  -khtml-user-select: none;
1081
1063
  -webkit-user-select: none;
1082
1064
  -o-user-select: none;
1083
1065
  }
1084
1066
 
1067
+ div.CanvasXpressConfiguratorExampleContent {
1068
+ overflow: 'auto'
1069
+ }
1070
+
1085
1071
  div.CanvasXpressConfiguratorColor {
1086
- box-sizing: content-box;
1072
+ box-sizing: content-box;
1087
1073
  border: 1px solid rgb(51, 122, 183);
1088
1074
  font: normal 12px arial, tahoma, sans-serif;
1089
- line-height: 16px;
1075
+ line-height: 18px;
1090
1076
  }
1091
1077
 
1092
1078
  div.CanvasXpressConfiguratorColorMain {
1093
- box-sizing: content-box;
1079
+ box-sizing: content-box;
1094
1080
  background-image:
1095
1081
  url(data:image/png;base64,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);
1096
- background-repeat: no-repeat; box-sizing: content-box;
1097
-
1082
+ background-repeat: no-repeat;
1083
+ box-sizing: content-box;
1098
1084
  border: none;
1099
1085
  font: normal 12px arial, tahoma, sans-serif;
1100
- line-height: 16px;
1101
1086
  float: left;
1102
1087
  cursor: crosshair;
1103
1088
  }
1104
1089
 
1105
1090
  div.CanvasXpressConfiguratorColorExtra {
1106
- box-sizing: content-box;
1091
+ box-sizing: content-box;
1107
1092
  background-image:
1108
1093
  url(data:image/gif;base64,R0lGODlhDwAPAKEBAAAAAP///////////yH5BAEKAAIALAAAAAAPAA8AAAIklB8Qx53b4otSUWcvyiz4/4AeQJbmKY4p1HHapBlwPL/uVRsFADs=);
1109
1094
  background-repeat: no-repeat;
1110
1095
  border: none;
1111
1096
  font: normal 12px arial, tahoma, sans-serif;
1112
- line-height: 16px;
1113
1097
  cursor: crosshair;
1114
1098
  overflow: hidden;
1115
1099
  }
1116
1100
 
1117
1101
  div.accordionHead {
1118
- box-sizing: content-box;
1102
+ box-sizing: content-box;
1119
1103
  margin-top: 2px;
1120
- height: 16px;
1104
+ height: 24px;
1121
1105
  overflow: hidden;
1122
1106
  float: left;
1123
1107
  cursor: pointer;
@@ -1131,23 +1115,23 @@ div.accordionHead {
1131
1115
  }
1132
1116
 
1133
1117
  div.accordionContent {
1134
- box-sizing: content-box;
1118
+ box-sizing: content-box;
1135
1119
  overflow: auto;
1136
1120
  }
1137
1121
 
1138
1122
  div.hoverable:hover {
1139
- box-sizing: content-box;
1123
+ box-sizing: content-box;
1140
1124
  background-color: #dfe8f6;
1141
1125
  }
1142
1126
 
1143
1127
  div.CanvasXpressContainer {
1144
- box-sizing: content-box;
1128
+ box-sizing: content-box;
1145
1129
  position: relative;
1146
1130
  float: left;
1147
1131
  }
1148
1132
 
1149
1133
  div.CanvasXpressHandlerVerticalOpen {
1150
- box-sizing: content-box;
1134
+ box-sizing: content-box;
1151
1135
  background-image:
1152
1136
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAANklEQVR42mNkIBIwgoi0tLT/IHrWrFmMyJLI4igKkRWjizGi60YHMI1YrUJXhKEQn3sxFOICAH1yHAgCw6JnAAAAAElFTkSuQmCC);
1153
1137
  position: relative;
@@ -1157,7 +1141,7 @@ div.CanvasXpressHandlerVerticalOpen {
1157
1141
  }
1158
1142
 
1159
1143
  div.CanvasXpressHandlerVerticalClose {
1160
- box-sizing: content-box;
1144
+ box-sizing: content-box;
1161
1145
  background-image:
1162
1146
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAAN0lEQVR42mNkIBIwogukpaX9B9GzZs1ixKkQpggGkBUz4lKErpgRXRFMAl0MRRDdXcjijAxEAgClNhwIDjZ11QAAAABJRU5ErkJggg==);
1163
1147
  position: relative;
@@ -1167,7 +1151,7 @@ div.CanvasXpressHandlerVerticalClose {
1167
1151
  }
1168
1152
 
1169
1153
  div.CanvasXpressHandlerHorizontalOpen {
1170
- box-sizing: content-box;
1154
+ box-sizing: content-box;
1171
1155
  background-image:
1172
1156
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAMElEQVR42mNkwAMYQURaWtp/ED1r1ixGnJLoCuAMbApQjEFXQJwkTmPxOgivV3ABAClDIAsKqUy5AAAAAElFTkSuQmCC);
1173
1157
  position: relative;
@@ -1177,7 +1161,7 @@ div.CanvasXpressHandlerHorizontalOpen {
1177
1161
  }
1178
1162
 
1179
1163
  div.CanvasXpressHandlerHorizontalClose {
1180
- box-sizing: content-box;
1164
+ box-sizing: content-box;
1181
1165
  background-image:
1182
1166
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAL0lEQVR42mNkwAMY0QXS0tL+g+hZs2YxMmKTwJBEl4Abi02COEm8xhJ0EEGvoAMAyTQgC6MMiAUAAAAASUVORK5CYII=);
1183
1167
  position: relative;
@@ -1187,7 +1171,7 @@ div.CanvasXpressHandlerHorizontalClose {
1187
1171
  }
1188
1172
 
1189
1173
  div.CanvasXpressWrapper {
1190
- box-sizing: content-box;
1174
+ box-sizing: content-box;
1191
1175
  position: relative;
1192
1176
  float: left;
1193
1177
  line-height: 100%;
@@ -1196,9 +1180,8 @@ div.CanvasXpressWrapper {
1196
1180
  /***************/
1197
1181
  /* Data Filter */
1198
1182
  /***************/
1199
-
1200
1183
  div.CanvasXpressDataFilter {
1201
- box-sizing: content-box;
1184
+ box-sizing: content-box;
1202
1185
  color: rgb(34, 34, 34);
1203
1186
  font: normal 12px arial, tahoma, sans-serif;
1204
1187
  line-height: 100%;
@@ -1212,21 +1195,20 @@ div.CanvasXpressDataFilter {
1212
1195
  }
1213
1196
 
1214
1197
  div.CanvasXpressDataFilterToolbar {
1215
- box-sizing: content-box;
1216
- background-image:
1217
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mP88OHDf0aSiGfPntGaAAAL8XAJa+SuYgAAAABJRU5ErkJggg==);
1218
- background-repeat: repeat-x;
1198
+ box-sizing: content-box;
1199
+ background: linear-gradient(rgb(240, 240, 240), rgb(230,230,230));
1219
1200
  border: 1px solid rgb(51, 122, 183);
1220
- border-radius: 5px;
1201
+ border-radius: 4px;
1221
1202
  color: rgb(34, 34, 34);
1222
1203
  cursor: move;
1223
1204
  font: normal 12px arial, tahoma, sans-serif;
1224
- height: 24px;
1205
+ height: 32px;
1225
1206
  left: 0px;
1226
1207
  line-height: 100%;
1227
1208
  margin: 0px;
1228
1209
  padding: 2px;
1229
1210
  position: absolute;
1211
+ opacity: 0.95;
1230
1212
  top: 0px;
1231
1213
  }
1232
1214
 
@@ -1235,13 +1217,13 @@ span.CanvasXpressDataFilterToolbarText {
1235
1217
  left: 8px;
1236
1218
  line-height: 100%;
1237
1219
  position: relative;
1238
- top: 5px;
1220
+ top: 9px;
1239
1221
  }
1240
1222
 
1241
1223
  img.CanvasXpressDataFilterToolbarImage {
1242
1224
  cursor: pointer;
1243
- margin-top: 2px;
1244
- margin-right: 2px;
1225
+ margin-top: 4px;
1226
+ margin-right: 4px;
1245
1227
  float: right;
1246
1228
  }
1247
1229
 
@@ -1254,7 +1236,7 @@ span.CanvasXpressDataFilterText {
1254
1236
  left: 8px;
1255
1237
  line-height: 100%;
1256
1238
  position: relative;
1257
- top: 5px;
1239
+ top: 9px;
1258
1240
  }
1259
1241
 
1260
1242
  span.CanvasXpressDataFilterTextActive {
@@ -1266,17 +1248,17 @@ span.CanvasXpressDataFilterTextActive {
1266
1248
  left: 8px;
1267
1249
  line-height: 100%;
1268
1250
  position: relative;
1269
- top: 5px;
1251
+ top: 9px;
1270
1252
  }
1271
1253
 
1272
1254
  div.CanvasXpressDataFilterContainer {
1273
- box-sizing: content-box;
1255
+ box-sizing: content-box;
1274
1256
  border: 0px;
1275
1257
  left: 0px;
1276
1258
  margin: 0px;
1277
1259
  padding: 0px;
1278
1260
  position: absolute;
1279
- top: 30px;
1261
+ top: 38px;
1280
1262
  }
1281
1263
 
1282
1264
  input[type=checkbox].CanvasXpressCheckbox {
@@ -1312,11 +1294,12 @@ input[type=checkbox].CanvasXpressDataFilterContainerItemSelected {
1312
1294
  border: 0;
1313
1295
  }
1314
1296
 
1315
- input[type=checkbox].CanvasXpressCheckbox+label.CanvasXpressCheckboxLabel {
1297
+ input[type=checkbox].CanvasXpressCheckbox+label.CanvasXpressCheckboxLabel
1298
+ {
1316
1299
  padding-left: 18px;
1317
1300
  height: 13px;
1318
1301
  display: inline-block;
1319
- line-height: 16px;
1302
+ line-height: 24px;
1320
1303
  background-repeat: no-repeat;
1321
1304
  background-position: 0 0;
1322
1305
  font: normal 12px arial, tahoma, sans-serif;
@@ -1325,11 +1308,12 @@ input[type=checkbox].CanvasXpressCheckbox+label.CanvasXpressCheckboxLabel {
1325
1308
  cursor: pointer;
1326
1309
  }
1327
1310
 
1328
- input[type=checkbox].CanvasXpressDataFilterContainerItem+label.CanvasXpressCheckboxLabel {
1311
+ input[type=checkbox].CanvasXpressDataFilterContainerItem+label.CanvasXpressCheckboxLabel
1312
+ {
1329
1313
  padding-left: 18px;
1330
1314
  height: 13px;
1331
1315
  display: inline-block;
1332
- line-height: 16px;
1316
+ line-height: 24px;
1333
1317
  background-repeat: no-repeat;
1334
1318
  background-position: 0 0;
1335
1319
  font: normal 12px arial, tahoma, sans-serif;
@@ -1338,11 +1322,12 @@ input[type=checkbox].CanvasXpressDataFilterContainerItem+label.CanvasXpressCheck
1338
1322
  cursor: pointer;
1339
1323
  }
1340
1324
 
1341
- input[type=checkbox].CanvasXpressDataFilterContainerItemSelected+label.CanvasXpressCheckboxLabel {
1325
+ input[type=checkbox].CanvasXpressDataFilterContainerItemSelected+label.CanvasXpressCheckboxLabel
1326
+ {
1342
1327
  padding-left: 18px;
1343
1328
  height: 13px;
1344
1329
  display: inline-block;
1345
- line-height: 16px;
1330
+ line-height: 24px;
1346
1331
  background-repeat: no-repeat;
1347
1332
  background-position: 0 0;
1348
1333
  font: normal 12px arial, tahoma, sans-serif;
@@ -1351,11 +1336,13 @@ input[type=checkbox].CanvasXpressDataFilterContainerItemSelected+label.CanvasXpr
1351
1336
  cursor: pointer;
1352
1337
  }
1353
1338
 
1354
- input[type=checkbox].CanvasXpressCheckbox:checked+label.CanvasXpressCheckboxLabel {
1339
+ input[type=checkbox].CanvasXpressCheckbox:checked+label.CanvasXpressCheckboxLabel
1340
+ {
1355
1341
  background-position: 0 -13px;
1356
1342
  }
1357
1343
 
1358
- input[type=checkbox].CanvasXpressDataFilterContainerItemSelected:checked+label.CanvasXpressCheckboxLabel {
1344
+ input[type=checkbox].CanvasXpressDataFilterContainerItemSelected:checked+label.CanvasXpressCheckboxLabel
1345
+ {
1359
1346
  background-position: 0 -13px;
1360
1347
  }
1361
1348
 
@@ -1367,25 +1354,22 @@ label.CanvasXpressCheckboxLabel {
1367
1354
  }
1368
1355
 
1369
1356
  div.CanvasXpressDataFilterContainerMaskNoOverflow {
1370
- box-sizing: content-box;
1371
- background-color: #ffffff;
1357
+ box-sizing: content-box;
1372
1358
  border: 1px solid #d0d0d0;
1373
- margin: 1px 3px 3px 3px;
1359
+ margin: 5px;
1374
1360
  overflow: hidden;
1375
1361
  }
1376
1362
 
1377
1363
  div.CanvasXpressDataFilterContainerMask {
1378
- box-sizing: content-box;
1379
- background-color: #ffffff;
1364
+ box-sizing: content-box;
1380
1365
  border: 1px solid #d0d0d0;
1381
- margin: 1px 3px 3px 3px;
1366
+ margin: 5px;
1382
1367
  overflow-x: hidden;
1383
1368
  overflow-y: scroll;
1384
1369
  }
1385
1370
 
1386
1371
  div.CanvasXpressDataFilterContainerItem {
1387
- box-sizing: content-box;
1388
- background-color: #ffffff;
1372
+ box-sizing: content-box;
1389
1373
  color: #4181ba;
1390
1374
  height: 15px;
1391
1375
  padding: 1px 0px 0px 1px;
@@ -1394,29 +1378,29 @@ div.CanvasXpressDataFilterContainerItem {
1394
1378
  }
1395
1379
 
1396
1380
  div.CanvasXpressDataFilterContainerItemSelected {
1397
- box-sizing: content-box;
1398
- background-color: #4181ba;
1399
- color: rgb(255, 255, 255);
1381
+ box-sizing: content-box;
1382
+ background-color: #dfe8f6;
1383
+ color: #4181ba;
1400
1384
  height: 15px;
1401
1385
  padding: 1px 0px 0px 1px;
1402
- overflow: hidden;
1403
- white-space: nowrap;
1386
+ overflow: hidden;
1387
+ white-space: nowrap;
1404
1388
  }
1405
1389
 
1406
1390
  div.CanvasXpressDataFilterContainerHoverable {
1407
- box-sizing: content-box;
1391
+ box-sizing: content-box;
1408
1392
  border: 1px solid rgb(51, 122, 183);
1409
1393
  margin: 2px;
1410
1394
  margin-bottom: 4px;
1411
1395
  }
1412
1396
 
1413
1397
  div.CanvasXpressDataFilterContainerHoverable:hover {
1414
- box-sizing: content-box;
1398
+ box-sizing: content-box;
1415
1399
  background-color: #dfe8f6;
1416
1400
  }
1417
1401
 
1418
1402
  div.CanvasXpressDataFilterContainerNumeric {
1419
- box-sizing: content-box;
1403
+ box-sizing: content-box;
1420
1404
  background-image:
1421
1405
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAF0lEQVR42mNkAAJGNOLChQv/cRNYdAAA0dgUqRX/AM0AAAAASUVORK5CYII=);
1422
1406
  background-repeat: repeat-x;
@@ -1426,7 +1410,7 @@ div.CanvasXpressDataFilterContainerNumeric {
1426
1410
  }
1427
1411
 
1428
1412
  div.CanvasXpressDataFilterContainerMin {
1429
- box-sizing: content-box;
1413
+ box-sizing: content-box;
1430
1414
  background-image:
1431
1415
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlUlEQVR42mNkgIIDBw78ZyACODg4MCLzGWGa7e3tidHPcPDgQRRDGEGaTc0tidIMA6dPHocbAjZAV9eQJAMuXz5PZQM0NA1IMuDG9QuoBqioqJBkwJ07d1ANkJRWJ8mA509vUtkAUVFFkgx4/fo+qgG8fHIkGfD50yMqGgAiQIaws4oTpfnn75eoSRnGoCgzUQIoNgAAbjRcEcsB8BEAAAAASUVORK5CYII=);
1432
1416
  background-repeat: no-repeat;
@@ -1438,7 +1422,7 @@ div.CanvasXpressDataFilterContainerMin {
1438
1422
  }
1439
1423
 
1440
1424
  div.CanvasXpressDataFilterContainerMax {
1441
- box-sizing: content-box;
1425
+ box-sizing: content-box;
1442
1426
  background-image:
1443
1427
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAlUlEQVR42mNkgIIDBw78ZyACODg4MCLzGWGa7e3tidHPcPDgQRRDGEGaTc0tidIMA6dPHocbAjZAV9eQJAMuXz5PZQM0NA1IMuDG9QuoBqioqJBkwJ07d1ANkJRWJ8mA509vUtkAUVFFkgx4/fo+qgG8fHIkGfD50yMqGgAiQIaws4oTpfnn75eoSRnGoCgzUQIoNgAAbjRcEcsB8BEAAAAASUVORK5CYII=);
1444
1428
  background-repeat: no-repeat;
@@ -1450,7 +1434,7 @@ div.CanvasXpressDataFilterContainerMax {
1450
1434
  }
1451
1435
 
1452
1436
  div.CanvasXpressDataFilterContainerRange {
1453
- box-sizing: content-box;
1437
+ box-sizing: content-box;
1454
1438
  background-image:
1455
1439
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAYAAADuQ3ZcAAAAFklEQVR42mNkAAJGNMKxcdd/3AQWHQAD/g7xOirtNAAAAABJRU5ErkJggg==);
1456
1440
  background-repeat: repeat-x;
@@ -1462,7 +1446,7 @@ div.CanvasXpressDataFilterContainerRange {
1462
1446
  }
1463
1447
 
1464
1448
  input.CanvasXpressDataFilterContainerMinValue {
1465
- border: 1px solid rgb(245, 245, 245);
1449
+ border: 1px solid rgba(245, 245, 245, 0.95);
1466
1450
  color: rgb(51, 122, 183);
1467
1451
  float: left;
1468
1452
  font: normal 12px arial, tahoma, sans-serif;
@@ -1473,7 +1457,7 @@ input.CanvasXpressDataFilterContainerMinValue {
1473
1457
  }
1474
1458
 
1475
1459
  input.CanvasXpressDataFilterContainerMaxValue {
1476
- border: 1px solid rgb(245, 245, 245);
1460
+ border: 1px solid rgba(245, 245, 245, 0.95);
1477
1461
  color: rgb(51, 122, 183);
1478
1462
  float: right;
1479
1463
  font: normal 12px arial, tahoma, sans-serif;
@@ -1485,7 +1469,7 @@ input.CanvasXpressDataFilterContainerMaxValue {
1485
1469
  }
1486
1470
 
1487
1471
  div.CanvasXpressDataFilterContainerScaleNone {
1488
- box-sizing: content-box;
1472
+ box-sizing: content-box;
1489
1473
  background-image:
1490
1474
  url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
1491
1475
  background-repeat: no-repeat;
@@ -1493,41 +1477,38 @@ div.CanvasXpressDataFilterContainerScaleNone {
1493
1477
  }
1494
1478
 
1495
1479
  div.CanvasXpressDataFilterContainerScaleLinearLog {
1496
- box-sizing: content-box;
1497
- background-image:
1498
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAVklEQVR42mNkoDFgHLWAKAv+AxEjCZatX7/+f2BgIFHqUSwg1iKyLaCbD/6DheAKGHFZAKJhYtj4eC3AF2TIFuCjh4YFRAURtQGGD4aMBXQLImRAcwsAaet+EfC7aT4AAAAASUVORK5CYII=);
1480
+ box-sizing: content-box;
1481
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAcElEQVR42mNkoDFgpIsFa9eu/R8cHEyqZf+JcSDdLWAC4n8kWgDS8xeXZRg+ALFBNC4+AR+AxAqBuB9KT0CxgBCNxwJsbDA9zC0gIQ6ItwCmGxufbAuQUtR/ZBMIBBFRAK8muliAI3ioYwE1AM0tAAB/xqIRdKGeOwAAAABJRU5ErkJggg==);
1499
1482
  background-repeat: no-repeat;
1500
1483
  background-position: 98% 50%;
1501
1484
  }
1502
1485
 
1503
1486
  div.CanvasXpressDataFilterContainerScaleLogLinear {
1504
- box-sizing: content-box;
1505
- background-image:
1506
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAWElEQVR42mNkoDFgHLWAKAvWr1//PzAwkGjL/gMRI5GOQ7GAWIvItoBuPgDRMAXYLIZZ8B/MhBuEwcdrAb4gQ7YAHz00LCAqiKgNMHwwZCygWxAhA5pbAAB2oXgRY0clXAAAAABJRU5ErkJggg==);
1487
+ box-sizing: content-box;
1488
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAAdElEQVR42mNkoDFgpJcF/0m1bO3atf+Dg4MJ6qG7BUxA/I9EC5iA7L+4LMPmAxC7EIgn4ODj9AFIDJkPkke3gBCN1QJsbBg9/C2AyVUCcQe1LEBOAO1AXIGWIMiygAGLBdh8RjIgpIkuFhCjjmwLKAY0twAAISOOEQIlMUAAAAAASUVORK5CYII=);
1507
1489
  background-repeat: no-repeat;
1508
1490
  background-position: 98% 50%;
1509
1491
  }
1510
1492
 
1511
1493
  select.CanvasXpressDataFilterContainerString {
1512
- background-color: rgb(255, 255, 255);
1494
+ background-color: rgba(255, 255, 255, 0.95);
1513
1495
  font: normal 12px arial, tahoma, sans-serif;
1514
1496
  margin-left: 3px;
1515
1497
  margin-bottom: 3px;
1516
1498
  }
1517
1499
 
1518
1500
  div.CanvasXpressDataFilterHead {
1519
- box-sizing: content-box;
1520
- background-image:
1521
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mP88OHDf0aSiGfPntGaAAAL8XAJa+SuYgAAAABJRU5ErkJggg==);
1522
- background-repeat: repeat-x;
1501
+ box-sizing: content-box;
1502
+ background: linear-gradient(rgb(240, 240, 240), rgb(230,230,230));
1523
1503
  border: 1px solid rgb(51, 122, 183);
1524
- border-radius: 5px 5px 5px 5px;
1504
+ border-radius: 4px;
1525
1505
  color: rgb(34, 34, 34);
1526
1506
  cursor: pointer;
1527
1507
  float: left;
1528
- height: 22px;
1508
+ height: 30px;
1529
1509
  margin-top: 2px;
1530
1510
  overflow: hidden;
1511
+ opacity: 0.95;
1531
1512
  padding: 2px;
1532
1513
  text-align: left;
1533
1514
  vertical-align: middle;
@@ -1538,19 +1519,17 @@ div.CanvasXpressDataFilterHead {
1538
1519
  }
1539
1520
 
1540
1521
  div.CanvasXpressDataFilterHeadActive {
1541
- box-sizing: content-box;
1542
- background-color: rgb(245, 245, 245);
1543
- background-image:
1544
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mN89fnvf0aSiBvPf9GaAABVL3D5nF6uqAAAAABJRU5ErkJggg==);
1545
- background-repeat: repeat-x;
1522
+ box-sizing: content-box;
1523
+ background: linear-gradient(rgb(243, 253, 255), rgb(217,232,251));
1546
1524
  border: 1px solid rgb(51, 122, 183);
1547
- border-radius: 5px 5px 0px 0px;
1525
+ border-radius: 4px 4px 0px 0px;
1548
1526
  color: rgb(34, 34, 34);
1549
1527
  cursor: pointer;
1550
1528
  float: left;
1551
- height: 22px;
1529
+ height: 30px;
1552
1530
  margin-top: 2px;
1553
1531
  overflow: hidden;
1532
+ opacity: 0.95;
1554
1533
  padding: 2px;
1555
1534
  text-align: left;
1556
1535
  vertical-align: middle;
@@ -1561,24 +1540,137 @@ div.CanvasXpressDataFilterHeadActive {
1561
1540
  }
1562
1541
 
1563
1542
  div.CanvasXpressDataFilterContent {
1564
- box-sizing: content-box;
1565
- background-color: rgb(255, 255, 255);
1543
+ box-sizing: content-box;
1544
+ background-color: rgba(255, 255, 255, 0.95);
1566
1545
  border: 1px solid rgb(51, 122, 183);
1567
- border-radius: 0px 0px 5px 5px;
1546
+ border-radius: 0px 0px 4px 4px;
1568
1547
  border-top: 0px;
1569
1548
  color: rgb(51, 122, 183);
1570
- font: normal 12px arial, tahoma, sans-serif;
1571
- overflow: auto;
1549
+ font: normal 12px arial, tahoma, sans-serif;
1550
+ overflow-y: scroll;
1551
+ overflow-x: hidden;
1572
1552
  padding: 2px;
1573
1553
  }
1574
1554
 
1555
+ /*
1556
+ * Scrollbars
1557
+ */
1558
+
1559
+
1560
+ /* All scrollbar buttons*/
1561
+
1562
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-button,
1563
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar-button,
1564
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar-button,
1565
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar-button,
1566
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar-button,
1567
+ div.CanvasXpressDataExplorer::-webkit-scrollbar-button,
1568
+ select.CanvasXpressConfigurator::-webkit-scrollbar-button,
1569
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-button,
1570
+ select.CanvasXpressRemote::-webkit-scrollbar-button,
1571
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar-button
1572
+ {
1573
+ width: 3px;
1574
+ height: 3px;
1575
+ }
1576
+
1577
+ /* Tracks can be of two different colors */
1578
+
1579
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar-track,
1580
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar-track,
1581
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar-track,
1582
+ select.CanvasXpressConfigurator::-webkit-scrollbar-track,
1583
+ select.CanvasXpressRemote::-webkit-scrollbar-track
1584
+ {
1585
+ background-color: #FFFFFF;
1586
+ }
1587
+
1588
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-track,
1589
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar-track,
1590
+ div.CanvasXpressDataExplorer::-webkit-scrollbar-track,
1591
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-track,
1592
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar-track
1593
+ {
1594
+ background-color: #F5F5F5;
1595
+ }
1596
+
1597
+ /* All tracks -hovers */
1598
+
1599
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-track:hover,
1600
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar-track:hover,
1601
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar-track:hover,
1602
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar-track:hover,
1603
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar-track:hover,
1604
+ div.CanvasXpressDataExplorer::-webkit-scrollbar-track:hover,
1605
+ select.CanvasXpressConfigurator::-webkit-scrollbar-track:hover,
1606
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-track:hover,
1607
+ select.CanvasXpressRemote::-webkit-scrollbar-track:hover,
1608
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar-track:hover
1609
+ {
1610
+ background-color: #BEBEBE;
1611
+ border-radius: 6px;
1612
+ }
1613
+
1614
+ /* scrollbar background could be of two different colors but match the style tracks above */
1615
+
1616
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar,
1617
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar,
1618
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar,
1619
+ select.CanvasXpressConfigurator::-webkit-scrollbar,
1620
+ select.CanvasXpressRemote::-webkit-scrollbar
1621
+ {
1622
+ width: 6px;
1623
+ height: 6px;
1624
+ background-color: #FFFFFF;
1625
+ }
1626
+
1627
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar,
1628
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar,
1629
+ div.CanvasXpressDataExplorer::-webkit-scrollbar,
1630
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar,
1631
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar
1632
+ {
1633
+ width: 6px;
1634
+ height: 6px;
1635
+ background-color: #F5F5F5;
1636
+ }
1637
+
1638
+ /* All tracks thumbs */
1639
+
1640
+ div.CanvasXpressDataTableHorizontal::-webkit-scrollbar-thumb,
1641
+ div.CanvasXpressDataTableVertical::-webkit-scrollbar-thumb,
1642
+ div.CanvasXpressDataFilterContent::-webkit-scrollbar-thumb,
1643
+ div.CanvasXpressDataFilterContainerMask::-webkit-scrollbar-thumb,
1644
+ div.CanvasXpressDataFilterContainerMaskNoOverflow::-webkit-scrollbar-thumb,
1645
+ div.CanvasXpressDataExplorer::-webkit-scrollbar-thumb,
1646
+ select.CanvasXpressConfigurator::-webkit-scrollbar-thumb,
1647
+ div.CanvasXpressConfiguratorExampleContent::-webkit-scrollbar-thumb,
1648
+ select.CanvasXpressRemote::-webkit-scrollbar-thumb,
1649
+ div.CanvasXpressBinNameContainer::-webkit-scrollbar-thumb
1650
+ {
1651
+ background-color: #337AB7;
1652
+ border-radius: 3px;
1653
+ border: none;
1654
+ }
1655
+
1656
+ div.CanvasXpressDataFilter::selection,
1657
+ div.CanvasXpressDataFilterToolbar::selection
1658
+ {
1659
+ background: rgba(0, 0, 0, 0);
1660
+ color: rgb(34, 34, 34);
1661
+ }
1662
+
1663
+ div.CanvasXpressDataFilterContainerItem::selection {
1664
+ background: rgba(0, 0, 0, 0);
1665
+ color: #4181ba;
1666
+ }
1667
+
1575
1668
  /********/
1576
1669
  /* Menu */
1577
1670
  /********/
1578
-
1579
1671
  div.CanvasXpressLink {
1580
- box-sizing: content-box;
1581
- background-color: rgb(245, 245, 245);
1672
+ box-sizing: content-box;
1673
+ background-color: rgba(245, 245, 245, 0.95);
1582
1674
  background-image:
1583
1675
  url(data:image/gif;base64,R0lGODlh+gABAIcAAOLj4/Dw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAD6AAEAAAgfAAMIHEiwoMGBAAQcXMiwocOHECNKnEixosWLGCMGBAA7);
1584
1676
  background-repeat: repeat-y;
@@ -1590,14 +1682,14 @@ div.CanvasXpressLink {
1590
1682
  font: normal 12px arial, tahoma, sans-serif;
1591
1683
  line-height: 100%;
1592
1684
  margin: 0px;
1685
+ opacity: 0.95;
1593
1686
  padding: 0px;
1594
1687
  position: absolute;
1595
1688
  -moz-box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
1596
1689
  }
1597
1690
 
1598
-
1599
1691
  div.CanvasXpressTabMenuConfigurator {
1600
- box-sizing: content-box;
1692
+ box-sizing: content-box;
1601
1693
  position: relative;
1602
1694
  }
1603
1695
 
@@ -1605,28 +1697,32 @@ input.CanvasXpressTabMenuConfigurator {
1605
1697
  display: none;
1606
1698
  }
1607
1699
 
1608
- input:not(:checked).CanvasXpressTabMenuConfigurator + section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1700
+ input:not(:checked).CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator {
1609
1701
  display: none;
1610
1702
  }
1611
1703
 
1612
- section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator {
1704
+ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator
1705
+ {
1613
1706
  float: left;
1614
1707
  }
1615
1708
 
1616
- section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1709
+ section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator
1710
+ {
1617
1711
  float: right;
1618
1712
  width: 100%;
1619
1713
  margin: 22 0 0 -100%;
1620
1714
  }
1621
1715
 
1622
- section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator > label.CanvasXpressTabMenuConfigurator {
1716
+ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator>label.CanvasXpressTabMenuConfigurator
1717
+ {
1623
1718
  cursor: pointer;
1624
1719
  -moz-user-select: none;
1625
1720
  -ms-user-select: none;
1626
1721
  -webkit-user-select: none;
1627
1722
  }
1628
1723
 
1629
- section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1724
+ section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator
1725
+ {
1630
1726
  box-sizing: border-box;
1631
1727
  padding: 0.5px;
1632
1728
  border: 1px solid #ddd;
@@ -1634,16 +1730,18 @@ section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1634
1730
  background: #fff;
1635
1731
  }
1636
1732
 
1637
- section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator {
1733
+ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator
1734
+ {
1638
1735
  box-sizing: border-box;
1639
1736
  margin: 0;
1640
1737
  padding: 0.5px;
1641
1738
  overflow: hidden;
1642
- font: normal 12px arial, tahoma, sans-serif;
1643
- line-height: 100%;
1739
+ font: normal 12px arial, tahoma, sans-serif;
1740
+ line-height: 100%;
1644
1741
  }
1645
1742
 
1646
- section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator > label.CanvasXpressTabMenuConfigurator {
1743
+ section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator>label.CanvasXpressTabMenuConfigurator
1744
+ {
1647
1745
  display: block;
1648
1746
  padding: 5px;
1649
1747
  border: 1px solid #ddd;
@@ -1653,26 +1751,26 @@ section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator > l
1653
1751
  background: #fff;
1654
1752
  }
1655
1753
 
1656
- input:first-child.CanvasXpressTabMenuConfigurator + section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator {
1754
+ input:first-child.CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator
1755
+ {
1657
1756
  padding-left: 0;
1658
1757
  }
1659
1758
 
1660
- section.CanvasXpressTabMenuConfigurator > div.CanvasXpressTabMenuConfigurator {
1759
+ section.CanvasXpressTabMenuConfigurator>div.CanvasXpressTabMenuConfigurator
1760
+ {
1661
1761
  position: relative;
1662
1762
  z-index: 1;
1663
1763
  }
1664
1764
 
1665
- input:checked.CanvasXpressTabMenuConfigurator + section.CanvasXpressTabMenuConfigurator > h1.CanvasXpressTabMenuConfigurator {
1765
+ input:checked.CanvasXpressTabMenuConfigurator+section.CanvasXpressTabMenuConfigurator>h1.CanvasXpressTabMenuConfigurator
1766
+ {
1666
1767
  position: relative;
1667
1768
  z-index: 2;
1668
1769
  }
1669
1770
 
1670
1771
  div.CanvasXpressMenu {
1671
- box-sizing: content-box;
1672
- background-color: rgb(245, 245, 245);
1673
- background-image:
1674
- url(data:image/gif;base64,R0lGODlh+gABAIcAAOLj4/Dw8P///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAD6AAEAAAgfAAMIHEiwoMGBAAQcXMiwocOHECNKnEixosWLGCMGBAA7);
1675
- background-repeat: repeat-y;
1772
+ box-sizing: content-box;
1773
+ background-color: rgba(245, 245, 245, 0.95);
1676
1774
  border: 1px solid rgb(51, 122, 183);
1677
1775
  border-radius: 3px;
1678
1776
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
@@ -1683,6 +1781,7 @@ div.CanvasXpressMenu {
1683
1781
  margin: 0px;
1684
1782
  padding: 0px;
1685
1783
  position: absolute;
1784
+ opacity: 0.95;
1686
1785
  -moz-box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
1687
1786
  }
1688
1787
 
@@ -1710,19 +1809,6 @@ li.CanvasXpressListItemSep {
1710
1809
  white-space: nowrap;
1711
1810
  }
1712
1811
 
1713
- li.CanvasXpressListItem {
1714
- cursor: default;
1715
- display: block;
1716
- font: normal 12px arial, tahoma, sans-serif;
1717
- height: 100%;
1718
- line-height: 100%;
1719
- list-style: none;
1720
- margin: 0px;
1721
- padding: 1px;
1722
- width: 100%;
1723
- white-space: nowrap;
1724
- }
1725
-
1726
1812
  input.CanvasXpressListItem {
1727
1813
  cursor: default;
1728
1814
  display: block;
@@ -1735,19 +1821,31 @@ input.CanvasXpressListItem {
1735
1821
  }
1736
1822
 
1737
1823
  div.CanvasXpressListItem {
1738
- box-sizing: content-box;
1824
+ box-sizing: content-box;
1739
1825
  border: 1px solid rgb(51, 122, 183);
1740
1826
  font: normal 12px arial, tahoma, sans-serif;
1741
- line-height: 16px;
1827
+ line-height: 24px;
1828
+ }
1829
+
1830
+ li.CanvasXpressListItem {
1831
+ border-color: rgba(0, 0, 0, 0);
1832
+ border-style: solid;
1833
+ border-width: 1px 0px;
1834
+ cursor: default;
1835
+ display: block;
1836
+ font: normal 12px arial, tahoma, sans-serif;
1837
+ height: 100%;
1838
+ line-height: 100%;
1839
+ list-style: none;
1840
+ margin: 0px;
1841
+ padding: 0px;
1842
+ width: 100%;
1843
+ white-space: nowrap;
1742
1844
  }
1743
1845
 
1744
1846
  li.CanvasXpressListItemActive {
1745
- background-color: rgb(219, 236, 244);
1746
- background-image:
1747
- url(data:image/gif;base64,R0lGODlhAgAVAIcAAKrM9tno++vz/QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAAAP8ALAAAAAACABUAAAgRAAUIHEiwoIAACBMqXMhwYUAAOw==);
1748
- background-repeat: repeat-x;
1749
- background-position: left bottom;
1750
- border-color: rgb(170, 204, 246);
1847
+ background: linear-gradient(rgb(243, 253, 255), rgb(217,232,251));
1848
+ border-color: rgb(170, 204, 246);
1751
1849
  border-style: solid;
1752
1850
  border-width: 1px 0px;
1753
1851
  cursor: default;
@@ -1756,7 +1854,7 @@ li.CanvasXpressListItemActive {
1756
1854
  height: 100%;
1757
1855
  line-height: 100%;
1758
1856
  list-style: none;
1759
- margin: 0px 1px;
1857
+ margin: 0px;
1760
1858
  padding: 0px;
1761
1859
  width: 100%;
1762
1860
  white-space: nowrap;
@@ -1798,8 +1896,7 @@ li.CanvasXpressListItemScrollTopActive {
1798
1896
  }
1799
1897
 
1800
1898
  li.CanvasXpressListItemScrollBottom {
1801
- background-image:
1802
- url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAYAAACw/UeDAAAARUlEQVR42mNkQAMXL178z0Ah0NfXZ0Tmo3BAFkhLS+M1IDw8kmHlyuV41Tx9+hTFIjiDWAtggBSLGMmxgFSLGKkRB4QAAILWJXgE49MrAAAAAElFTkSuQmCC);
1899
+ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAFCAYAAACw/UeDAAAASUlEQVR42mO8ePHifwYaA0YQAbJIWloar8Lw8EgMsZUrl+PV8/TpUwZ9fX1GRpgAqRYRawHcJ6RaRIoFGJbALCIcyvgBsgUgAACiryV42XltywAAAABJRU5ErkJggg==);
1803
1900
  background-repeat: no-repeat;
1804
1901
  background-position: 50% 50%;
1805
1902
  border: 0px;
@@ -1833,53 +1930,39 @@ li.CanvasXpressListItemScrollBottomActive {
1833
1930
  }
1834
1931
 
1835
1932
  li.CanvasXpressListItemScrollSearch {
1836
- border-color: rgb(170, 204, 246);
1837
- border-style: solid;
1838
- border-width: 1px;
1933
+ border-color: rgb(170, 204, 246);
1934
+ border-style: solid;
1935
+ border-width: 1px;
1839
1936
  width: 100%;
1840
1937
  }
1841
1938
 
1842
1939
  input.CanvasXpressListItemScrollSearch {
1843
- color: rgb(34, 34, 34);
1844
- cursor : default;
1845
- font: normal 12px arial, tahoma, sans-serif;
1846
- line-height: 16px;
1847
- list-style: none;
1848
- margin : 3px;
1849
- outline-style: none;
1850
- outline-width: 0px;
1851
- padding-left: 5px;
1852
- width : 97%;
1853
- }
1854
-
1855
- a.CanvasXpressListItemA {
1856
1940
  color: rgb(34, 34, 34);
1857
- cursor: pointer;
1858
- display: block;
1941
+ cursor: default;
1859
1942
  font: normal 12px arial, tahoma, sans-serif;
1860
- line-height: 16px;
1943
+ line-height: 24px;
1861
1944
  list-style: none;
1945
+ margin: 3px;
1862
1946
  outline-style: none;
1863
1947
  outline-width: 0px;
1864
- padding: 3px 21px 3px 27px;
1865
- position: relative;
1866
- text-decoration: none;
1867
- white-space: nowrap;
1948
+ padding-left: 5px;
1949
+ width: 93%;
1868
1950
  }
1869
1951
 
1870
- a.CanvasXpressListItemAArrow {
1871
- background:
1872
- url(data:image/gif;base64,R0lGODlhDAAJAIcAACluvipxvzJ1vyxwwCt1yjp6zkD/QDiC1jmE0zyE0z2I3UeLyUGJ2VWUzlKg7FSg6Weg1WKq8Y7D9orD/JXL/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAYALAAAAAAMAAkAAAgzAA8YGEiwoAEFCQwaJEABgUKCBCRMYPDQAIEHESAIeEjAQYMAFQksAFDR4oCSBgqgNBAQADs=)
1873
- no-repeat scroll right 50% transparent;
1952
+ a.CanvasXpressListItemA {
1953
+ border-color: rgba(0, 0, 0, 0);
1954
+ border-style: solid;
1955
+ border-width: 0px 1px;
1874
1956
  color: rgb(34, 34, 34);
1875
1957
  cursor: pointer;
1876
1958
  display: block;
1877
1959
  font: normal 12px arial, tahoma, sans-serif;
1878
- line-height: 16px;
1960
+ line-height: 24px;
1879
1961
  list-style: none;
1880
- outline-style: none;
1962
+ margin: 0px;
1963
+ outline-style: none;
1881
1964
  outline-width: 0px;
1882
- padding: 3px 21px 3px 27px;
1965
+ padding: 3px 3px 3px 38px;
1883
1966
  position: relative;
1884
1967
  text-decoration: none;
1885
1968
  white-space: nowrap;
@@ -1890,20 +1973,42 @@ a.CanvasXpressListItemAActive {
1890
1973
  border-style: solid;
1891
1974
  border-width: 0px 1px;
1892
1975
  color: rgb(34, 34, 34);
1893
- cursor: pointer;
1894
- display: block;
1976
+ cursor: pointer;
1977
+ display: block;
1895
1978
  font: normal 12px arial, tahoma, sans-serif;
1896
- line-height: 16px;
1979
+ line-height: 24px;
1897
1980
  list-style: none;
1898
- outline-style: none;
1981
+ margin: 0px;
1982
+ outline-style: none;
1899
1983
  outline-width: 0px;
1900
- margin: 0px -1px;
1901
- padding: 3px 21px 3px 27px;
1984
+ padding: 3px 3px 3px 38px;
1902
1985
  position: relative;
1903
1986
  text-decoration: none !important;
1904
1987
  white-space: nowrap;
1905
1988
  }
1906
1989
 
1990
+ a.CanvasXpressListItemAArrow {
1991
+ background:
1992
+ url(data:image/gif;base64,R0lGODlhDAAJAIcAACluvipxvzJ1vyxwwCt1yjp6zkD/QDiC1jmE0zyE0z2I3UeLyUGJ2VWUzlKg7FSg6Weg1WKq8Y7D9orD/JXL/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAYALAAAAAAMAAkAAAgzAA8YGEiwoAEFCQwaJEABgUKCBCRMYPDQAIEHESAIeEjAQYMAFQksAFDR4oCSBgqgNBAQADs=)
1993
+ no-repeat scroll right 50% transparent;
1994
+ border-color: rgba(0, 0, 0, 0);
1995
+ border-style: solid;
1996
+ border-width: 0px 1px;
1997
+ color: rgb(34, 34, 34);
1998
+ cursor: pointer;
1999
+ display: block;
2000
+ font: normal 12px arial, tahoma, sans-serif;
2001
+ line-height: 24px;
2002
+ list-style: none;
2003
+ margin: 0px;
2004
+ outline-style: none;
2005
+ outline-width: 0px;
2006
+ padding: 3px 3px 3px 38px;
2007
+ position: relative;
2008
+ text-decoration: none;
2009
+ white-space: nowrap;
2010
+ }
2011
+
1907
2012
  a.CanvasXpressListItemAArrowActive {
1908
2013
  background:
1909
2014
  url(data:image/gif;base64,R0lGODlhDAAJAIcAACluvipxvzJ1vyxwwCt1yjp6zkD/QDiC1jmE0zyE0z2I3UeLyUGJ2VWUzlKg7FSg6Weg1WKq8Y7D9orD/JXL/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAMAAAYALAAAAAAMAAkAAAgzAA8YGEiwoAEFCQwaJEABgUKCBCRMYPDQAIEHESAIeEjAQYMAFQksAFDR4oCSBgqgNBAQADs=)
@@ -1912,15 +2017,15 @@ a.CanvasXpressListItemAArrowActive {
1912
2017
  border-style: solid;
1913
2018
  border-width: 0px 1px;
1914
2019
  color: rgb(34, 34, 34);
1915
- cursor: pointer;
1916
- display: block;
2020
+ cursor: pointer;
2021
+ display: block;
1917
2022
  font: normal 12px arial, tahoma, sans-serif;
1918
- line-height: 16px;
2023
+ line-height: 24px;
1919
2024
  list-style: none;
1920
- margin: 0px -1px;
2025
+ margin: 0px;
1921
2026
  outline-style: none;
1922
2027
  outline-width: 0px;
1923
- padding: 3px 21px 3px 27px;
2028
+ padding: 3px 3px 3px 38px;
1924
2029
  position: relative;
1925
2030
  text-decoration: none !important;
1926
2031
  white-space: nowrap;
@@ -1932,8 +2037,8 @@ img.CanvasXpressListIcon {
1932
2037
  color: rgb(34, 34, 34);
1933
2038
  cursor: pointer;
1934
2039
  font: normal 12px arial, tahoma, sans-serif;
1935
- height: 16px;
1936
- line-height: 16px;
2040
+ height: 24px;
2041
+ line-height: 24px;
1937
2042
  list-style: none;
1938
2043
  left: 3px;
1939
2044
  margin: 0px;
@@ -1941,7 +2046,7 @@ img.CanvasXpressListIcon {
1941
2046
  position: absolute;
1942
2047
  top: 3px;
1943
2048
  vertical-align: top;
1944
- width: 16px;
2049
+ width: 24px;
1945
2050
  white-space: nowrap;
1946
2051
  }
1947
2052
 
@@ -1949,9 +2054,9 @@ span.CanvasXpressListItemText {
1949
2054
  color: rgb(34, 34, 34);
1950
2055
  cursor: pointer;
1951
2056
  font: normal 12px arial, tahoma, sans-serif;
1952
- line-height: 16px;
2057
+ line-height: 24px;
1953
2058
  list-style: none;
1954
- margin-right: 50px;
2059
+ margin-right: 10px;
1955
2060
  white-space: nowrap;
1956
2061
  }
1957
2062
 
@@ -1959,7 +2064,7 @@ input.CanvasXpressListItemText {
1959
2064
  color: rgb(34, 34, 34);
1960
2065
  cursor: pointer;
1961
2066
  font: normal 12px arial, tahoma, sans-serif;
1962
- line-height: 16px;
2067
+ line-height: 24px;
1963
2068
  list-style: none;
1964
2069
  white-space: nowrap;
1965
2070
  }
@@ -1967,11 +2072,11 @@ input.CanvasXpressListItemText {
1967
2072
  span.CanvasXpressListItemTextShort {
1968
2073
  color: rgb(34, 34, 34);
1969
2074
  cursor: pointer;
2075
+ float: right;
1970
2076
  font: italic 9px arial, tahoma, sans-serif;
1971
- line-height: 16px;
2077
+ line-height: 24px;
1972
2078
  list-style: none;
1973
- position: absolute;
1974
- right: 4px;
2079
+ margin-left: 10px;
1975
2080
  white-space: nowrap;
1976
2081
  }
1977
2082
 
@@ -1996,7 +2101,7 @@ table.CanvasXpressListItemTable {
1996
2101
  color: rgb(34, 34, 34);
1997
2102
  cursor: default;
1998
2103
  font: normal 12px arial, tahoma, sans-serif;
1999
- line-height: 16px;
2104
+ line-height: 24px;
2000
2105
  padding-left: 3px;
2001
2106
  -moz-user-select: none;
2002
2107
  -khtml-user-select: none;
@@ -2008,58 +2113,55 @@ img.CanvasXpressToolbarHelp {
2008
2113
  cursor: default;
2009
2114
  float: right;
2010
2115
  margin-left: 2px;
2011
- user-select: none;
2012
- -moz-user-select: none;
2116
+ -moz-user-select: none;
2013
2117
  -khtml-user-select: none;
2014
2118
  -webkit-user-select: none;
2015
2119
  -o-user-select: none;
2016
- -ms-user-select: none;
2120
+ -ms-user-select: none;
2017
2121
  }
2018
2122
 
2019
2123
  div.CanvasXpressToolbarHelp {
2020
- box-sizing: content-box;
2021
- background-color: rgb(245, 245, 245);
2124
+ box-sizing: content-box;
2125
+ background-color: rgba(245, 245, 245, 0.95);
2022
2126
  border-radius: 5px;
2023
2127
  border: 1px solid rgb(51, 122, 183);
2024
2128
  box-shadow: rgba(154, 154, 154, 0.2) 3px 3px;
2025
2129
  color: rgb(34, 34, 34);
2026
2130
  cursor: default;
2027
2131
  font: normal 12px arial, tahoma, sans-serif;
2028
- line-height: 16px;
2132
+ line-height: 24px;
2029
2133
  -moz-user-select: none;
2030
2134
  -khtml-user-select: none;
2031
2135
  -webkit-user-select: none;
2032
2136
  -o-user-select: none;
2033
- user-select: none;
2034
- -ms-user-select: none;
2137
+ -ms-user-select: none;
2035
2138
  }
2036
2139
 
2037
2140
  p.CanvasXpressToolbarHelp {
2038
2141
  cursor: default;
2039
2142
  font: normal 12px arial, tahoma, sans-serif;
2040
- line-height: 16px;
2143
+ line-height: 24px;
2041
2144
  margin: 0px;
2042
2145
  padding: 5px 5px 5px 20px;
2043
2146
  }
2044
2147
 
2045
2148
  img.CanvasXpressToolbarImage {
2046
- cursor: pointer;
2149
+ cursor: pointer;
2047
2150
  margin-top: 2px;
2048
2151
  margin-right: 4px;
2049
2152
  float: right;
2050
- -moz-user-select: none;
2051
- -khtml-user-select: none;
2052
- -webkit-user-select: none;
2053
- -o-user-select: none;
2054
- user-select: none;
2055
- -ms-user-select: none;
2153
+ -moz-user-select: none;
2154
+ -khtml-user-select: none;
2155
+ -webkit-user-select: none;
2156
+ -o-user-select: none;
2157
+ -ms-user-select: none;
2056
2158
  }
2057
2159
 
2058
2160
  div.CanvasXpressForm {
2059
- box-sizing: content-box;
2161
+ box-sizing: content-box;
2060
2162
  border: 1px solid rgb(51, 122, 183);
2061
2163
  border-radius: 5px;
2062
- background-color: rgb(245, 245, 245);
2164
+ background-color: rgba(245, 245, 245, 0.95);
2063
2165
  color: rgb(34, 34, 34);
2064
2166
  cursor: move;
2065
2167
  font: normal 12px arial, tahoma, sans-serif;
@@ -2087,12 +2189,11 @@ input.CanvasXpressFormButton {
2087
2189
  -khtml-user-select: none;
2088
2190
  -webkit-user-select: none;
2089
2191
  -o-user-select: none;
2090
- user-select: none;
2091
- -ms-user-select: none;
2192
+ -ms-user-select: none;
2092
2193
  }
2093
2194
 
2094
2195
  input.CanvasXpressFormButtonActive {
2095
- background-color: rgb(245, 245, 245);
2196
+ background-color: rgba(245, 245, 245, 0.95);
2096
2197
  background-image:
2097
2198
  url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAFklEQVR42mN89fnvf0aSiBvPf9GaAABVL3D5nF6uqAAAAABJRU5ErkJggg==);
2098
2199
  background-repeat: repeat-x;
@@ -2104,54 +2205,72 @@ input.CanvasXpressFormButtonActive {
2104
2205
  height: 22px;
2105
2206
  margin-top: 2px;
2106
2207
  overflow: hidden;
2208
+ opacity: 0.95;
2107
2209
  padding: 2px;
2108
2210
  vertical-align: middle;
2109
2211
  -moz-user-select: none;
2110
2212
  -khtml-user-select: none;
2111
2213
  -webkit-user-select: none;
2112
2214
  -o-user-select: none;
2113
- user-select: none;
2114
- -ms-user-select: none;
2215
+ -ms-user-select: none;
2115
2216
  }
2116
2217
 
2117
2218
  input.CanvasXpressFormText {
2118
- background-color: rgb(255, 255, 255);
2219
+ background-color: rgba(255, 255, 255, 0.95);
2119
2220
  border: 1px solid rgb(51, 122, 183);
2120
2221
  color: rgb(34, 34, 34);
2121
2222
  cursor: default;
2122
2223
  font: normal 12px arial, tahoma, sans-serif;
2123
- line-height: 16px;
2224
+ line-height: 24px;
2124
2225
  padding-left: 3px;
2125
2226
  }
2126
2227
 
2127
2228
  form.CanvasXpressFormForm {
2128
- background-color: rgb(255, 255, 255);
2229
+ background-color: rgba(255, 255, 255, 0.95);
2129
2230
  border: 1px solid rgb(51, 122, 183);
2130
2231
  color: rgb(34, 34, 34);
2131
2232
  cursor: default;
2132
2233
  font: normal 12px arial, tahoma, sans-serif;
2133
- line-height: 16px;
2234
+ line-height: 24px;
2134
2235
  margin: 8px;
2135
2236
  overflow: auto;
2136
2237
  padding-left: 3px;
2137
2238
  }
2138
2239
 
2240
+ /*
2241
+ * CanvasXpress
2242
+ */
2139
2243
  canvas.CanvasXpress {
2140
2244
  -moz-user-select: none;
2141
2245
  -khtml-user-select: none;
2142
2246
  -webkit-user-select: none;
2143
2247
  -o-user-select: none;
2144
- user-select: none;
2145
- -ms-user-select: none;
2248
+ user-select: none;
2249
+ -ms-user-select: none;
2250
+ }
2251
+
2252
+ canvas.CanvasXpress:hover { /*border: 1px solid #23527c;*/
2253
+ border: 1px solid rgba(35, 82, 124, 0.2);
2254
+ border-radius: 6px;
2255
+ margin: -1px;
2256
+ }
2257
+
2258
+ canvas.CanvasXpressUpload {
2259
+ border: 1px solid rgba(35, 82, 124, 0.2);
2260
+ border-radius: 6px;
2261
+ margin: -1px;
2262
+ background-image: url(http://canvasxpress.org/images/uploadFile.jpg);
2263
+ background-size: contain;
2146
2264
  }
2147
2265
 
2148
- canvas.CanvasXpress:hover {
2149
- /*border: 1px solid #23527c;*/
2150
- border: 1px solid rgba(35, 82, 124, 0.2);
2151
- border-radius: 6px;
2152
- margin: -1px;
2266
+ canvas.CanvasXpress::selection {
2267
+ background: rgba(0, 0, 0, 0);
2268
+ color: rgb(0, 0, 0);
2153
2269
  }
2154
2270
 
2271
+ /*
2272
+ * full-screen-warning-container
2273
+ */
2155
2274
  #full-screen-warning-container {
2156
2275
  background-color: transparent !important;
2157
2276
  opacity: 0.4 !important;
@@ -2178,4 +2297,21 @@ canvas.CanvasXpress:hover {
2178
2297
 
2179
2298
  .full-screen-approval-button,#full-screen-remember-decision {
2180
2299
  font-size: 100% !important;
2181
- }
2300
+ }
2301
+
2302
+ @media (min-width: 300px) {
2303
+ div.CanvasXpressBin {
2304
+ transform: scale(0.5);
2305
+ }
2306
+ }
2307
+ @media (min-width: 450px) {
2308
+ div.CanvasXpressBin {
2309
+ transform: scale(0.75);
2310
+ }
2311
+ }
2312
+ @media (min-width: 600px) {
2313
+ div.CanvasXpressBin {
2314
+ transform: scale(1);
2315
+ }
2316
+ }
2317
+