| 875 |
lars |
1 |
// base jstree
|
|
|
2 |
.jstree-node, .jstree-children, .jstree-container-ul { display:block; margin:0; padding:0; list-style-type:none; list-style-image:none; }
|
|
|
3 |
.jstree-node { white-space:nowrap; }
|
|
|
4 |
.jstree-anchor { display:inline-block; color:black; white-space:nowrap; padding:0 4px 0 1px; margin:0; vertical-align:top; }
|
|
|
5 |
.jstree-anchor:focus { outline:0; }
|
|
|
6 |
.jstree-anchor, .jstree-anchor:link, .jstree-anchor:visited, .jstree-anchor:hover, .jstree-anchor:active { text-decoration:none; color:inherit; }
|
|
|
7 |
.jstree-icon { display:inline-block; text-decoration:none; margin:0; padding:0; vertical-align:top; text-align:center; }
|
|
|
8 |
.jstree-icon:empty { display:inline-block; text-decoration:none; margin:0; padding:0; vertical-align:top; text-align:center; }
|
|
|
9 |
.jstree-ocl { cursor:pointer; }
|
|
|
10 |
.jstree-leaf > .jstree-ocl { cursor:default; }
|
|
|
11 |
.jstree .jstree-open > .jstree-children { display:block; }
|
|
|
12 |
.jstree .jstree-closed > .jstree-children,
|
|
|
13 |
.jstree .jstree-leaf > .jstree-children { display:none; }
|
|
|
14 |
.jstree-anchor > .jstree-themeicon { margin-right:2px; }
|
|
|
15 |
.jstree-no-icons .jstree-themeicon,
|
|
|
16 |
.jstree-anchor > .jstree-themeicon-hidden { display:none; }
|
|
|
17 |
.jstree-hidden { display:none; }
|
|
|
18 |
|
|
|
19 |
// base jstree rtl
|
|
|
20 |
.jstree-rtl {
|
|
|
21 |
.jstree-anchor { padding:0 1px 0 4px; }
|
|
|
22 |
.jstree-anchor > .jstree-themeicon { margin-left:2px; margin-right:0; }
|
|
|
23 |
.jstree-node { margin-left:0; }
|
|
|
24 |
.jstree-container-ul > .jstree-node { margin-right:0; }
|
|
|
25 |
}
|
|
|
26 |
|
|
|
27 |
// base jstree wholerow
|
|
|
28 |
.jstree-wholerow-ul {
|
|
|
29 |
position:relative;
|
|
|
30 |
display:inline-block;
|
|
|
31 |
min-width:100%;
|
|
|
32 |
.jstree-leaf > .jstree-ocl { cursor:pointer; }
|
|
|
33 |
.jstree-anchor, .jstree-icon { position:relative; }
|
|
|
34 |
.jstree-wholerow { width:100%; cursor:pointer; position:absolute; left:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
|
|
|
35 |
}
|
|
|
36 |
|
|
|
37 |
// base contextmenu
|
|
|
38 |
.vakata-context {
|
|
|
39 |
display:none;
|
|
|
40 |
&, ul { margin:0; padding:2px; position:absolute; background:#f5f5f5; border:1px solid #979797; box-shadow:2px 2px 2px #999999; }
|
|
|
41 |
ul { list-style:none; left:100%; margin-top:-2.7em; margin-left:-4px; }
|
|
|
42 |
.vakata-context-right ul { left:auto; right:100%; margin-left:auto; margin-right:-4px; }
|
|
|
43 |
li {
|
|
|
44 |
list-style:none; display:inline;
|
|
|
45 |
> a {
|
|
|
46 |
display:block; padding:0 2em 0 2em; text-decoration:none; width:auto; color:black; white-space:nowrap; line-height:2.4em; text-shadow:1px 1px 0 white; border-radius:1px;
|
|
|
47 |
&:hover { position:relative; background-color:#e8eff7; box-shadow:0 0 2px #0a6aa1; }
|
|
|
48 |
&.vakata-context-parent { background-image:url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw=="); background-position:right center; background-repeat:no-repeat; }
|
|
|
49 |
}
|
|
|
50 |
> a:focus { outline:0; }
|
|
|
51 |
}
|
|
|
52 |
.vakata-context-hover > a { position:relative; background-color:#e8eff7; box-shadow:0 0 2px #0a6aa1; }
|
|
|
53 |
.vakata-context-separator {
|
|
|
54 |
> a, > a:hover { background:white; border:0; border-top:1px solid #e2e3e3; height:1px; min-height:1px; max-height:1px; padding:0; margin:0 0 0 2.4em; border-left:1px solid #e0e0e0; text-shadow:0 0 0 transparent; box-shadow:0 0 0 transparent; border-radius:0; }
|
|
|
55 |
}
|
|
|
56 |
.vakata-contextmenu-disabled {
|
|
|
57 |
a, a:hover { color:silver; background-color:transparent; border:0; box-shadow:0 0 0; }
|
|
|
58 |
}
|
|
|
59 |
li > a {
|
|
|
60 |
> i { text-decoration:none; display:inline-block; width:2.4em; height:2.4em; background:transparent; margin:0 0 0 -2em; vertical-align:top; text-align:center; line-height:2.4em; }
|
|
|
61 |
> i:empty { width:2.4em; line-height:2.4em; }
|
|
|
62 |
.vakata-contextmenu-sep { display:inline-block; width:1px; height:2.4em; background:white; margin:0 0.5em 0 0; border-left:1px solid #e2e3e3; }
|
|
|
63 |
}
|
|
|
64 |
.vakata-contextmenu-shortcut { font-size:0.8em; color:silver; opacity:0.5; display:none; }
|
|
|
65 |
}
|
|
|
66 |
.vakata-context-rtl {
|
|
|
67 |
ul { left:auto; right:100%; margin-left:auto; margin-right:-4px; }
|
|
|
68 |
li > a.vakata-context-parent { background-image:url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7"); background-position:left center; background-repeat:no-repeat; }
|
|
|
69 |
.vakata-context-separator > a { margin:0 2.4em 0 0; border-left:0; border-right:1px solid #e2e3e3;}
|
|
|
70 |
.vakata-context-left ul { right:auto; left:100%; margin-left:-4px; margin-right:auto; }
|
|
|
71 |
li > a {
|
|
|
72 |
> i { margin:0 -2em 0 0; }
|
|
|
73 |
.vakata-contextmenu-sep { margin:0 0 0 0.5em; border-left-color:white; background:#e2e3e3; }
|
|
|
74 |
}
|
|
|
75 |
}
|
|
|
76 |
|
|
|
77 |
// base drag'n'drop
|
|
|
78 |
#jstree-marker { position: absolute; top:0; left:0; margin:-5px 0 0 0; padding:0; border-right:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid; width:0; height:0; font-size:0; line-height:0; }
|
|
|
79 |
#jstree-dnd {
|
|
|
80 |
line-height:16px;
|
|
|
81 |
margin:0;
|
|
|
82 |
padding:4px;
|
|
|
83 |
.jstree-icon,
|
|
|
84 |
.jstree-copy { display:inline-block; text-decoration:none; margin:0 2px 0 0; padding:0; width:16px; height:16px; }
|
|
|
85 |
.jstree-ok { background:green; }
|
|
|
86 |
.jstree-er { background:red; }
|
|
|
87 |
.jstree-copy { margin:0 2px 0 2px; }
|
|
|
88 |
}
|