comparison inkscape/firefox/content/tree_component.css @ 352:4350aa369149

Use jQuery UI components.
author wycc
date Mon, 09 Mar 2009 01:27:33 +0800
parents
children
comparison
equal deleted inserted replaced
351:4ae9888bbde6 352:4350aa369149
1 /* TREE LAYOUT */
2 .tree ul {
3 margin:0 0 0 5px;
4 padding:0 0 0 0;
5 list-style-type:none;
6 }
7 .tree li {
8 display:block;
9 min-height:18px;
10 line-height:18px;
11 padding:0 0 0 15px;
12 margin:0 0 0 0;
13
14 /* Background fix */
15 clear:both;
16 _height:18px;
17 #height:auto;
18 }
19 .tree li ul {
20 display:none;
21 }
22 .tree li a,
23 .tree li span {
24 /*
25 vertical-align:bottom;
26 display:-moz-inline-stack;
27 */
28 display:inline-block;
29 line-height:16px;
30 height:16px;
31 padding:1px 4px 1px 23px !important;
32 color:black;
33 white-space:nowrap;
34 text-decoration:none;
35 background-color:transparent;
36 background-repeat:no-repeat;
37 background-position:4px 1px;
38 border:0;
39 margin:0;
40 }
41 .tree li a:hover,
42 .tree li a.hover {
43 background-color: #e7f4f9;
44 border:1px solid #d8f0fa;
45 padding:0px 3px 0px 22px !important;
46 background-position:3px 0px;
47 }
48 .tree li a.clicked,
49 .tree li a.clicked:hover,
50 .tree li span.clicked {
51 background-color: #beebff;
52 border:1px solid #99defd;
53 padding:0px 3px 0px 22px !important;
54 background-position:3px 0px;
55 }
56 .tree li span.clicked {
57 padding:0px 3px 0px 20px !important;
58 }
59
60 .tree li a input,
61 .tree li span input {
62 margin:0;
63 padding:0 0;
64 display:block;
65 height:12px !important;
66 border:1px solid white;
67 background:white;
68 font-size:10px;
69 font-family:Verdana;
70 }
71 .tree li a input:not([class="xxx"]),
72 .tree li span input:not([class="xxx"]) {
73 padding:1px 0;
74 }
75
76 .locked li a {
77 color:gray;
78 }
79
80 /* FOR DOTS */
81 .tree ul {
82 background-position:6px 1px;
83 background-repeat:repeat-y;
84 }
85 .tree li {
86 background-position:7px center;
87 background-repeat:no-repeat;
88 }
89 .tree li.last {
90 background-position:5px top;
91 background-repeat:no-repeat;
92 float:left;
93 }
94 /* NO DOTS */
95 .no_dots ul {
96 background:transparent !important;
97 }
98 .no_dots li, .no_dots li.last {
99 background-color:transparent !important;
100 }
101 .no_dots li.leaf {
102 background-image:none !important;
103 background-color:transparent !important;
104 }
105
106 /* OPEN OR CLOSE */
107 .tree li.open ul {
108 display:block;
109 }
110 .tree li.closed ul {
111 display:none !important;
112 }
113
114
115 /* FOR DRAGGING */
116 .tree #dragged {
117 padding:0 3px;
118 margin:0;
119 background:white;
120 opacity: .85;
121 filter: alpha(opacity=85);
122
123 position:absolute;
124 top:-10px;
125 left:-10px;
126 }
127 .tree #dragged.last,
128 .tree #dragged:last-child {
129 background:white;
130 }
131 .tree #dragged ul ul {
132 display:none;
133 }
134
135 /* RTL modification */
136 .rtl * {
137 direction:rtl;
138 }
139 .rtl ul {
140 margin:0 5px 0 0;
141 }
142 .rtl li {
143 padding:0 15px 0 0;
144 }
145 .rtl li.last {
146 background-position:right top;
147 float:right;
148 }
149 .rtl li a,
150 .rtl li span {
151 float:right;
152 padding:1px 23px 1px 4px !important;
153 background-position:right 1px;
154 margin-right:1px;
155 }
156 .rtl li a:hover,
157 .rtl li a.hover {
158 background-color: #e7f4f9;
159 border:1px solid #d8f0fa;
160 padding:0px 23px 0px 3px !important;
161 background-position:right 0px;
162 margin-right:0px;
163 }
164 .rtl li a.clicked,
165 .rtl li a.clicked:hover,
166 .rtl li span.clicked {
167 background-color: #beebff;
168 border:1px solid #99defd;
169 padding:0px 23px 0px 3px !important;
170 background-position:right 0px;
171 margin-right:0px;
172 }
173 .rtl li span.clicked {
174 padding:0px 21px 0px 3px !important;
175 }
176
177 .rtl ul {
178 background-position:right 1px;
179 }
180 .rtl li {
181 background-position:right center;
182 }
183 .rtl #dragged li.open {
184 background-position: right 5px;
185 }
186
187 /* CONTEXT MENU */
188 .tree .context {
189 display:none;
190 position:absolute;
191 list-style-type:none;
192 margin:0;
193 padding:0;
194 }
195 .tree .context .separator {
196 display:none;
197 }
198 .tree .context a {
199 display:block;
200 margin:0;
201 padding:0;
202 }
203
204 .tree li, x:-moz-any-link { overflow:auto; #overflow:visible; }
205 /** FF2 stuff **/
206 .tree li a, x:-moz-any-link { display:inline; float:left; }
207 .tree li, .tree li ul, .tree li.open ul, x:-moz-any-link { clear:both; }
208 .tree li a, x:-moz-any-link, x:default { display:inline-block; float:none; }
209 .tree li ul, .tree li.open ul, x:-moz-any-link, x:default { clear:none; }