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 }