CoCalc -- aciTree.css

GitHub Repository: malwaredllc/byob
Path: blob/master/web-gui/buildyourownbotnet/assets/js/aci-tree/css/aciTree.css
¹²⁹³ views
1
@charset "utf-8";
2

3
/*
4
 * aciTree jQuery Plugin
5
 * http://acoderinsights.ro
6
 *
7
 */
8

9
.aciTree {
10
    outline: none;
11
}
12

13
/* the big loader */
14
.aciTree.aciTreeLoad {
15
    background:url(../image/load-root.gif) center center no-repeat;
16
}
17

18
.aciTree .aciTreeUl {
19
    list-style:none;
20
    margin:0;
21
    padding:0;
22
}
23
.aciTree .aciTreeLi {
24
    display:block;
25
    clear:both;
26
    white-space:nowrap;
27
}
28
.aciTree .aciTreeLi:focus {
29
    outline:none;
30
}
31

32
.aciTree .aciTreeLi.aciTreeHidden {
33
    display:none;
34
}
35

36
/* the branch line */
37
.aciTree .aciTreeBranch {
38
    padding-left:20px; /* branch indent */
39
    background:url(../image/tree-branch.png) left 1px repeat-y;
40
}
41
.aciTree[dir=rtl] .aciTreeBranch {
42
    padding-left:0;
43
    padding-right:20px; /* branch indent */
44
    background:url(../image/tree-branch.png) right 1px repeat-y;
45
}
46
/* if the parent is the last child on his level (this is level based; added for #8 levels, if you need more ... add them as needed) */
47
.aciTree .aciTreeLi.aciTreeLevel0.aciTreeLast .aciTreeBranch.aciTreeLevel0,
48
.aciTree .aciTreeLi.aciTreeLevel1.aciTreeLast .aciTreeBranch.aciTreeLevel1,
49
.aciTree .aciTreeLi.aciTreeLevel2.aciTreeLast .aciTreeBranch.aciTreeLevel2,
50
.aciTree .aciTreeLi.aciTreeLevel3.aciTreeLast .aciTreeBranch.aciTreeLevel3,
51
.aciTree .aciTreeLi.aciTreeLevel4.aciTreeLast .aciTreeBranch.aciTreeLevel4,
52
.aciTree .aciTreeLi.aciTreeLevel5.aciTreeLast .aciTreeBranch.aciTreeLevel5,
53
.aciTree .aciTreeLi.aciTreeLevel6.aciTreeLast .aciTreeBranch.aciTreeLevel6,
54
.aciTree .aciTreeLi.aciTreeLevel7.aciTreeLast .aciTreeBranch.aciTreeLevel7,
55
.aciTree .aciTreeLi.aciTreeLevel8.aciTreeLast .aciTreeBranch.aciTreeLevel8,
56
.aciTree.aciTreeNoBranches .aciTreeBranch {
57
    background:none;
58
}
59
/* the branch line behind the button (for the siblings) */
60
.aciTree .aciTreeEntry {
61
    overflow:hidden;
62
    background:url(../image/tree-branch.png) left 1px repeat-y;
63
}
64
.aciTree[dir=rtl] .aciTreeEntry {
65
    background:url(../image/tree-branch.png) right 1px repeat-y;
66
}
67
.aciTree .aciTreeLi.aciTreeLast>.aciTreeLine .aciTreeEntry,
68
.aciTree.aciTreeNoBranches .aciTreeEntry {
69
    background:none;
70
}
71

72
.aciTree.aciTreeBig .aciTreeEntry {
73
    padding:0 0 2px 0;
74
}
75

76
.aciTree .aciTreeButton, .aciTree .aciTreePush, .aciTree .aciTreeItem, .aciTree .aciTreeIcon, .aciTree .aciTreeText, .aciTree .aciTreeColumn {
77
    display:inline-block;
78
    height:20px;
79
    line-height:20px;
80
    font-family:Verdana, Geneva, sans-serif;
81
    font-size:11px;
82
    color:#000;
83
    vertical-align:top;
84
}
85
.aciTree.aciTreeBig .aciTreeText, .aciTree.aciTreeBig .aciTreeColumn {
86
    font-size:12px;
87
}
88

89
.aciTree .aciTreeDisabled>.aciTreeLine .aciTreeText, .aciTree .aciTreeDisabled>.aciTreeLine .aciTreeColumn {
90
    color:#888;
91
}
92

93
.aciTree .aciTreeItem {
94
    padding:0 2px 0 2px;
95
    border:1px solid transparent;
96
    height:auto;
97
    white-space:normal;
98
    cursor:pointer;
99
    /* margin-right need to be set to icon width [.aciTree .aciTreeIcon = 20] +
100
    item padding [.aciTree .aciTreeItem = 4] (+ the width of all columns, if any) */
101
    margin-right:24px;
102
}
103
.aciTree[dir=rtl] .aciTreeItem{
104
    margin-right:0;
105
    /* margin-left need to be set to icon width [.aciTree .aciTreeIcon = 20] +
106
    item padding [.aciTree .aciTreeItem = 4] (+ the width of all columns, if any) */
107
    margin-left:24px;
108
}
109
.aciTree .aciTreeText {
110
    display:inline;
111
    height:auto;
112
}
113
.aciTree .aciTreeColumn {
114
    float:right;
115
    height:auto;
116
    white-space:normal;
117
    cursor:default;
118
}
119
.aciTree[dir=rtl] .aciTreeColumn {
120
    float:left;
121
}
122

123
/* columns width/style (left to right, if any) */
124

125
.aciTree .aciTreeColumn0 {
126
    width:80px;
127
}
128
.aciTree .aciTreeColumn1 {
129
    width:60px;
130
}
131

132
/* item selection */
133

134
.aciTree .aciTreeLine.aciTreeHover .aciTreeItem {
135
    background-color:#EFF5FD;
136
    border:1px dashed #D9D9D9;
137
    -webkit-border-radius:3px;
138
    -moz-border-radius:3px;
139
    border-radius:3px;
140
}
141
.aciTree .aciTreeFocus>.aciTreeLine .aciTreeItem {
142
    /* not selected but with focus */
143
    border:1px solid #D9D9D9;
144
    -webkit-border-radius:3px;
145
    -moz-border-radius:3px;
146
    border-radius:3px;
147
}
148
.aciTree .aciTreeSelected>.aciTreeLine .aciTreeItem {
149
    background-color:#E8E8E8;
150
    border:1px dashed #D9D9D9;
151
    -webkit-border-radius:3px;
152
    -moz-border-radius:3px;
153
    border-radius:3px;
154
}
155
.aciTree.aciTreeFocus .aciTreeSelected>.aciTreeLine .aciTreeItem {
156
    background-color:#d0e5fe;
157
}
158
.aciTree.aciTreeFocus .aciTreeFocus>.aciTreeLine .aciTreeItem {
159
    /* not selected but with focus */
160
    border:1px solid #84acdd;
161
}
162
.aciTree.aciTreeFocus .aciTreeSelected.aciTreeFocus>.aciTreeLine .aciTreeItem {
163
    border:1px dashed #84acdd;
164
}
165

166
/* full row selection */
167

168
.aciTree.aciTreeFullRow>.aciTreeUl {
169
    margin:2px;
170
}
171

172
.aciTree.aciTreeFullRow .aciTreeLine {
173
    margin:-2px;
174
    border:1px solid transparent;
175
}
176

177
.aciTree.aciTreeFullRow .aciTreeLine.aciTreeHover .aciTreeItem {
178
    background:none;
179
    border:1px solid transparent;
180
}
181
.aciTree.aciTreeFullRow .aciTreeFocus>.aciTreeLine {
182
    /* not selected but with focus */
183
    border:1px solid #D9D9D9;
184
}
185
.aciTree.aciTreeFullRow .aciTreeSelected>.aciTreeLine .aciTreeItem,
186
.aciTree.aciTreeFullRow .aciTreeFocus>.aciTreeLine .aciTreeItem {
187
    background:none;
188
    border:1px solid transparent;
189
}
190
.aciTree.aciTreeFullRow.aciTreeFocus .aciTreeSelected>.aciTreeLine .aciTreeItem {
191
    background:none;
192
    border:1px solid transparent;
193
}
194

195
.aciTree.aciTreeFullRow .aciTreeLine.aciTreeHover {
196
    background: #e3edf9;
197
    background: -moz-linear-gradient(top,  #e3edf9 0%, #9cb7d8 100%);
198
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3edf9), color-stop(100%,#9cb7d8));
199
    background: -webkit-linear-gradient(top,  #e3edf9 0%,#9cb7d8 100%);
200
    background: -o-linear-gradient(top,  #e3edf9 0%,#9cb7d8 100%);
201
    background: -ms-linear-gradient(top,  #e3edf9 0%,#9cb7d8 100%);
202
    background: linear-gradient(to bottom,  #e3edf9 0%,#9cb7d8 100%);
203
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3edf9', endColorstr='#9cb7d8',GradientType=0 );
204
}
205
.aciTree.aciTreeFullRow .aciTreeSelected>.aciTreeLine {
206
    background: #f4f4f4;
207
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #c6c6c6 100%);
208
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#c6c6c6));
209
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#c6c6c6 100%);
210
    background: -o-linear-gradient(top,  #f4f4f4 0%,#c6c6c6 100%);
211
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#c6c6c6 100%);
212
    background: linear-gradient(to bottom,  #f4f4f4 0%,#c6c6c6 100%);
213
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#c6c6c6',GradientType=0 );
214
}
215
.aciTree.aciTreeFullRow.aciTreeFocus .aciTreeFocus>.aciTreeLine {
216
    /* not selected but with focus */
217
    border:1px solid #84acdd;
218
}
219
.aciTree.aciTreeFullRow.aciTreeFocus .aciTreeSelected>.aciTreeLine {
220
    border:1px solid transparent;
221
    background: #d0e5fe;
222
    background: -moz-linear-gradient(top,  #d0e5fe 0%, #84acdd 100%);
223
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0e5fe), color-stop(100%,#84acdd));
224
    background: -webkit-linear-gradient(top,  #d0e5fe 0%,#84acdd 100%);
225
    background: -o-linear-gradient(top,  #d0e5fe 0%,#84acdd 100%);
226
    background: -ms-linear-gradient(top,  #d0e5fe 0%,#84acdd 100%);
227
    background: linear-gradient(to bottom,  #d0e5fe 0%,#84acdd 100%);
228
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0e5fe', endColorstr='#84acdd',GradientType=0 );
229
}
230
.aciTree.aciTreeFullRow.aciTreeFocus .aciTreeSelected>.aciTreeLine.aciTreeHover,
231
.aciTree.aciTreeFullRow .aciTreeSelected>.aciTreeLine.aciTreeHover {
232
    background: #c3dbf7;
233
    background: -moz-linear-gradient(top,  #c3dbf7 0%, #84a9d6 100%);
234
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3dbf7), color-stop(100%,#84a9d6));
235
    background: -webkit-linear-gradient(top,  #c3dbf7 0%,#84a9d6 100%);
236
    background: -o-linear-gradient(top,  #c3dbf7 0%,#84a9d6 100%);
237
    background: -ms-linear-gradient(top,  #c3dbf7 0%,#84a9d6 100%);
238
    background: linear-gradient(to bottom,  #c3dbf7 0%,#84a9d6 100%);
239
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3dbf7', endColorstr='#84a9d6',GradientType=0 );
240
}
241

242
/* checkbox/radio tree */
243

244
.aciTree .aciTreeCheckbox label, .aciTree .aciTreeRadio label {
245
    cursor:pointer;
246
}
247
.aciTree .aciTreeCheck {
248
    width:20px;
249
    height:20px;
250
    display:inline-block;
251
    margin:0 2px 0 2px;
252
    padding:0;
253
    vertical-align:text-bottom;
254
    background:url(../image/tree-check-small.png) 0 0 no-repeat;
255
}
256
.aciTree.aciTreeBig .aciTreeCheck {
257
    background:url(../image/tree-check-big.png) 0 0 no-repeat;
258
}
259

260
.aciTree[dir=rtl] .aciTreeCheck {
261
    background:url(../image/tree-check-small-rtl.png) 0 0 no-repeat;
262
}
263
.aciTree.aciTreeBig[dir=rtl] .aciTreeCheck {
264
    background:url(../image/tree-check-big-rtl.png) 0 0 no-repeat;
265
}
266

267
.aciTree .aciTreeCheckbox>.aciTreeLine .aciTreeCheck { background-position:-5px -65px; }
268
.aciTree .aciTreeCheckbox.aciTreeChecked>.aciTreeLine .aciTreeCheck { background-position:-5px -5px; }
269
.aciTree .aciTreeCheckbox.aciTreeChecked.aciTreeTristate>.aciTreeLine .aciTreeCheck { background-position:-5px -35px; }
270

271
.aciTree .aciTreeCheckbox>.aciTreeLine.aciTreeHover .aciTreeCheck { background-position:-35px -65px; }
272
.aciTree .aciTreeCheckbox.aciTreeChecked>.aciTreeLine.aciTreeHover .aciTreeCheck { background-position:-35px -5px; }
273
.aciTree .aciTreeCheckbox.aciTreeChecked.aciTreeTristate>.aciTreeLine.aciTreeHover .aciTreeCheck { background-position:-35px -35px; }
274

275
.aciTree .aciTreeCheckbox.aciTreeDisabled>.aciTreeLine .aciTreeCheck { background-position:-65px -65px; }
276
.aciTree .aciTreeCheckbox.aciTreeDisabled.aciTreeChecked>.aciTreeLine .aciTreeCheck { background-position:-65px -5px; }
277
.aciTree .aciTreeCheckbox.aciTreeDisabled.aciTreeChecked.aciTreeTristate>.aciTreeLine .aciTreeCheck { background-position:-65px -35px; }
278

279
.aciTree .aciTreeRadio>.aciTreeLine .aciTreeCheck { background-position:-95px -65px; }
280
.aciTree .aciTreeRadio.aciTreeChecked>.aciTreeLine .aciTreeCheck { background-position:-95px -5px; }
281
.aciTree .aciTreeRadio.aciTreeChecked.aciTreeTristate>.aciTreeLine .aciTreeCheck { background-position:-95px -35px; }
282

283
.aciTree .aciTreeRadio>.aciTreeLine.aciTreeHover .aciTreeCheck { background-position:-125px -65px; }
284
.aciTree .aciTreeRadio.aciTreeChecked>.aciTreeLine.aciTreeHover .aciTreeCheck { background-position:-125px -5px; }
285
.aciTree .aciTreeRadio.aciTreeChecked.aciTreeTristate>.aciTreeLine.aciTreeHover .aciTreeCheck { background-position:-125px -35px; }
286

287
.aciTree .aciTreeRadio.aciTreeDisabled>.aciTreeLine .aciTreeCheck { background-position:-155px -65px; }
288
.aciTree .aciTreeRadio.aciTreeDisabled.aciTreeChecked>.aciTreeLine .aciTreeCheck { background-position:-155px -5px; }
289
.aciTree .aciTreeRadio.aciTreeDisabled.aciTreeChecked.aciTreeTristate>.aciTreeLine .aciTreeCheck { background-position:-155px -35px; }
290

291
/* inplace editable */
292

293
.aciTree .aciTreeEdited input[type=text] {
294
    outline: none;
295
    border:1px solid #000;
296
    padding:0;
297
    margin:0;
298
    line-height:18px;
299
    height:18px;
300
    display:inline-block;
301
    font-family:Verdana, Geneva, sans-serif;
302
    font-size:11px;
303
    color:#000;
304
    vertical-align:top;
305
}
306
.aciTree.aciTreeBig .aciTreeEdited input[type=text] {
307
    font-size:12px;
308
}
309

310
/* sortable items */
311

312
.aciTree .aciTreeChild {
313
    height:0;
314
    line-height:0;
315
}
316

317
.aciTree .aciTreePlaceholder {
318
    height:0;
319
    line-height:0;
320
    overflow:visible;
321
    position:relative;
322
}
323

324
.aciTree .aciTreePlaceholder div {
325
    position:absolute;
326
    left:0;
327
    width:16px;
328
    height:16px;
329
    margin-left:20px;
330
    background:#fff url(../image/drag-drop.png) -7px -37px no-repeat;
331
    border:1px solid #999;
332
}
333

334
.aciTree[dir=rtl] .aciTreePlaceholder div {
335
    background:#fff url(../image/drag-drop-rtl.png) -7px -37px no-repeat;
336
}
337

338
.aciTree .aciTreeChild .aciTreePlaceholder div {
339
    top:-20px;
340
    left:-20px;
341
}
342
.aciTree.aciTreeBig .aciTreeChild .aciTreePlaceholder div {
343
    top:-22px;
344
}
345

346
.aciTree .aciTreePlaceholder.aciTreeBefore div {
347
    top:2px;
348
    background-position:-7px -7px !important;
349
}
350

351
.aciTree .aciTreePlaceholder.aciTreeAfter div {
352
    top:-20px;
353
    background-position:-7px -67px !important;
354
}
355
.aciTree.aciTreeBig .aciTreePlaceholder.aciTreeAfter div {
356
    top:-22px;
357
}
358

359
.aciTree.aciTreeDragDrop .aciTreeItem, .aciTree.aciTreeDragDrop .aciTreeColumn,
360
.aciTree.aciTreeDragDrop .aciTreeCheckbox label, .aciTree.aciTreeDragDrop .aciTreeRadio label {
361
    cursor:inherit !important;
362
}
363

364
/* this is level based; added for #8 levels, if you need more ... add them as needed */
365
.aciTree .aciTreeLi.aciTreeLevel0 .aciTreePlaceholder div { margin-left:40px; }
366
.aciTree .aciTreeLi.aciTreeLevel1 .aciTreePlaceholder div { margin-left:60px; }
367
.aciTree .aciTreeLi.aciTreeLevel2 .aciTreePlaceholder div { margin-left:80px; }
368
.aciTree .aciTreeLi.aciTreeLevel3 .aciTreePlaceholder div { margin-left:100px; }
369
.aciTree .aciTreeLi.aciTreeLevel4 .aciTreePlaceholder div { margin-left:120px; }
370
.aciTree .aciTreeLi.aciTreeLevel5 .aciTreePlaceholder div { margin-left:140px; }
371
.aciTree .aciTreeLi.aciTreeLevel6 .aciTreePlaceholder div { margin-left:160px; }
372
.aciTree .aciTreeLi.aciTreeLevel7 .aciTreePlaceholder div { margin-left:180px; }
373
.aciTree .aciTreeLi.aciTreeLevel8 .aciTreePlaceholder div { margin-left:200px; }
374

375
.aciTree[dir=rtl] .aciTreePlaceholder div {
376
    left:auto;
377
    right:0;
378
    margin-left:0;
379
    margin-right:20px;
380
}
381

382
.aciTree .aciTreeChild .aciTreePlaceholder div {
383
    right:-20px;
384
}
385

386
/* this is level based; added for #8 levels, if you need more ... add them as needed */
387
.aciTree[dir=rtl] .aciTreeLi.aciTreeLevel0 .aciTreePlaceholder div { margin-right:40px; }
388
.aciTree[dir=rtl] .aciTreeLi.aciTreeLevel1 .aciTreePlaceholder div { margin-right:60px; }
389
.aciTree[dir=rtl] .aciTreeLi.aciTreeLevel2 .aciTreePlaceholder div { margin-right:80px; }
390
.aciTree[dir=rtl] .aciTreeLi.aciTreeLevel3 .aciTreePlaceholder div { margin-right:100px; }
391
.aciTree[dir=rtl] .aciTreeLi.aciTreeLevel4 .aciTreePlaceholder div { margin-right:120px; }
392
.aciTree[dir=rtl] .aciTreeLi.aciTreeLevel5 .aciTreePlaceholder div { margin-right:140px; }
393
.aciTree[dir=rtl] .aciTreeLi.aciTreeLevel6 .aciTreePlaceholder div { margin-right:160px; }
394
.aciTree[dir=rtl] .aciTreeLi.aciTreeLevel7 .aciTreePlaceholder div { margin-right:180px; }
395
.aciTree[dir=rtl] .aciTreeLi.aciTreeLevel8 .aciTreePlaceholder div { margin-right:200px; }
396

397
.aciTreeHelper {
398
    position:absolute;
399
    max-width:300px;
400
    color:#000;
401
    background-color:#d0e5fe;
402
    border:1px dashed #84acdd;
403
    -webkit-border-radius:3px;
404
    -moz-border-radius:3px;
405
    border-radius:3px;
406
    padding:4px;
407
    margin:20px 0 0 20px;
408
}
409

410
/* default - item in the middle (comment the hover part to keep the same button image) */
411

412
.aciTree .aciTreeButton, .aciTree .aciTreePush {
413
    width:18px;
414
    background:url(../image/tree-small.png) -7px -35px no-repeat;
415
}
416
.aciTree.aciTreeBig .aciTreeButton, .aciTree.aciTreeBig .aciTreePush {
417
    background:url(../image/tree-big.png) -7px -35px no-repeat;
418
}
419

420
.aciTree[dir=rtl] .aciTreeButton, .aciTree[dir=rtl] .aciTreePush {
421
    background:url(../image/tree-small-rtl.png) -7px -35px no-repeat;
422
}
423
.aciTree.aciTreeBig[dir=rtl] .aciTreeButton, .aciTree.aciTreeBig[dir=rtl] .aciTreePush {
424
    background:url(../image/tree-big-rtl.png) -7px -35px no-repeat;
425
}
426

427
.aciTree.aciTreeArrow .aciTreeButton, .aciTree.aciTreeArrow .aciTreePush {
428
    background:url(../image/tree-arrow-small.png) -7px -35px no-repeat;
429
}
430
.aciTree.aciTreeBig.aciTreeArrow .aciTreeButton, .aciTree.aciTreeBig.aciTreeArrow .aciTreePush {
431
    background:url(../image/tree-arrow-big.png) -7px -35px no-repeat;
432
}
433

434
.aciTree.aciTreeArrow[dir=rtl] .aciTreeButton, .aciTree.aciTreeArrow[dir=rtl] .aciTreePush {
435
    background:url(../image/tree-arrow-small-rtl.png) -7px -35px no-repeat;
436
}
437
.aciTree.aciTreeBig.aciTreeArrow[dir=rtl] .aciTreeButton, .aciTree.aciTreeBig.aciTreeArrow[dir=rtl] .aciTreePush {
438
    background:url(../image/tree-arrow-big-rtl.png) -7px -35px no-repeat;
439
}
440

441
.aciTree.aciTreeNoBranches .aciTreeButton,
442
.aciTree .aciTreeLeaf>.aciTreeLine .aciTreePush { background:none !important; }
443

444
.aciTree .aciTreeInodeMaybe>.aciTreeLine .aciTreePush { background-position:-67px -5px !important; }
445
.aciTree .aciTreeInodeMaybe>.aciTreeLine .aciTreePush.aciTreeHover { background-position:-67px -35px !important; }
446
.aciTree .aciTreeInode>.aciTreeLine .aciTreePush { background-position:-97px -5px !important; }
447
.aciTree .aciTreeInode>.aciTreeLine .aciTreePush.aciTreeHover { background-position:-97px -35px !important; }
448
.aciTree .aciTreeOpen>.aciTreeLine .aciTreePush { background-position:-127px -5px !important; }
449
.aciTree .aciTreeOpen>.aciTreeLine .aciTreePush.aciTreeHover { background-position:-127px -35px !important; }
450

451
/* if it's the last item in list */
452

453
.aciTree .aciTreeLi.aciTreeLast>.aciTreeLine .aciTreeButton { background-position:-37px -5px !important; }
454

455
/* the item loader */
456

457
.aciTree .aciTreePush>span {
458
    display:none;
459
    position:absolute;
460
    width:18px;
461
    height:18px;
462
    left:0;
463
    top:2px;
464
    background:url(../image/load-node.gif) 0 0 no-repeat;
465
}
466
.aciTree .aciTreeLoad>.aciTreeLine .aciTreePush {
467
    position:relative;
468
    /* uncomment next line to hide the button while loading */
469
    /*background:none !important;*/
470
}
471
.aciTree .aciTreeLoad>.aciTreeLine .aciTreePush>span {
472
    display:inline-block;
473
}
474

475
/* tree item icon */
476

477
.aciTree .aciTreeIcon {
478
    width:20px;
479
    background:url(../image/tree-small.png) 0 0 no-repeat;
480
}
481
.aciTree.aciTreeBig .aciTreeIcon {
482
    background:url(../image/tree-big.png) 0 0 no-repeat;
483
}
484

485
.aciTree[dir=rtl] .aciTreeIcon {
486
    width:16px;
487
    margin-left:4px;
488
    background:url(../image/tree-small-rtl.png) 0 0 no-repeat;
489
}
490
.aciTree.aciTreeBig[dir=rtl] .aciTreeIcon {
491
    background:url(../image/tree-big-rtl.png) 0 0 no-repeat;
492
}
493

494
.aciTree.aciTreeArrow .aciTreeIcon { background:url(../image/tree-arrow-small.png) 0 0 no-repeat; }
495
.aciTree.aciTreeBig.aciTreeArrow .aciTreeIcon { background:url(../image/tree-arrow-big.png) 0 0 no-repeat; }
496

497
.aciTree.aciTreeArrow[dir=rtl] .aciTreeIcon { background:url(../image/tree-arrow-small-rtl.png) 0 0 no-repeat; }
498
.aciTree.aciTreeBig.aciTreeArrow[dir=rtl] .aciTreeIcon { background:url(../image/tree-arrow-big-rtl.png) 0 0 no-repeat; }
499

500
/* demo file/folder icon class */
501

502
.aciTree .aciTreeIcon.folder {
503
    background-position:-157px -5px !important;
504
}
505
.aciTree .aciTreeLine.aciTreeHover .aciTreeIcon.folder {
506
    /* comment next line to keep the same icon on hover */
507
    background-position:-157px -35px !important;
508
}
509
.aciTree .aciTreeIcon.file {
510
    background-position:-187px -5px !important;
511
}
512
.aciTree .aciTreeLine.aciTreeHover .aciTreeIcon.file {
513
    /* comment next line to keep the same icon on hover */
514
    background-position:-187px -35px !important;
515
}
516

517
/* demo row colors */
518

519
.aciTree.aciTreeColors .aciTreeOdd>.aciTreeLine {
520
    /* odd rows */
521
    background-color:#FFFFC4;
522
}
523
.aciTree.aciTreeColors .aciTreeEven>.aciTreeLine {
524
    /* even rows */
525
    background-color:#CAFFCA;
526
}
527
.aciTree.aciTreeColors .aciTreeFirst>.aciTreeLine {
528
    /* first item on each level */
529
    /*background-color:#B0DFFF;*/
530
}
531
.aciTree.aciTreeColors .aciTreeLast>.aciTreeLine {
532
    /* last item on each level */
533
    /*background-color:#FFCEFF;*/
534
}
535

536
/* uncomment below to keep the item in one line and scroll the tree horizontally when needed */
537

538
/*
539

540
.aciTree .aciTreeEntry {
541
    overflow:visible;
542
}
543

544
.aciTree .aciTreeItem {
545
    white-space:nowrap;
546
    margin-right:12px;
547
}
548

549
*/
550

551
Product

Resources

Company
