Mercurial > hg > orthanc
comparison PalanthirExplorer/libs/jqtree.css @ 45:33d67e1ab173
r
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Wed, 05 Sep 2012 13:24:59 +0200 |
parents | PalantirExplorer/libs/jqtree.css@3959d33612cc |
children |
comparison
equal
deleted
inserted
replaced
43:9be852ad33d2 | 45:33d67e1ab173 |
---|---|
1 ul.tree { | |
2 margin-left: 12px; | |
3 } | |
4 | |
5 ul.tree, | |
6 ul.tree ul { | |
7 list-style: none outside; | |
8 margin-bottom: 0; | |
9 padding: 0; | |
10 } | |
11 | |
12 ul.tree ul { | |
13 display: block; | |
14 margin-left: 12px; | |
15 margin-right: 0; | |
16 } | |
17 | |
18 ul.tree li.closed > ul { | |
19 display: none; | |
20 } | |
21 | |
22 ul.tree li { | |
23 clear: both; | |
24 } | |
25 | |
26 ul.tree .toggler { | |
27 background-image: url(jqtree-icons.png); | |
28 background-repeat: no-repeat; | |
29 background-position: -8px 0; | |
30 width: 8px; | |
31 height: 8px; | |
32 display: block; | |
33 position: absolute; | |
34 left: -12px; | |
35 top: 30%; | |
36 text-indent: -9999px; | |
37 border-bottom: none; | |
38 } | |
39 | |
40 ul.tree div { | |
41 cursor: pointer; | |
42 } | |
43 | |
44 ul.tree .title { | |
45 color: #1C4257; | |
46 vertical-align: middle; | |
47 } | |
48 | |
49 ul.tree li.folder { | |
50 margin-bottom: 4px; | |
51 } | |
52 | |
53 ul.tree li.folder.closed { | |
54 margin-bottom: 1px; | |
55 } | |
56 | |
57 ul.tree li.folder .title { | |
58 margin-left: 0; | |
59 } | |
60 | |
61 ul.tree .toggler.closed { | |
62 background-position: 0 0; | |
63 } | |
64 | |
65 span.tree-dragging { | |
66 color: #fff; | |
67 background: #000; | |
68 opacity: 0.6; | |
69 cursor: pointer; | |
70 padding: 2px 8px; | |
71 } | |
72 | |
73 ul.tree li.ghost { | |
74 position: relative; | |
75 z-index: 10; | |
76 margin-right: 10px; | |
77 } | |
78 | |
79 ul.tree li.ghost span { | |
80 display: block; | |
81 } | |
82 | |
83 ul.tree li.ghost span.circle { | |
84 background-image: url(jqtree-icons.png); | |
85 background-repeat: no-repeat; | |
86 background-position: 0 -8px; | |
87 height: 8px; | |
88 width: 8px; | |
89 position: absolute; | |
90 top: -4px; | |
91 left: 2px; | |
92 } | |
93 | |
94 ul.tree li.ghost span.line { | |
95 background-color: #0000ff; | |
96 height: 2px; | |
97 padding: 0; | |
98 position: absolute; | |
99 top: -1px; | |
100 left: 10px; | |
101 width: 100%; | |
102 } | |
103 | |
104 ul.tree li.ghost.inside { | |
105 margin-left: 48px; | |
106 } | |
107 | |
108 ul.tree span.tree-hit { | |
109 position: absolute; | |
110 display: block; | |
111 } | |
112 | |
113 ul.tree span.border { | |
114 position: absolute; | |
115 display: block; | |
116 left: -2px; | |
117 top: 0; | |
118 border: solid 2px #0000ff; | |
119 -webkit-border-radius: 6px; | |
120 -moz-border-radius: 6px; | |
121 border-radius: 6px; | |
122 margin: 0; | |
123 } | |
124 | |
125 ul.tree div { | |
126 width: 100%; /* todo: why is this in here? */ | |
127 *width: auto; /* ie7 fix; issue 41 */ | |
128 position: relative; | |
129 } | |
130 | |
131 ul.tree li.selected > div, | |
132 ul.tree li.selected > div:hover { | |
133 background-color: #97BDD6; | |
134 background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#89AFCA)); | |
135 background: -moz-linear-gradient(top, #BEE0F5, #89AFCA); | |
136 background: -ms-linear-gradient(top, #BEE0F5, #89AFCA); | |
137 background: -o-linear-gradient(top, #BEE0F5, #89AFCA); | |
138 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); | |
139 } | |
140 | |
141 ul.tree .moving > div .title { | |
142 outline: dashed 1px #0000ff; | |
143 } |