source: trunk/web/addons/job_monarch/lib/extjs/resources/css/tree.css @ 619

Last change on this file since 619 was 619, checked in by ramonb, 15 years ago

lib/:

  • added new AJAX dependancies: ExtJS, pChart, Lightbox2
File size: 6.7 KB
Line 
1/*
2 * Ext JS Library 2.2.1
3 * Copyright(c) 2006-2009, Ext JS, LLC.
4 * licensing@extjs.com
5 *
6 * http://extjs.com/license
7 */
8
9.x-tree .x-panel-body{
10    background-color:#fff;
11}
12.ext-strict .ext-ie .x-tree .x-panel-bwrap{
13    position:relative;
14    overflow:hidden;
15}
16.x-tree-icon, .x-tree-ec-icon, .x-tree-elbow-line, .x-tree-elbow, .x-tree-elbow-end, .x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
17        border: 0 none;
18        height: 18px;
19        margin: 0;
20        padding: 0;
21        vertical-align: top;
22        width: 16px;
23    background-repeat: no-repeat;
24}
25.x-tree-node-collapsed .x-tree-node-icon, .x-tree-node-expanded .x-tree-node-icon, .x-tree-node-leaf .x-tree-node-icon{
26        border: 0 none;
27        height: 18px;
28        margin: 0;
29        padding: 0;
30        vertical-align: top;
31        width: 16px;
32        background-position:center;
33    background-repeat: no-repeat;
34}
35.ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {
36    vertical-align:middle !important;
37}
38/* some default icons for leaf/folder */
39.x-tree-node-expanded .x-tree-node-icon{
40        background-image:url(../images/default/tree/folder-open.gif);
41}
42.x-tree-node-leaf .x-tree-node-icon{
43        background-image:url(../images/default/tree/leaf.gif);
44}
45.x-tree-node-collapsed .x-tree-node-icon{
46        background-image:url(../images/default/tree/folder.gif);
47}
48/* checkboxes */
49.ext-ie input.x-tree-node-cb {
50    width:15px;
51    height:15px;
52}
53input.x-tree-node-cb {
54    margin-left:1px;
55}
56.ext-ie input.x-tree-node-cb {
57    margin-left:0;
58}
59
60.x-tree-noicon .x-tree-node-icon{
61        width:0; height:0;
62}
63/* loading icon */
64.x-tree-node-loading .x-tree-node-icon{
65        background-image:url(../images/default/tree/loading.gif) !important;
66}
67.x-tree-node-loading a span{
68         font-style: italic;
69         color:#444444;
70}
71.ext-ie .x-tree-node-el input {
72    width:15px;
73    height:15px;
74}
75/* Line styles */
76.x-tree-lines .x-tree-elbow{
77        background-image:url(../images/default/tree/elbow.gif);
78}
79.x-tree-lines .x-tree-elbow-plus{
80        background-image:url(../images/default/tree/elbow-plus.gif);
81}
82.x-tree-lines .x-tree-elbow-minus{
83        background-image:url(../images/default/tree/elbow-minus.gif);
84}
85.x-tree-lines .x-tree-elbow-end{
86        background-image:url(../images/default/tree/elbow-end.gif);
87}
88.x-tree-lines .x-tree-elbow-end-plus{
89        background-image:url(../images/default/tree/elbow-end-plus.gif);
90}
91.x-tree-lines .x-tree-elbow-end-minus{
92        background-image:url(../images/default/tree/elbow-end-minus.gif);
93}
94.x-tree-lines .x-tree-elbow-line{
95        background-image:url(../images/default/tree/elbow-line.gif);
96}
97
98/* No line styles */
99.x-tree-no-lines .x-tree-elbow{
100        background:transparent;
101}
102.x-tree-no-lines .x-tree-elbow-plus{
103        background-image:url(../images/default/tree/elbow-plus-nl.gif);
104}
105.x-tree-no-lines .x-tree-elbow-minus{
106        background-image:url(../images/default/tree/elbow-minus-nl.gif);
107}
108.x-tree-no-lines .x-tree-elbow-end{
109        background:transparent;
110}
111.x-tree-no-lines .x-tree-elbow-end-plus{
112        background-image:url(../images/default/tree/elbow-end-plus-nl.gif);
113}
114.x-tree-no-lines .x-tree-elbow-end-minus{
115        background-image:url(../images/default/tree/elbow-end-minus-nl.gif);
116}
117.x-tree-no-lines .x-tree-elbow-line{
118        background:transparent;
119}
120
121
122/* Arrows */
123.x-tree-arrows .x-tree-elbow{
124        background:transparent;
125}
126.x-tree-arrows .x-tree-elbow-plus{
127    background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
128}
129.x-tree-arrows .x-tree-elbow-minus{
130    background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
131}
132.x-tree-arrows .x-tree-elbow-end{
133        background:transparent;
134}
135.x-tree-arrows .x-tree-elbow-end-plus{
136    background:transparent url(../images/default/tree/arrows.gif) no-repeat 0 0;
137}
138.x-tree-arrows .x-tree-elbow-end-minus{
139    background:transparent url(../images/default/tree/arrows.gif) no-repeat -16px 0;
140}
141.x-tree-arrows .x-tree-elbow-line{
142        background:transparent;
143}
144
145.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
146    background-position:-32px 0;
147}
148.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus{
149    background-position:-48px 0;
150}
151.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus{
152    background-position:-32px 0;
153}
154.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus{
155    background-position:-48px 0;
156}
157
158
159
160.x-tree-elbow-plus, .x-tree-elbow-minus, .x-tree-elbow-end-plus, .x-tree-elbow-end-minus{
161        cursor:pointer;
162}
163.ext-ie ul.x-tree-node-ct{
164    font-size:0;
165    line-height:0;
166    zoom:1;
167}
168.x-tree-node{
169        color: black;
170        font: normal 11px arial, tahoma, helvetica, sans-serif;
171        white-space: nowrap;
172}
173
174.x-tree-node-el {
175    line-height:18px;
176    cursor:pointer;
177}
178
179.x-tree-node a, .x-dd-drag-ghost a{
180        text-decoration:none;
181        color:black;
182        -khtml-user-select:none;
183        -moz-user-select:none;
184    -kthml-user-focus:normal;
185    -moz-user-focus:normal;
186    -moz-outline: 0 none;
187    outline:0 none;
188}
189.x-tree-node a span, .x-dd-drag-ghost a span{
190        text-decoration:none;
191        color:black;
192        padding:1px 3px 1px 2px;
193}
194.x-tree-node .x-tree-node-disabled a span{
195        color:gray !important;
196}
197.x-tree-node .x-tree-node-disabled .x-tree-node-icon{
198        -moz-opacity: 0.5;
199   opacity:.5;
200   filter: alpha(opacity=50);
201}
202.x-tree-node .x-tree-node-inline-icon{
203        background:transparent;
204}
205.x-tree-node a:hover, .x-dd-drag-ghost a:hover{
206        text-decoration:none;
207}
208.x-tree-node div.x-tree-drag-insert-below{
209         border-bottom:1px dotted #3366cc;
210}
211.x-tree-node div.x-tree-drag-insert-above{
212         border-top:1px dotted #3366cc;
213}
214.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below{
215         border-bottom:0 none;
216}
217.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above{
218         border-top:0 none;
219}
220.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a{
221         border-bottom:2px solid #3366cc;
222}
223.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a{
224         border-top:2px solid #3366cc;
225}
226.x-tree-node .x-tree-drag-append a span{
227         background:#dddddd;
228         border:1px dotted gray;
229}
230.x-tree-node .x-tree-node-over {
231        background-color: #eee;
232}
233.x-tree-node .x-tree-selected {
234        background-color: #d9e8fb;
235}
236.x-dd-drag-ghost .x-tree-node-indent, .x-dd-drag-ghost .x-tree-ec-icon{
237        display:none !important;
238}
239.x-tree-drop-ok-append .x-dd-drop-icon{
240  background-image: url(../images/default/tree/drop-add.gif);
241}
242.x-tree-drop-ok-above .x-dd-drop-icon{
243  background-image: url(../images/default/tree/drop-over.gif);
244}
245.x-tree-drop-ok-below .x-dd-drop-icon{
246  background-image: url(../images/default/tree/drop-under.gif);
247}
248.x-tree-drop-ok-between .x-dd-drop-icon{
249  background-image: url(../images/default/tree/drop-between.gif);
250}
251/* Fix for ie rootVisible:false issue */
252.x-tree-root-ct {
253    zoom:1;
254}
Note: See TracBrowser for help on using the repository browser.