root / trunk / web / dojo / dojox / grid / resources / claroGrid.css @ 12
History | View | Annotate | Download (12.3 KB)
1 | 9 | andrej.cim | |
---|---|---|---|
2 | .dojoxGrid {
|
||
3 | position: relative; |
||
4 | background-color: #EBEADB; |
||
5 | font-family: Geneva, Arial, Helvetica, sans-serif; |
||
6 | -moz-outline-style: none; |
||
7 | outline: none; |
||
8 | overflow: hidden; |
||
9 | height: 0; |
||
10 | } |
||
11 | .dojoxGrid table { |
||
12 | padding: 0; |
||
13 | } |
||
14 | .dojoxGrid td { |
||
15 | -moz-outline: none; |
||
16 | } |
||
17 | .dojoxGridMasterHeader {
|
||
18 | position: relative; |
||
19 | } |
||
20 | .dojoxGridMasterView {
|
||
21 | position: relative; |
||
22 | } |
||
23 | .dojoxGridMasterMessages {
|
||
24 | position: relative; |
||
25 | padding: 1em; |
||
26 | text-align: center; |
||
27 | background-color: white; |
||
28 | } |
||
29 | .dojoxGridView {
|
||
30 | position: absolute; |
||
31 | overflow: hidden; |
||
32 | } |
||
33 | .dojoxGridHeader {
|
||
34 | position: absolute; |
||
35 | overflow: hidden; |
||
36 | cursor: default; |
||
37 | } |
||
38 | .dojoxGridHeader {
|
||
39 | background-color: #E8E1CF; |
||
40 | } |
||
41 | .dojoxGridHeader table { |
||
42 | text-align: center; |
||
43 | } |
||
44 | .dojoxGridHeader .dojoxGridCell { |
||
45 | border: 1px solid; |
||
46 | border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; |
||
47 | background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x; |
||
48 | padding-bottom: 2px; |
||
49 | } |
||
50 | .dojoxGridHeader .dojoxGridCellOver { |
||
51 | background-image: none; |
||
52 | background-color: white; |
||
53 | border-bottom-color: #FEBE47; |
||
54 | margin-bottom: 0; |
||
55 | padding-bottom: 0; |
||
56 | border-bottom-width: 3px; |
||
57 | } |
||
58 | .dojoxGridHeader .dojoxGridCellFocus { |
||
59 | border: 1px dashed blue; |
||
60 | } |
||
61 | .dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver { |
||
62 | background-image: none; |
||
63 | background-color: white; |
||
64 | border-bottom-color: #FEBE47; |
||
65 | margin-bottom: 0; |
||
66 | padding-bottom: 0; |
||
67 | border-bottom-width: 3px; |
||
68 | } |
||
69 | .dojoxGridSortNode{
|
||
70 | white-space:nowrap; |
||
71 | } |
||
72 | .dojoxGridArrowButtonNode {
|
||
73 | display: none; |
||
74 | padding-left: 16px; |
||
75 | } |
||
76 | .dojoxGridArrowButtonChar {
|
||
77 | display:inline; |
||
78 | } |
||
79 | .dojoxGridColCaption {
|
||
80 | overflow:hidden; |
||
81 | } |
||
82 | |||
83 | .dojoxGridArrowButtonNode:hover { |
||
84 | cursor: default; |
||
85 | } |
||
86 | .dojoxGridArrowButtonChar:hover { |
||
87 | cursor: default; |
||
88 | } |
||
89 | .dojoxGridSortUp:hover { |
||
90 | cursor: default; |
||
91 | } |
||
92 | .dojoxGridSortDown:hover { |
||
93 | cursor: default; |
||
94 | } |
||
95 | .dijit_a11y .dojoxGridArrowButtonChar { |
||
96 | display:inline !important; |
||
97 | } |
||
98 | .dojoxGridScrollbox {
|
||
99 | position: relative; |
||
100 | overflow: auto; |
||
101 | background-color: white; |
||
102 | width: 100%; |
||
103 | } |
||
104 | .dojoxGridContent {
|
||
105 | position: relative; |
||
106 | overflow: hidden; |
||
107 | -moz-outline-style: none; |
||
108 | outline: none; |
||
109 | } |
||
110 | .dojoxGridRowbar {
|
||
111 | border: 1px solid; |
||
112 | border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; |
||
113 | border-top: none; |
||
114 | background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x; |
||
115 | } |
||
116 | .dojoxGridRowbarInner {
|
||
117 | border-top: 1px solid #F6F4EB; |
||
118 | } |
||
119 | .dojoxGridRowbarOver {
|
||
120 | background-image: none; |
||
121 | background-color: white; |
||
122 | border-top-color: #FEBE47; |
||
123 | border-bottom-color: #FEBE47; |
||
124 | } |
||
125 | .dojoxGridRowbarSelected {
|
||
126 | background-color: #D9E8F9; |
||
127 | } |
||
128 | .dojoxGridRow {
|
||
129 | position: relative; |
||
130 | width: 9000em; |
||
131 | } |
||
132 | .dojoxGridRow {
|
||
133 | |||
134 | border: 1px solid #E8E4D8; |
||
135 | border-color: #F8F7F1; |
||
136 | |||
137 | border-left: none; |
||
138 | border-right: none; |
||
139 | background-color: white; |
||
140 | border-top: none; |
||
141 | } |
||
142 | .dojoxGridRowOver {
|
||
143 | border-top-color: #FEBE47; |
||
144 | border-bottom-color: #FEBE47; |
||
145 | |||
146 | |||
147 | |||
148 | } |
||
149 | .dojoxGridRowOdd {
|
||
150 | background-color: #FFFDF3; |
||
151 | |||
152 | } |
||
153 | .dojoxGridRowSelected {
|
||
154 | background-color: #D9E8F9; |
||
155 | } |
||
156 | .dojoxGridRowTable {
|
||
157 | table-layout: fixed; |
||
158 | width: 0; |
||
159 | empty-cells: show; |
||
160 | } |
||
161 | .dj_ie .dojoxGridRowTable { |
||
162 | border-collapse: collapse; |
||
163 | } |
||
164 | .dojoxGridInvisible {
|
||
165 | visibility: hidden; |
||
166 | } |
||
167 | .Xdojo-ie .dojoxGridInvisible { |
||
168 | display: none; |
||
169 | } |
||
170 | .dojoxGridInvisible td, .dojoxGridHeader .dojoxGridInvisible td { |
||
171 | border-top-width: 0; |
||
172 | border-bottom-width: 0; |
||
173 | padding-top: 0; |
||
174 | padding-bottom: 0; |
||
175 | height: 0; |
||
176 | overflow: hidden; |
||
177 | } |
||
178 | .dojoxGridCell {
|
||
179 | border: 1px solid; |
||
180 | border-color: #EBEADB; |
||
181 | border-right-color: #D5CDB5; |
||
182 | padding: 3px 3px 3px 3px; |
||
183 | text-align: left; |
||
184 | overflow: hidden; |
||
185 | } |
||
186 | .dojoxGridCellFocus {
|
||
187 | border: 1px dashed blue; |
||
188 | } |
||
189 | .dojoxGridCellOver {
|
||
190 | border: 1px dotted #FEBE47; |
||
191 | } |
||
192 | .dojoxGridCellFocus.dojoxGridCellOver { |
||
193 | border: 1px dashed green; |
||
194 | } |
||
195 | .dojoxGridRowEditing td { |
||
196 | background-color: #F4FFF4; |
||
197 | } |
||
198 | .dojoxGridRow-inserting td { |
||
199 | background-color: #F4FFF4; |
||
200 | } |
||
201 | .dojoxGridRow-inflight td { |
||
202 | background-color: #F2F7B7; |
||
203 | } |
||
204 | .dojoxGridRow-error td { |
||
205 | background-color: #F8B8B6; |
||
206 | } |
||
207 | .dojoxGridInput, .dojoxGridSelect, .dojoxGridTextarea { |
||
208 | margin: 0; |
||
209 | padding: 0; |
||
210 | border-style: none; |
||
211 | width: 100%; |
||
212 | font-size: 100%; |
||
213 | font-family: inherit; |
||
214 | } |
||
215 | .dojoxGridHiddenFocus {
|
||
216 | position: absolute; |
||
217 | top: -1000px; |
||
218 | height: 0; |
||
219 | width: 0; |
||
220 | } |
||
221 | .dijit_a11y .dojoxGridRowbarSelected { |
||
222 | border-top: 1px solid white; |
||
223 | border-bottom: 1px dashed black; |
||
224 | border-top: 0; |
||
225 | background: none; |
||
226 | } |
||
227 | .dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner { |
||
228 | border: 0; |
||
229 | border-top: 1px solid white; |
||
230 | } |
||
231 | .dijit_a11y .dojoxGridRowSelected { |
||
232 | border: 1px solid black !important; |
||
233 | } |
||
234 | .dojoxGridDndAvatar {
|
||
235 | font-size: 100%; |
||
236 | } |
||
237 | .dojoxGrid .dojoDndItemBefore { |
||
238 | border-left-color: red; |
||
239 | } |
||
240 | .dojoxGrid .dojoDndItemAfter { |
||
241 | border-right-color: red; |
||
242 | } |
||
243 | .dijit_a11y .dojoDndItemBefore { |
||
244 | border-left: double; |
||
245 | } |
||
246 | .dijit_a11y .dojoDndItemAfter { |
||
247 | border-right: double; |
||
248 | } |
||
249 | .dojoxGridDndAvatarItem td { |
||
250 | border: 1px solid; |
||
251 | border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; |
||
252 | background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x; |
||
253 | padding: 0pt; |
||
254 | margin: 0pt; |
||
255 | } |
||
256 | .dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage { |
||
257 | border: 0; |
||
258 | border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB; |
||
259 | background-color: transparent; |
||
260 | padding: 3px; |
||
261 | padding-bottom: 2px; |
||
262 | margin: 0; |
||
263 | } |
||
264 | .dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { |
||
265 | background-image: url(../../../dojo/resources/images/dndNoMove.png); |
||
266 | background-repeat: no-repeat; |
||
267 | background-position: center center; |
||
268 | } |
||
269 | .dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { |
||
270 | background-image: url(../../../dojo/resources/images/dndNoCopy.png); |
||
271 | background-repeat: no-repeat; |
||
272 | background-position: center center; |
||
273 | } |
||
274 | .dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { |
||
275 | background-image: url(../../../dojo/resources/images/dndMove.png); |
||
276 | background-repeat: no-repeat; |
||
277 | background-position: center center; |
||
278 | } |
||
279 | .dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage { |
||
280 | background-image: url(../../../dojo/resources/images/dndCopy.png); |
||
281 | background-repeat: no-repeat; |
||
282 | background-position: center center; |
||
283 | } |
||
284 | .dojoxGridColPlaceBottom {
|
||
285 | background: transparent url(images/grid_sort_up.gif) no-repeat scroll left top; |
||
286 | } |
||
287 | .dojoxGridColPlaceTop {
|
||
288 | background: transparent url(images/grid_sort_down.gif) no-repeat scroll left top; |
||
289 | } |
||
290 | .dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { |
||
291 | font-size:1px; |
||
292 | height:6px; |
||
293 | z-index:10000; |
||
294 | top:0; |
||
295 | overflow:hidden; |
||
296 | position:absolute; |
||
297 | line-height:1px; |
||
298 | width:8px; |
||
299 | } |
||
300 | .dojoxGridResizeColLine {
|
||
301 | width: 1px; |
||
302 | background-color: #777; |
||
303 | position: absolute; |
||
304 | cursor: col-resize; |
||
305 | z-index:10000; |
||
306 | } |
||
307 | .dojoxGridColNoResize,
|
||
308 | .dojoxGridColNoResize .dojoDndItemOver { |
||
309 | cursor: not-allowed !important; |
||
310 | } |
||
311 | .dojoxGridColResize,
|
||
312 | .dojoxGridColResize .dojoDndItemOver, |
||
313 | .dojoxGridColumnResizing,
|
||
314 | .dojoxGridColumnResizing .dojoDndItemOver, |
||
315 | .dojoxGridColumnResizing .dojoxGridHeader { |
||
316 | cursor: col-resize !important; |
||
317 | } |
||
318 | .dojoxGridColPlaceBottom {
|
||
319 | background: transparent url(images/grid_sort_up.gif) no-repeat scroll left top; |
||
320 | } |
||
321 | .dojoxGridColPlaceTop {
|
||
322 | background: transparent url(images/grid_sort_down.gif) no-repeat scroll left top; |
||
323 | } |
||
324 | .dojoxGridColPlaceTop, .dojoxGridColPlaceBottom { |
||
325 | font-size:1px; |
||
326 | height:6px; |
||
327 | z-index:10000; |
||
328 | top:0; |
||
329 | overflow:hidden; |
||
330 | position:absolute; |
||
331 | line-height:1px; |
||
332 | width:8px; |
||
333 | } |
||
334 | .dojoxGridResizeColLine {
|
||
335 | width: 1px; |
||
336 | background-color: #777; |
||
337 | position: absolute; |
||
338 | } |
||
339 | .dojoxGridExpandoCell {
|
||
340 | vertical-align: top; |
||
341 | } |
||
342 | .dojoxGridSummarySpan {
|
||
343 | visibility: hidden; |
||
344 | } |
||
345 | .dojoxGridSummaryRow .dojoxGridSummarySpan, |
||
346 | .dojoxGridRowCollapsed .dojoxGridSummarySpan { |
||
347 | visibility: visible; |
||
348 | } |
||
349 | .dojoxGridNoChildren .dojoxGridExpando { |
||
350 | visibility: hidden !important; |
||
351 | width: 0px !important; |
||
352 | } |
||
353 | .claro .dojoxGrid { |
||
354 | margin:0px; |
||
355 | padding:0px; |
||
356 | border-collapse:collapse; |
||
357 | background-color:#fff; |
||
358 | } |
||
359 | .claro .dojoxGridMasterMessages { |
||
360 | background-color: #fefefe; |
||
361 | } |
||
362 | .claro .dojoxGridLoading, |
||
363 | .claro .dojoxGridError { |
||
364 | background-position:left center; |
||
365 | background-repeat: no-repeat; |
||
366 | padding-left:25px; |
||
367 | } |
||
368 | .claro .dojoxGridLoading { |
||
369 | background-image:url("../../../dijit/themes/claro/images/loadingAnimation.gif"); |
||
370 | } |
||
371 | .claro .dojoxGridError { |
||
372 | background-image: url('../../../dijit/icons/images/commonIconsObjActEnabled.png'); |
||
373 | background-position: -496px; |
||
374 | width: 16px; |
||
375 | height: 16px; |
||
376 | } |
||
377 | .claro .dojoxGridHeader { |
||
378 | background-color:#FFF; |
||
379 | } |
||
380 | .claro .dojoxGridHeader .dojoxGridCell { |
||
381 | background:url("images/header.png") #e5edf4 repeat-x top; |
||
382 | border-style:solid; |
||
383 | border-width:1px; |
||
384 | border-color:#BCBCBC #BCBCBC #BCBCBC transparent; |
||
385 | } |
||
386 | .dj_ie6 .claro .dojoxGridHeader .dojoxGridCell { |
||
387 | border-color:#BCBCBC #BCBCBC #BCBCBC #e5edf4; |
||
388 | } |
||
389 | .claro .dojoxGridSortNode { |
||
390 | background:url("images/header_shadow.png") #e5edf4 repeat-x bottom; |
||
391 | text-decoration:none; |
||
392 | display:block; |
||
393 | padding:4px 6px 5px 6px; |
||
394 | border:1px solid #e0eefb; |
||
395 | } |
||
396 | .dj_ie6 .claro .dojoxGridSortNode { |
||
397 | background-image:none; |
||
398 | } |
||
399 | .claro .dojoxGridCellOver .dojoxGridSortNode { |
||
400 | background-color:#9dcfff; |
||
401 | } |
||
402 | .claro .dojoxGridArrowButtonChar { |
||
403 | display:none; |
||
404 | float:right; |
||
405 | } |
||
406 | .claro .dojoxGridArrowButtonNode { |
||
407 | background:transparent url("../../../dijit/themes/claro/images/spriteArrows.png") no-repeat scroll left center; |
||
408 | display:block; |
||
409 | float:right; |
||
410 | height:1em; |
||
411 | margin:2px 4px 0 5px; |
||
412 | padding-left:0; |
||
413 | width:7px; |
||
414 | } |
||
415 | .claro .dojoxGridSortUp .dojoxGridArrowButtonNode { |
||
416 | background-position:-21px 50%; |
||
417 | } |
||
418 | .dj_ie .claro .dojoxGridHeader .dojoxGridRowTable { |
||
419 | border-collapse:separate; |
||
420 | } |
||
421 | .claro .dojoxGridScrollbox { |
||
422 | background-color: #fefefe; |
||
423 | } |
||
424 | .claro .dojoxGridRowbar { |
||
425 | background:url("images/header.png") #e5edf4 repeat-x top; |
||
426 | border:none; |
||
427 | border-right:1px solid #BCBCBC; |
||
428 | } |
||
429 | .claro .dojoxGridRowbarTable { |
||
430 | background:transparent url("images/header_shadow.png") repeat-x scroll center bottom; |
||
431 | } |
||
432 | .dj_ie6 .claro .dojoxGridRowbar, |
||
433 | .dj_ie6 .claro .dojoxGridRowbarTable { |
||
434 | background-image:none; |
||
435 | } |
||
436 | .claro .dojoxGridRowbarInner { |
||
437 | border:none; |
||
438 | border-bottom:1px solid #ccc; |
||
439 | } |
||
440 | .claro .dojoxGridRowbarOver .dojoxGridRowbarTable { |
||
441 | background-color:#abd5fd; |
||
442 | } |
||
443 | .claro .dojoxGridRowBarActive .dojoxGridRowbarTable { |
||
444 | background-color:#91c9fe; |
||
445 | } |
||
446 | .claro .dojoxGridRowbarSelected { |
||
447 | background-color:#abd5fd; |
||
448 | border-right:1px solid #ccc; |
||
449 | } |
||
450 | .claro .dojoxGridRow { |
||
451 | border:none; |
||
452 | background-color:#fff; |
||
453 | } |
||
454 | .dj_ie .claro .dojoxGridMasterView .dojoxGridRowTable { |
||
455 | border-collapse:separate; |
||
456 | } |
||
457 | .claro .dojoxGridRowTable tr { |
||
458 | background:url("images/row_back.png") #fff repeat-x; |
||
459 | } |
||
460 | .claro .dojoxGridRowOdd .dojoxGridRowTable tr { |
||
461 | background-color:#f4f9fd; |
||
462 | } |
||
463 | .claro .dojoxGridRowSelected .dojoxGridRowTable tr { |
||
464 | background-color:#d3e9fb; |
||
465 | } |
||
466 | .claro .dojoxGridCell { |
||
467 | padding:0px; |
||
468 | border:1px solid transparent; |
||
469 | } |
||
470 | .dj_ie6 .claro .dojoxGridCell { |
||
471 | border-color:#fff |
||
472 | } |
||
473 | .dj_ie6 .claro .dojoxGridRowOdd .dojoxGridCell { |
||
474 | border-left-color:#f4f9fd; |
||
475 | border-right-color:#f4f9fd; |
||
476 | } |
||
477 | .dj_ie6 .claro .dojoxGridRowSelected .dojoxGridCell { |
||
478 | border-left-color:#d3e9fb; |
||
479 | border-right-color:#d3e9fb; |
||
480 | } |
||
481 | .claro .dojoxGridRowSelected .dojoxGridCell { |
||
482 | border-top:1px solid #BFD6EB; |
||
483 | border-bottom:1px solid #BFD6EB; |
||
484 | } |
||
485 | .claro .dojoxGridCellFocus { |
||
486 | border:1px dashed darkblue !important; |
||
487 | } |
||
488 | .claro .dojoxGridCellContent { |
||
489 | padding:4px 6px 4px 6px; |
||
490 | } |
||
491 | .claro .dojoxGridRowOver .dojoxGridCell { |
||
492 | background:url("images/row_back.png") #ABD6FF; |
||
493 | border-top:1px solid #769DC0; |
||
494 | border-bottom:1px solid #769DC0; |
||
495 | } |
||
496 | .dj_ie6 .claro .dojoxGridRowOver .dojoxGridCell, |
||
497 | .dj_ie7 .claro .dojoxGridRowOver .dojoxGridCell { |
||
498 | border-left:1px solid #ABD6FF; |
||
499 | border-right:1px solid #ABD6FF; |
||
500 | } |
||
501 | .claro .dojoxGridRowActive .dojoxGridCell { |
||
502 | background:url("images/td_button_down.png") #7DBEFA repeat-x; |
||
503 | } |
||
504 | .dj_ie6 .claro .dojoxGridRowActive .dojoxGridCell, |
||
505 | .dj_ie7 .claro .dojoxGridRowActive .dojoxGridCell { |
||
506 | border-left:1px solid #7DBEFA; |
||
507 | border-right:1px solid #7DBEFA; |
||
508 | } |
||
509 | .claro .dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { |
||
510 | border:solid 1px #769dc0; |
||
511 | background-color:#93cafe; |
||
512 | border-collapse:separate; |
||
513 | } |
||
514 | .claro .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell{ |
||
515 | background-image:url("images/row_back.png"); |
||
516 | } |
||
517 | .claro .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { |
||
518 | background:url("images/td_button_down.png") #93cafe repeat-x; |
||
519 | } |
||
520 | .dj_ie6 .claro .dojoxGridCell { |
||
521 | background-image:none !important; |
||
522 | } |
||
523 | .claro .dojoxGridRowEditing td { |
||
524 | |||
525 | background-color: #60a1ea; |
||
526 | |||
527 | } |
||
528 | .claro .dojoxGridRow-inserting td { |
||
529 | background-color: #F4FFF4; |
||
530 | } |
||
531 | .claro .dojoxGridRow-inflight td { |
||
532 | background-color: #F2F7B7; |
||
533 | } |
||
534 | .claro .dojoxGridRow-error td { |
||
535 | background-color: #F8B8B6; |
||
536 | } |
||
537 | .claro .dojoxGrid .dojoDndItemBefore { |
||
538 | border-left-color: #3559ac; |
||
539 | } |
||
540 | .claro .dojoxGrid .dojoDndItemAfter { |
||
541 | border-right-color: #3559ac; |
||
542 | } |