jstree-rails-4 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,1050 @@
1
+ /* jsTree default theme */
2
+ .jstree-node,
3
+ .jstree-children,
4
+ .jstree-container-ul {
5
+ display: block;
6
+ margin: 0;
7
+ padding: 0;
8
+ list-style-type: none;
9
+ list-style-image: none;
10
+ }
11
+ .jstree-node {
12
+ white-space: nowrap;
13
+ }
14
+ .jstree-anchor {
15
+ display: inline-block;
16
+ color: black;
17
+ white-space: nowrap;
18
+ padding: 0 4px 0 1px;
19
+ margin: 0;
20
+ vertical-align: top;
21
+ }
22
+ .jstree-anchor:focus {
23
+ outline: 0;
24
+ }
25
+ .jstree-anchor,
26
+ .jstree-anchor:link,
27
+ .jstree-anchor:visited,
28
+ .jstree-anchor:hover,
29
+ .jstree-anchor:active {
30
+ text-decoration: none;
31
+ color: inherit;
32
+ }
33
+ .jstree-icon {
34
+ display: inline-block;
35
+ text-decoration: none;
36
+ margin: 0;
37
+ padding: 0;
38
+ vertical-align: top;
39
+ text-align: center;
40
+ }
41
+ .jstree-icon:empty {
42
+ display: inline-block;
43
+ text-decoration: none;
44
+ margin: 0;
45
+ padding: 0;
46
+ vertical-align: top;
47
+ text-align: center;
48
+ }
49
+ .jstree-ocl {
50
+ cursor: pointer;
51
+ }
52
+ .jstree-leaf > .jstree-ocl {
53
+ cursor: default;
54
+ }
55
+ .jstree .jstree-open > .jstree-children {
56
+ display: block;
57
+ }
58
+ .jstree .jstree-closed > .jstree-children,
59
+ .jstree .jstree-leaf > .jstree-children {
60
+ display: none;
61
+ }
62
+ .jstree-anchor > .jstree-themeicon {
63
+ margin-right: 2px;
64
+ }
65
+ .jstree-no-icons .jstree-themeicon,
66
+ .jstree-anchor > .jstree-themeicon-hidden {
67
+ display: none;
68
+ }
69
+ .jstree-rtl .jstree-anchor {
70
+ padding: 0 1px 0 4px;
71
+ }
72
+ .jstree-rtl .jstree-anchor > .jstree-themeicon {
73
+ margin-left: 2px;
74
+ margin-right: 0;
75
+ }
76
+ .jstree-rtl .jstree-node {
77
+ margin-left: 0;
78
+ }
79
+ .jstree-rtl .jstree-container-ul > .jstree-node {
80
+ margin-right: 0;
81
+ }
82
+ .jstree-wholerow-ul {
83
+ position: relative;
84
+ display: inline-block;
85
+ min-width: 100%;
86
+ }
87
+ .jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
88
+ cursor: pointer;
89
+ }
90
+ .jstree-wholerow-ul .jstree-anchor,
91
+ .jstree-wholerow-ul .jstree-icon {
92
+ position: relative;
93
+ }
94
+ .jstree-wholerow-ul .jstree-wholerow {
95
+ width: 100%;
96
+ cursor: pointer;
97
+ position: absolute;
98
+ left: 0;
99
+ -webkit-user-select: none;
100
+ -moz-user-select: none;
101
+ -ms-user-select: none;
102
+ user-select: none;
103
+ }
104
+ .vakata-context {
105
+ display: none;
106
+ }
107
+ .vakata-context,
108
+ .vakata-context ul {
109
+ margin: 0;
110
+ padding: 2px;
111
+ position: absolute;
112
+ background: #f5f5f5;
113
+ border: 1px solid #979797;
114
+ -moz-box-shadow: 5px 5px 4px -4px #666666;
115
+ -webkit-box-shadow: 2px 2px 2px #999999;
116
+ box-shadow: 2px 2px 2px #999999;
117
+ }
118
+ .vakata-context ul {
119
+ list-style: none;
120
+ left: 100%;
121
+ margin-top: -2.7em;
122
+ margin-left: -4px;
123
+ }
124
+ .vakata-context .vakata-context-right ul {
125
+ left: auto;
126
+ right: 100%;
127
+ margin-left: auto;
128
+ margin-right: -4px;
129
+ }
130
+ .vakata-context li {
131
+ list-style: none;
132
+ display: inline;
133
+ }
134
+ .vakata-context li > a {
135
+ display: block;
136
+ padding: 0 2em 0 2em;
137
+ text-decoration: none;
138
+ width: auto;
139
+ color: black;
140
+ white-space: nowrap;
141
+ line-height: 2.4em;
142
+ -moz-text-shadow: 1px 1px 0 white;
143
+ -webkit-text-shadow: 1px 1px 0 white;
144
+ text-shadow: 1px 1px 0 white;
145
+ -moz-border-radius: 1px;
146
+ -webkit-border-radius: 1px;
147
+ border-radius: 1px;
148
+ }
149
+ .vakata-context li > a:hover {
150
+ position: relative;
151
+ background-color: #e8eff7;
152
+ -moz-box-shadow: 0 0 2px #0a6aa1;
153
+ -webkit-box-shadow: 0 0 2px #0a6aa1;
154
+ box-shadow: 0 0 2px #0a6aa1;
155
+ }
156
+ .vakata-context li > a.vakata-context-parent {
157
+ background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
158
+ background-position: right center;
159
+ background-repeat: no-repeat;
160
+ }
161
+ .vakata-context li > a:focus {
162
+ outline: 0;
163
+ }
164
+ .vakata-context .vakata-context-hover > a {
165
+ position: relative;
166
+ background-color: #e8eff7;
167
+ -moz-box-shadow: 0 0 2px #0a6aa1;
168
+ -webkit-box-shadow: 0 0 2px #0a6aa1;
169
+ box-shadow: 0 0 2px #0a6aa1;
170
+ }
171
+ .vakata-context .vakata-context-separator > a,
172
+ .vakata-context .vakata-context-separator > a:hover {
173
+ background: white;
174
+ border: 0;
175
+ border-top: 1px solid #e2e3e3;
176
+ height: 1px;
177
+ min-height: 1px;
178
+ max-height: 1px;
179
+ padding: 0;
180
+ margin: 0 0 0 2.4em;
181
+ border-left: 1px solid #e0e0e0;
182
+ -moz-text-shadow: 0 0 0 transparent;
183
+ -webkit-text-shadow: 0 0 0 transparent;
184
+ text-shadow: 0 0 0 transparent;
185
+ -moz-box-shadow: 0 0 0 transparent;
186
+ -webkit-box-shadow: 0 0 0 transparent;
187
+ box-shadow: 0 0 0 transparent;
188
+ -moz-border-radius: 0;
189
+ -webkit-border-radius: 0;
190
+ border-radius: 0;
191
+ }
192
+ .vakata-context .vakata-contextmenu-disabled a,
193
+ .vakata-context .vakata-contextmenu-disabled a:hover {
194
+ color: silver;
195
+ background-color: transparent;
196
+ border: 0;
197
+ box-shadow: 0 0 0;
198
+ }
199
+ .vakata-context li > a > i {
200
+ text-decoration: none;
201
+ display: inline-block;
202
+ width: 2.4em;
203
+ height: 2.4em;
204
+ background: transparent;
205
+ margin: 0 0 0 -2em;
206
+ vertical-align: top;
207
+ text-align: center;
208
+ line-height: 2.4em;
209
+ }
210
+ .vakata-context li > a > i:empty {
211
+ width: 2.4em;
212
+ line-height: 2.4em;
213
+ }
214
+ .vakata-context li > a .vakata-contextmenu-sep {
215
+ display: inline-block;
216
+ width: 1px;
217
+ height: 2.4em;
218
+ background: white;
219
+ margin: 0 0.5em 0 0;
220
+ border-left: 1px solid #e2e3e3;
221
+ }
222
+ .vakata-context .vakata-contextmenu-shortcut {
223
+ font-size: 0.8em;
224
+ color: silver;
225
+ opacity: 0.5;
226
+ display: none;
227
+ }
228
+ .vakata-context-rtl ul {
229
+ left: auto;
230
+ right: 100%;
231
+ margin-left: auto;
232
+ margin-right: -4px;
233
+ }
234
+ .vakata-context-rtl li > a.vakata-context-parent {
235
+ background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
236
+ background-position: left center;
237
+ background-repeat: no-repeat;
238
+ }
239
+ .vakata-context-rtl .vakata-context-separator > a {
240
+ margin: 0 2.4em 0 0;
241
+ border-left: 0;
242
+ border-right: 1px solid #e2e3e3;
243
+ }
244
+ .vakata-context-rtl .vakata-context-left ul {
245
+ right: auto;
246
+ left: 100%;
247
+ margin-left: -4px;
248
+ margin-right: auto;
249
+ }
250
+ .vakata-context-rtl li > a > i {
251
+ margin: 0 -2em 0 0;
252
+ }
253
+ .vakata-context-rtl li > a .vakata-contextmenu-sep {
254
+ margin: 0 0 0 0.5em;
255
+ border-left-color: white;
256
+ background: #e2e3e3;
257
+ }
258
+ #jstree-marker {
259
+ position: absolute;
260
+ top: 0;
261
+ left: 0;
262
+ margin: -5px 0 0 0;
263
+ padding: 0;
264
+ border-right: 0;
265
+ border-top: 5px solid transparent;
266
+ border-bottom: 5px solid transparent;
267
+ border-left: 5px solid;
268
+ width: 0;
269
+ height: 0;
270
+ font-size: 0;
271
+ line-height: 0;
272
+ }
273
+ #jstree-dnd {
274
+ line-height: 16px;
275
+ margin: 0;
276
+ padding: 4px;
277
+ }
278
+ #jstree-dnd .jstree-icon,
279
+ #jstree-dnd .jstree-copy {
280
+ display: inline-block;
281
+ text-decoration: none;
282
+ margin: 0 2px 0 0;
283
+ padding: 0;
284
+ width: 16px;
285
+ height: 16px;
286
+ }
287
+ #jstree-dnd .jstree-ok {
288
+ background: green;
289
+ }
290
+ #jstree-dnd .jstree-er {
291
+ background: red;
292
+ }
293
+ #jstree-dnd .jstree-copy {
294
+ margin: 0 2px 0 2px;
295
+ }
296
+ .jstree-default .jstree-node,
297
+ .jstree-default .jstree-icon {
298
+ background-repeat: no-repeat;
299
+ background-color: transparent;
300
+ }
301
+ .jstree-default .jstree-anchor,
302
+ .jstree-default .jstree-wholerow {
303
+ transition: background-color 0.15s, box-shadow 0.15s;
304
+ }
305
+ .jstree-default .jstree-hovered {
306
+ background: #e7f4f9;
307
+ border-radius: 2px;
308
+ box-shadow: inset 0 0 1px #cccccc;
309
+ }
310
+ .jstree-default .jstree-clicked {
311
+ background: #beebff;
312
+ border-radius: 2px;
313
+ box-shadow: inset 0 0 1px #999999;
314
+ }
315
+ .jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
316
+ display: none;
317
+ }
318
+ .jstree-default .jstree-disabled {
319
+ background: transparent;
320
+ color: #666666;
321
+ }
322
+ .jstree-default .jstree-disabled.jstree-hovered {
323
+ background: transparent;
324
+ box-shadow: none;
325
+ }
326
+ .jstree-default .jstree-disabled.jstree-clicked {
327
+ background: #efefef;
328
+ }
329
+ .jstree-default .jstree-disabled > .jstree-icon {
330
+ opacity: 0.8;
331
+ filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale");
332
+ /* Firefox 10+ */
333
+ filter: gray;
334
+ /* IE6-9 */
335
+ -webkit-filter: grayscale(100%);
336
+ /* Chrome 19+ & Safari 6+ */
337
+ }
338
+ .jstree-default .jstree-search {
339
+ font-style: italic;
340
+ color: #8b0000;
341
+ font-weight: bold;
342
+ }
343
+ .jstree-default .jstree-no-checkboxes .jstree-checkbox {
344
+ display: none !important;
345
+ }
346
+ .jstree-default.jstree-checkbox-no-clicked .jstree-clicked {
347
+ background: transparent;
348
+ box-shadow: none;
349
+ }
350
+ .jstree-default.jstree-checkbox-no-clicked .jstree-clicked.jstree-hovered {
351
+ background: #e7f4f9;
352
+ }
353
+ .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked {
354
+ background: transparent;
355
+ }
356
+ .jstree-default.jstree-checkbox-no-clicked > .jstree-wholerow-ul .jstree-wholerow-clicked.jstree-wholerow-hovered {
357
+ background: #e7f4f9;
358
+ }
359
+ .jstree-default > .jstree-striped {
360
+ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAMAAAB/qqA+AAAABlBMVEUAAAAAAAClZ7nPAAAAAnRSTlMNAMM9s3UAAAAXSURBVHjajcEBAQAAAIKg/H/aCQZ70AUBjAATb6YPDgAAAABJRU5ErkJggg==") left top repeat;
361
+ }
362
+ .jstree-default > .jstree-wholerow-ul .jstree-hovered,
363
+ .jstree-default > .jstree-wholerow-ul .jstree-clicked {
364
+ background: transparent;
365
+ box-shadow: none;
366
+ border-radius: 0;
367
+ }
368
+ .jstree-default .jstree-wholerow {
369
+ -moz-box-sizing: border-box;
370
+ -webkit-box-sizing: border-box;
371
+ box-sizing: border-box;
372
+ }
373
+ .jstree-default .jstree-wholerow-hovered {
374
+ background: #e7f4f9;
375
+ }
376
+ .jstree-default .jstree-wholerow-clicked {
377
+ background: #beebff;
378
+ background: -moz-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
379
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #beebff), color-stop(100%, #a8e4ff));
380
+ background: -webkit-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
381
+ background: -o-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
382
+ background: -ms-linear-gradient(top, #beebff 0%, #a8e4ff 100%);
383
+ background: linear-gradient(to bottom, #beebff 0%, #a8e4ff 100%);
384
+ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@color1', endColorstr='@color2',GradientType=0 );*/
385
+ }
386
+ .jstree-default .jstree-node {
387
+ min-height: 24px;
388
+ line-height: 24px;
389
+ margin-left: 24px;
390
+ min-width: 24px;
391
+ }
392
+ .jstree-default .jstree-anchor {
393
+ line-height: 24px;
394
+ height: 24px;
395
+ }
396
+ .jstree-default .jstree-icon {
397
+ width: 24px;
398
+ height: 24px;
399
+ line-height: 24px;
400
+ }
401
+ .jstree-default .jstree-icon:empty {
402
+ width: 24px;
403
+ height: 24px;
404
+ line-height: 24px;
405
+ }
406
+ .jstree-default.jstree-rtl .jstree-node {
407
+ margin-right: 24px;
408
+ }
409
+ .jstree-default .jstree-wholerow {
410
+ height: 24px;
411
+ }
412
+ .jstree-default .jstree-node,
413
+ .jstree-default .jstree-icon {
414
+ background-image: image-url("default/32px.png");
415
+ }
416
+ .jstree-default .jstree-node {
417
+ background-position: -292px -4px;
418
+ background-repeat: repeat-y;
419
+ }
420
+ .jstree-default .jstree-last {
421
+ background: transparent;
422
+ }
423
+ .jstree-default .jstree-open > .jstree-ocl {
424
+ background-position: -132px -4px;
425
+ }
426
+ .jstree-default .jstree-closed > .jstree-ocl {
427
+ background-position: -100px -4px;
428
+ }
429
+ .jstree-default .jstree-leaf > .jstree-ocl {
430
+ background-position: -68px -4px;
431
+ }
432
+ .jstree-default .jstree-themeicon {
433
+ background-position: -260px -4px;
434
+ }
435
+ .jstree-default > .jstree-no-dots .jstree-node,
436
+ .jstree-default > .jstree-no-dots .jstree-leaf > .jstree-ocl {
437
+ background: transparent;
438
+ }
439
+ .jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl {
440
+ background-position: -36px -4px;
441
+ }
442
+ .jstree-default > .jstree-no-dots .jstree-closed > .jstree-ocl {
443
+ background-position: -4px -4px;
444
+ }
445
+ .jstree-default .jstree-disabled {
446
+ background: transparent;
447
+ }
448
+ .jstree-default .jstree-disabled.jstree-hovered {
449
+ background: transparent;
450
+ }
451
+ .jstree-default .jstree-disabled.jstree-clicked {
452
+ background: #efefef;
453
+ }
454
+ .jstree-default .jstree-checkbox {
455
+ background-position: -164px -4px;
456
+ }
457
+ .jstree-default .jstree-checkbox:hover {
458
+ background-position: -164px -36px;
459
+ }
460
+ .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
461
+ .jstree-default .jstree-checked > .jstree-checkbox {
462
+ background-position: -228px -4px;
463
+ }
464
+ .jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
465
+ .jstree-default .jstree-checked > .jstree-checkbox:hover {
466
+ background-position: -228px -36px;
467
+ }
468
+ .jstree-default .jstree-anchor > .jstree-undetermined {
469
+ background-position: -196px -4px;
470
+ }
471
+ .jstree-default .jstree-anchor > .jstree-undetermined:hover {
472
+ background-position: -196px -36px;
473
+ }
474
+ .jstree-default > .jstree-striped {
475
+ background-size: auto 48px;
476
+ }
477
+ .jstree-default.jstree-rtl .jstree-node {
478
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
479
+ background-position: 100% 1px;
480
+ background-repeat: repeat-y;
481
+ }
482
+ .jstree-default.jstree-rtl .jstree-last {
483
+ background: transparent;
484
+ }
485
+ .jstree-default.jstree-rtl .jstree-open > .jstree-ocl {
486
+ background-position: -132px -36px;
487
+ }
488
+ .jstree-default.jstree-rtl .jstree-closed > .jstree-ocl {
489
+ background-position: -100px -36px;
490
+ }
491
+ .jstree-default.jstree-rtl .jstree-leaf > .jstree-ocl {
492
+ background-position: -68px -36px;
493
+ }
494
+ .jstree-default.jstree-rtl > .jstree-no-dots .jstree-node,
495
+ .jstree-default.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
496
+ background: transparent;
497
+ }
498
+ .jstree-default.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
499
+ background-position: -36px -36px;
500
+ }
501
+ .jstree-default.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
502
+ background-position: -4px -36px;
503
+ }
504
+ .jstree-default .jstree-themeicon-custom {
505
+ background-color: transparent;
506
+ background-image: none;
507
+ background-position: 0 0;
508
+ }
509
+ .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
510
+ background: image-url("default/throbber.gif") center center no-repeat;
511
+ }
512
+ .jstree-default .jstree-file {
513
+ background: image-url("default/32px.png") -100px -68px no-repeat;
514
+ }
515
+ .jstree-default .jstree-folder {
516
+ background: image-url("default/32px.png") -260px -4px no-repeat;
517
+ }
518
+ .jstree-default > .jstree-container-ul > .jstree-node {
519
+ margin-left: 0;
520
+ margin-right: 0;
521
+ }
522
+ #jstree-dnd.jstree-default {
523
+ line-height: 24px;
524
+ padding: 0 4px;
525
+ }
526
+ #jstree-dnd.jstree-default .jstree-ok,
527
+ #jstree-dnd.jstree-default .jstree-er {
528
+ background-image: image-url("default/32px.png");
529
+ background-repeat: no-repeat;
530
+ background-color: transparent;
531
+ }
532
+ #jstree-dnd.jstree-default i {
533
+ background: transparent;
534
+ width: 24px;
535
+ height: 24px;
536
+ line-height: 24px;
537
+ }
538
+ #jstree-dnd.jstree-default .jstree-ok {
539
+ background-position: -4px -68px;
540
+ }
541
+ #jstree-dnd.jstree-default .jstree-er {
542
+ background-position: -36px -68px;
543
+ }
544
+ .jstree-default.jstree-rtl .jstree-node {
545
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
546
+ }
547
+ .jstree-default.jstree-rtl .jstree-last {
548
+ background: transparent;
549
+ }
550
+ .jstree-default-small .jstree-node {
551
+ min-height: 18px;
552
+ line-height: 18px;
553
+ margin-left: 18px;
554
+ min-width: 18px;
555
+ }
556
+ .jstree-default-small .jstree-anchor {
557
+ line-height: 18px;
558
+ height: 18px;
559
+ }
560
+ .jstree-default-small .jstree-icon {
561
+ width: 18px;
562
+ height: 18px;
563
+ line-height: 18px;
564
+ }
565
+ .jstree-default-small .jstree-icon:empty {
566
+ width: 18px;
567
+ height: 18px;
568
+ line-height: 18px;
569
+ }
570
+ .jstree-default-small.jstree-rtl .jstree-node {
571
+ margin-right: 18px;
572
+ }
573
+ .jstree-default-small .jstree-wholerow {
574
+ height: 18px;
575
+ }
576
+ .jstree-default-small .jstree-node,
577
+ .jstree-default-small .jstree-icon {
578
+ background-image: image-url("default/32px.png");
579
+ }
580
+ .jstree-default-small .jstree-node {
581
+ background-position: -295px -7px;
582
+ background-repeat: repeat-y;
583
+ }
584
+ .jstree-default-small .jstree-last {
585
+ background: transparent;
586
+ }
587
+ .jstree-default-small .jstree-open > .jstree-ocl {
588
+ background-position: -135px -7px;
589
+ }
590
+ .jstree-default-small .jstree-closed > .jstree-ocl {
591
+ background-position: -103px -7px;
592
+ }
593
+ .jstree-default-small .jstree-leaf > .jstree-ocl {
594
+ background-position: -71px -7px;
595
+ }
596
+ .jstree-default-small .jstree-themeicon {
597
+ background-position: -263px -7px;
598
+ }
599
+ .jstree-default-small > .jstree-no-dots .jstree-node,
600
+ .jstree-default-small > .jstree-no-dots .jstree-leaf > .jstree-ocl {
601
+ background: transparent;
602
+ }
603
+ .jstree-default-small > .jstree-no-dots .jstree-open > .jstree-ocl {
604
+ background-position: -39px -7px;
605
+ }
606
+ .jstree-default-small > .jstree-no-dots .jstree-closed > .jstree-ocl {
607
+ background-position: -7px -7px;
608
+ }
609
+ .jstree-default-small .jstree-disabled {
610
+ background: transparent;
611
+ }
612
+ .jstree-default-small .jstree-disabled.jstree-hovered {
613
+ background: transparent;
614
+ }
615
+ .jstree-default-small .jstree-disabled.jstree-clicked {
616
+ background: #efefef;
617
+ }
618
+ .jstree-default-small .jstree-checkbox {
619
+ background-position: -167px -7px;
620
+ }
621
+ .jstree-default-small .jstree-checkbox:hover {
622
+ background-position: -167px -39px;
623
+ }
624
+ .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
625
+ .jstree-default-small .jstree-checked > .jstree-checkbox {
626
+ background-position: -231px -7px;
627
+ }
628
+ .jstree-default-small.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
629
+ .jstree-default-small .jstree-checked > .jstree-checkbox:hover {
630
+ background-position: -231px -39px;
631
+ }
632
+ .jstree-default-small .jstree-anchor > .jstree-undetermined {
633
+ background-position: -199px -7px;
634
+ }
635
+ .jstree-default-small .jstree-anchor > .jstree-undetermined:hover {
636
+ background-position: -199px -39px;
637
+ }
638
+ .jstree-default-small > .jstree-striped {
639
+ background-size: auto 36px;
640
+ }
641
+ .jstree-default-small.jstree-rtl .jstree-node {
642
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
643
+ background-position: 100% 1px;
644
+ background-repeat: repeat-y;
645
+ }
646
+ .jstree-default-small.jstree-rtl .jstree-last {
647
+ background: transparent;
648
+ }
649
+ .jstree-default-small.jstree-rtl .jstree-open > .jstree-ocl {
650
+ background-position: -135px -39px;
651
+ }
652
+ .jstree-default-small.jstree-rtl .jstree-closed > .jstree-ocl {
653
+ background-position: -103px -39px;
654
+ }
655
+ .jstree-default-small.jstree-rtl .jstree-leaf > .jstree-ocl {
656
+ background-position: -71px -39px;
657
+ }
658
+ .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-node,
659
+ .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
660
+ background: transparent;
661
+ }
662
+ .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
663
+ background-position: -39px -39px;
664
+ }
665
+ .jstree-default-small.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
666
+ background-position: -7px -39px;
667
+ }
668
+ .jstree-default-small .jstree-themeicon-custom {
669
+ background-color: transparent;
670
+ background-image: none;
671
+ background-position: 0 0;
672
+ }
673
+ .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
674
+ background: image-url("default/throbber.gif") center center no-repeat;
675
+ }
676
+ .jstree-default-small .jstree-file {
677
+ background: image-url("default/32px.png") -103px -71px no-repeat;
678
+ }
679
+ .jstree-default-small .jstree-folder {
680
+ background: image-url("default/32px.png") -263px -7px no-repeat;
681
+ }
682
+ .jstree-default-small > .jstree-container-ul > .jstree-node {
683
+ margin-left: 0;
684
+ margin-right: 0;
685
+ }
686
+ #jstree-dnd.jstree-default-small {
687
+ line-height: 18px;
688
+ padding: 0 4px;
689
+ }
690
+ #jstree-dnd.jstree-default-small .jstree-ok,
691
+ #jstree-dnd.jstree-default-small .jstree-er {
692
+ background-image: image-url("default/32px.png");
693
+ background-repeat: no-repeat;
694
+ background-color: transparent;
695
+ }
696
+ #jstree-dnd.jstree-default-small i {
697
+ background: transparent;
698
+ width: 18px;
699
+ height: 18px;
700
+ line-height: 18px;
701
+ }
702
+ #jstree-dnd.jstree-default-small .jstree-ok {
703
+ background-position: -7px -71px;
704
+ }
705
+ #jstree-dnd.jstree-default-small .jstree-er {
706
+ background-position: -39px -71px;
707
+ }
708
+ .jstree-default-small.jstree-rtl .jstree-node {
709
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAACAQMAAABv1h6PAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMHBgAAiABBI4gz9AAAAABJRU5ErkJggg==");
710
+ }
711
+ .jstree-default-small.jstree-rtl .jstree-last {
712
+ background: transparent;
713
+ }
714
+ .jstree-default-large .jstree-node {
715
+ min-height: 32px;
716
+ line-height: 32px;
717
+ margin-left: 32px;
718
+ min-width: 32px;
719
+ }
720
+ .jstree-default-large .jstree-anchor {
721
+ line-height: 32px;
722
+ height: 32px;
723
+ }
724
+ .jstree-default-large .jstree-icon {
725
+ width: 32px;
726
+ height: 32px;
727
+ line-height: 32px;
728
+ }
729
+ .jstree-default-large .jstree-icon:empty {
730
+ width: 32px;
731
+ height: 32px;
732
+ line-height: 32px;
733
+ }
734
+ .jstree-default-large.jstree-rtl .jstree-node {
735
+ margin-right: 32px;
736
+ }
737
+ .jstree-default-large .jstree-wholerow {
738
+ height: 32px;
739
+ }
740
+ .jstree-default-large .jstree-node,
741
+ .jstree-default-large .jstree-icon {
742
+ background-image: image-url("default/32px.png");
743
+ }
744
+ .jstree-default-large .jstree-node {
745
+ background-position: -288px 0px;
746
+ background-repeat: repeat-y;
747
+ }
748
+ .jstree-default-large .jstree-last {
749
+ background: transparent;
750
+ }
751
+ .jstree-default-large .jstree-open > .jstree-ocl {
752
+ background-position: -128px 0px;
753
+ }
754
+ .jstree-default-large .jstree-closed > .jstree-ocl {
755
+ background-position: -96px 0px;
756
+ }
757
+ .jstree-default-large .jstree-leaf > .jstree-ocl {
758
+ background-position: -64px 0px;
759
+ }
760
+ .jstree-default-large .jstree-themeicon {
761
+ background-position: -256px 0px;
762
+ }
763
+ .jstree-default-large > .jstree-no-dots .jstree-node,
764
+ .jstree-default-large > .jstree-no-dots .jstree-leaf > .jstree-ocl {
765
+ background: transparent;
766
+ }
767
+ .jstree-default-large > .jstree-no-dots .jstree-open > .jstree-ocl {
768
+ background-position: -32px 0px;
769
+ }
770
+ .jstree-default-large > .jstree-no-dots .jstree-closed > .jstree-ocl {
771
+ background-position: 0px 0px;
772
+ }
773
+ .jstree-default-large .jstree-disabled {
774
+ background: transparent;
775
+ }
776
+ .jstree-default-large .jstree-disabled.jstree-hovered {
777
+ background: transparent;
778
+ }
779
+ .jstree-default-large .jstree-disabled.jstree-clicked {
780
+ background: #efefef;
781
+ }
782
+ .jstree-default-large .jstree-checkbox {
783
+ background-position: -160px 0px;
784
+ }
785
+ .jstree-default-large .jstree-checkbox:hover {
786
+ background-position: -160px -32px;
787
+ }
788
+ .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
789
+ .jstree-default-large .jstree-checked > .jstree-checkbox {
790
+ background-position: -224px 0px;
791
+ }
792
+ .jstree-default-large.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
793
+ .jstree-default-large .jstree-checked > .jstree-checkbox:hover {
794
+ background-position: -224px -32px;
795
+ }
796
+ .jstree-default-large .jstree-anchor > .jstree-undetermined {
797
+ background-position: -192px 0px;
798
+ }
799
+ .jstree-default-large .jstree-anchor > .jstree-undetermined:hover {
800
+ background-position: -192px -32px;
801
+ }
802
+ .jstree-default-large > .jstree-striped {
803
+ background-size: auto 64px;
804
+ }
805
+ .jstree-default-large.jstree-rtl .jstree-node {
806
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAACAQMAAAB49I5GAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjAAMOBgAAGAAJMwQHdQAAAABJRU5ErkJggg==");
807
+ background-position: 100% 1px;
808
+ background-repeat: repeat-y;
809
+ }
810
+ .jstree-default-large.jstree-rtl .jstree-last {
811
+ background: transparent;
812
+ }
813
+ .jstree-default-large.jstree-rtl .jstree-open > .jstree-ocl {
814
+ background-position: -128px -32px;
815
+ }
816
+ .jstree-default-large.jstree-rtl .jstree-closed > .jstree-ocl {
817
+ background-position: -96px -32px;
818
+ }
819
+ .jstree-default-large.jstree-rtl .jstree-leaf > .jstree-ocl {
820
+ background-position: -64px -32px;
821
+ }
822
+ .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-node,
823
+ .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-leaf > .jstree-ocl {
824
+ background: transparent;
825
+ }
826
+ .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-open > .jstree-ocl {
827
+ background-position: -32px -32px;
828
+ }
829
+ .jstree-default-large.jstree-rtl > .jstree-no-dots .jstree-closed > .jstree-ocl {
830
+ background-position: 0px -32px;
831
+ }
832
+ .jstree-default-large .jstree-themeicon-custom {
833
+ background-color: transparent;
834
+ background-image: none;
835
+ background-position: 0 0;
836
+ }
837
+ .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
838
+ background: image-url("default/throbber.gif") center center no-repeat;
839
+ }
840
+ .jstree-default-large .jstree-file {
841
+ background: image-url("default/32px.png") -96px -64px no-repeat;
842
+ }
843
+ .jstree-default-large .jstree-folder {
844
+ background: image-url("default/32px.png") -256px 0px no-repeat;
845
+ }
846
+ .jstree-default-large > .jstree-container-ul > .jstree-node {
847
+ margin-left: 0;
848
+ margin-right: 0;
849
+ }
850
+ #jstree-dnd.jstree-default-large {
851
+ line-height: 32px;
852
+ padding: 0 4px;
853
+ }
854
+ #jstree-dnd.jstree-default-large .jstree-ok,
855
+ #jstree-dnd.jstree-default-large .jstree-er {
856
+ background-image: image-url("default/32px.png");
857
+ background-repeat: no-repeat;
858
+ background-color: transparent;
859
+ }
860
+ #jstree-dnd.jstree-default-large i {
861
+ background: transparent;
862
+ width: 32px;
863
+ height: 32px;
864
+ line-height: 32px;
865
+ }
866
+ #jstree-dnd.jstree-default-large .jstree-ok {
867
+ background-position: 0px -64px;
868
+ }
869
+ #jstree-dnd.jstree-default-large .jstree-er {
870
+ background-position: -32px -64px;
871
+ }
872
+ .jstree-default-large.jstree-rtl .jstree-node {
873
+ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAACAQMAAAAD0EyKAAAABlBMVEUAAAAdHRvEkCwcAAAAAXRSTlMAQObYZgAAAAxJREFUCNdjgIIGBgABCgCBvVLXcAAAAABJRU5ErkJggg==");
874
+ }
875
+ .jstree-default-large.jstree-rtl .jstree-last {
876
+ background: transparent;
877
+ }
878
+ @media (max-width: 768px) {
879
+ #jstree-dnd.jstree-dnd-responsive {
880
+ line-height: 40px;
881
+ font-weight: bold;
882
+ font-size: 1.1em;
883
+ text-shadow: 1px 1px white;
884
+ }
885
+ #jstree-dnd.jstree-dnd-responsive > i {
886
+ background: transparent;
887
+ width: 40px;
888
+ height: 40px;
889
+ }
890
+ #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
891
+ background-image: image-url("default/40px.png");
892
+ background-position: 0 -200px;
893
+ background-size: 120px 240px;
894
+ }
895
+ #jstree-dnd.jstree-dnd-responsive > .jstree-er {
896
+ background-image: image-url("default/40px.png");
897
+ background-position: -40px -200px;
898
+ background-size: 120px 240px;
899
+ }
900
+ #jstree-marker.jstree-dnd-responsive {
901
+ border-left-width: 10px;
902
+ border-top-width: 10px;
903
+ border-bottom-width: 10px;
904
+ margin-top: -10px;
905
+ }
906
+ }
907
+ @media (max-width: 768px) {
908
+ .jstree-default-responsive {
909
+ /*
910
+ .jstree-open > .jstree-ocl,
911
+ .jstree-closed > .jstree-ocl { border-radius:20px; background-color:white; }
912
+ */
913
+ }
914
+ .jstree-default-responsive .jstree-icon {
915
+ background-image: image-url("default/40px.png");
916
+ }
917
+ .jstree-default-responsive .jstree-node,
918
+ .jstree-default-responsive .jstree-leaf > .jstree-ocl {
919
+ background: transparent;
920
+ }
921
+ .jstree-default-responsive .jstree-node {
922
+ min-height: 40px;
923
+ line-height: 40px;
924
+ margin-left: 40px;
925
+ min-width: 40px;
926
+ white-space: nowrap;
927
+ }
928
+ .jstree-default-responsive .jstree-anchor {
929
+ line-height: 40px;
930
+ height: 40px;
931
+ }
932
+ .jstree-default-responsive .jstree-icon,
933
+ .jstree-default-responsive .jstree-icon:empty {
934
+ width: 40px;
935
+ height: 40px;
936
+ line-height: 40px;
937
+ }
938
+ .jstree-default-responsive > .jstree-container-ul > .jstree-node {
939
+ margin-left: 0;
940
+ }
941
+ .jstree-default-responsive.jstree-rtl .jstree-node {
942
+ margin-left: 0;
943
+ margin-right: 40px;
944
+ }
945
+ .jstree-default-responsive.jstree-rtl .jstree-container-ul > .jstree-node {
946
+ margin-right: 0;
947
+ }
948
+ .jstree-default-responsive .jstree-ocl,
949
+ .jstree-default-responsive .jstree-themeicon,
950
+ .jstree-default-responsive .jstree-checkbox {
951
+ background-size: 120px 240px;
952
+ }
953
+ .jstree-default-responsive .jstree-leaf > .jstree-ocl {
954
+ background: transparent;
955
+ }
956
+ .jstree-default-responsive .jstree-open > .jstree-ocl {
957
+ background-position: 0 0px !important;
958
+ }
959
+ .jstree-default-responsive .jstree-closed > .jstree-ocl {
960
+ background-position: 0 -40px !important;
961
+ }
962
+ .jstree-default-responsive.jstree-rtl .jstree-closed > .jstree-ocl {
963
+ background-position: -40px 0px !important;
964
+ }
965
+ .jstree-default-responsive .jstree-themeicon {
966
+ background-position: -40px -40px;
967
+ }
968
+ .jstree-default-responsive .jstree-checkbox,
969
+ .jstree-default-responsive .jstree-checkbox:hover {
970
+ background-position: -40px -80px;
971
+ }
972
+ .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox,
973
+ .jstree-default-responsive.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:hover,
974
+ .jstree-default-responsive .jstree-checked > .jstree-checkbox,
975
+ .jstree-default-responsive .jstree-checked > .jstree-checkbox:hover {
976
+ background-position: 0 -80px;
977
+ }
978
+ .jstree-default-responsive .jstree-anchor > .jstree-undetermined,
979
+ .jstree-default-responsive .jstree-anchor > .jstree-undetermined:hover {
980
+ background-position: 0 -120px;
981
+ }
982
+ .jstree-default-responsive .jstree-anchor {
983
+ font-weight: bold;
984
+ font-size: 1.1em;
985
+ text-shadow: 1px 1px white;
986
+ }
987
+ .jstree-default-responsive > .jstree-striped {
988
+ background: transparent;
989
+ }
990
+ .jstree-default-responsive .jstree-wholerow {
991
+ border-top: 1px solid rgba(255, 255, 255, 0.7);
992
+ border-bottom: 1px solid rgba(64, 64, 64, 0.2);
993
+ background: #ebebeb;
994
+ height: 40px;
995
+ }
996
+ .jstree-default-responsive .jstree-wholerow-hovered {
997
+ background: #e7f4f9;
998
+ }
999
+ .jstree-default-responsive .jstree-wholerow-clicked {
1000
+ background: #beebff;
1001
+ }
1002
+ .jstree-default-responsive .jstree-children .jstree-last > .jstree-wholerow {
1003
+ box-shadow: inset 0 -6px 3px -5px #666666;
1004
+ }
1005
+ .jstree-default-responsive .jstree-children .jstree-open > .jstree-wholerow {
1006
+ box-shadow: inset 0 6px 3px -5px #666666;
1007
+ border-top: 0;
1008
+ }
1009
+ .jstree-default-responsive .jstree-children .jstree-open + .jstree-open {
1010
+ box-shadow: none;
1011
+ }
1012
+ .jstree-default-responsive .jstree-node,
1013
+ .jstree-default-responsive .jstree-icon,
1014
+ .jstree-default-responsive .jstree-node > .jstree-ocl,
1015
+ .jstree-default-responsive .jstree-themeicon,
1016
+ .jstree-default-responsive .jstree-checkbox {
1017
+ background-image: image-url("default/40px.png");
1018
+ background-size: 120px 240px;
1019
+ }
1020
+ .jstree-default-responsive .jstree-node {
1021
+ background-position: -80px 0;
1022
+ background-repeat: repeat-y;
1023
+ }
1024
+ .jstree-default-responsive .jstree-last {
1025
+ background: transparent;
1026
+ }
1027
+ .jstree-default-responsive .jstree-leaf > .jstree-ocl {
1028
+ background-position: -40px -120px;
1029
+ }
1030
+ .jstree-default-responsive .jstree-last > .jstree-ocl {
1031
+ background-position: -40px -160px;
1032
+ }
1033
+ .jstree-default-responsive .jstree-themeicon-custom {
1034
+ background-color: transparent;
1035
+ background-image: none;
1036
+ background-position: 0 0;
1037
+ }
1038
+ .jstree-default-responsive .jstree-file {
1039
+ background: image-url("default/40px.png") 0 -160px no-repeat;
1040
+ background-size: 120px 240px;
1041
+ }
1042
+ .jstree-default-responsive .jstree-folder {
1043
+ background: image-url("default/40px.png") -40px -40px no-repeat;
1044
+ background-size: 120px 240px;
1045
+ }
1046
+ .jstree-default-responsive > .jstree-container-ul > .jstree-node {
1047
+ margin-left: 0;
1048
+ margin-right: 0;
1049
+ }
1050
+ }