source: Dev/branches/rest-dojo-ui/client/dojox/grid/resources/Grid.css @ 256

Last change on this file since 256 was 256, checked in by hendrikvanantwerpen, 13 years ago

Reworked project structure based on REST interaction and Dojo library. As
soon as this is stable, the old jQueryUI branch can be removed (it's
kept for reference).

File size: 7.8 KB
Line 
1.dojoxGrid {
2        position: relative;
3        background-color: #EBEADB;
4        font-family: Geneva, Arial, Helvetica, sans-serif;
5        -moz-outline-style: none;
6        outline: none;
7        overflow: hidden;
8        height: 0;
9}
10
11.dojoxGrid table {
12        padding: 0;
13}
14
15.dojoxGrid td {
16        -moz-outline: none;
17}
18
19/* master header */
20
21.dojoxGridMasterHeader {
22        position: relative;
23}
24
25/* master view */
26
27.dojoxGridMasterView  {
28        position: relative;
29}
30
31/* master messages */
32
33.dojoxGridMasterMessages {
34        position: relative;
35        padding: 1em;
36        text-align: center;
37        background-color: white;
38}
39
40/* views */
41
42.dojoxGridView {
43        position: absolute;
44        overflow: hidden;
45}
46
47/* header */
48
49.dojoxGridHeader {
50        position: absolute;
51        overflow: hidden;
52        cursor: default;
53}
54
55.dojoxGridHeader {
56        background-color: #E8E1CF;
57}
58
59.dojoxGridHeader table {
60        text-align: center;
61}
62
63.dojoxGridHeader .dojoxGridCell {
64        border: 1px solid;
65        border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
66        background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x;
67        padding-bottom: 2px;
68}
69
70.dojoxGridHeader .dojoxGridCellOver {
71        background-image: none;
72        background-color: white;
73        border-bottom-color: #FEBE47;
74        margin-bottom: 0;
75        padding-bottom: 0;
76        border-bottom-width: 3px;
77}
78
79.dojoxGridHeader .dojoxGridCellFocus {
80        border: 1px dashed blue;
81}
82
83.dojoxGridHeader.dojoxGridCellFocus.dojoxGridCellOver {
84        background-image: none;
85        background-color: white;
86        border-bottom-color: #FEBE47;
87        margin-bottom: 0;
88        padding-bottom: 0;
89        border-bottom-width: 3px;
90}
91.dojoxGridArrowButtonNode {
92        display: none;
93        padding-left: 16px;
94}
95.dojoxGridArrowButtonChar {
96        display:inline;
97}
98
99/* Need to explicitly define how to treat hovering over the arrow on IE */
100.dojoxGridArrowButtonNode:hover {
101        cursor: default;
102}
103.dojoxGridArrowButtonChar:hover {
104        cursor: default;
105}
106.dojoxGridSortUp:hover {
107        cursor: default;
108}
109.dojoxGridSortDown:hover {
110        cursor: default;
111}
112
113.dijit_a11y .dojoxGridArrowButtonChar {
114        display:inline !important;
115}
116
117/* content */
118
119.dojoxGridScrollbox {
120        position: relative;
121        overflow: auto;
122        background-color: white;
123        width: 100%;
124}
125
126.dojoxGridContent {
127        position: relative;
128        overflow: hidden;
129         -moz-outline-style: none;
130        outline: none;
131}
132
133/* rowbar */
134
135.dojoxGridRowbar {
136        border: 1px solid;
137        border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
138        border-top: none;
139        background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x;
140}
141
142.dojoxGridRowbarInner {
143        border-top: 1px solid #F6F4EB;
144}
145
146.dojoxGridRowbarOver {
147        background-image: none;
148        background-color: white;
149        border-top-color: #FEBE47;
150        border-bottom-color: #FEBE47;
151}
152
153.dojoxGridRowbarSelected {
154        background-color: #D9E8F9;
155}
156
157/* rows */
158
159.dojoxGridRow {
160        position: relative;
161        width: 9000em;
162}
163
164.dojoxGridRow {
165        /*border: 1px solid #E8E4D8;*/
166        border: 1px solid #E8E4D8;
167        border-color: #F8F7F1;
168        /*padding: 0 0 1px 0;*/
169        border-left: none;
170        border-right: none;
171        background-color: white;
172        border-top: none;
173}
174
175.dojoxGridRowOver {
176        border-top-color: #FEBE47;
177        border-bottom-color: #FEBE47;
178        /*border-bottom-width: 2px;
179        padding-bottom: 0;*/
180        /*background-color: #FFDD9D;*/
181        /*background-color: #FDFDFD;*/
182}
183
184.dojoxGridRowOdd {
185        background-color: #FFFDF3;
186        /*background-color: #F9F7E8;*/
187}
188
189.dojoxGridRowSelected {
190        background-color: #D9E8F9;
191}
192
193.dojoxGridRowTable {
194        table-layout: fixed;
195        width: 0;
196        empty-cells: show;
197}
198.dj_ie .dojoxGridRowTable {
199        border-collapse: collapse;
200}
201
202.dojoxGridInvisible {
203        visibility: hidden;
204}               
205
206.Xdojo-ie .dojoxGridInvisible {
207        display: none;
208}               
209
210.dojoxGridInvisible td, .dojoxGridHeader .dojoxGridInvisible td {
211        border-top-width: 0;
212        border-bottom-width: 0;
213        padding-top: 0;
214        padding-bottom: 0;
215        height: 0;
216        overflow: hidden;
217}
218
219/* cells */
220
221.dojoxGridCell {
222        border: 1px solid;
223        border-color: #EBEADB;
224        border-right-color: #D5CDB5;
225        padding: 3px 3px 3px 3px;
226        text-align: left;
227        overflow: hidden;
228}
229
230.dojoxGridCellFocus {
231        border: 1px dashed blue;
232}
233
234.dojoxGridCellOver {
235        border: 1px dotted #FEBE47;
236}
237
238.dojoxGridCellFocus.dojoxGridCellOver {
239        border: 1px dashed green;
240}
241
242/* editing */
243
244.dojoxGridRowEditing td {
245        background-color: #F4FFF4;
246}
247
248.dojoxGridRow-inserting td {
249        background-color: #F4FFF4;
250}
251.dojoxGridRow-inflight td {
252        background-color: #F2F7B7;
253}
254.dojoxGridRow-error td {
255        background-color: #F8B8B6;
256}
257
258.dojoxGridInput, .dojoxGridSelect, .dojoxGridTextarea {
259        margin: 0;
260        padding: 0;
261        border-style: none;
262        width: 100%;
263        font-size: 100%;
264        font-family: inherit;
265}
266
267.dojoxGridHiddenFocus {
268        position: absolute;
269        top: -1000px;
270        height: 0;
271        width: 0;
272}
273
274.dijit_a11y .dojoxGridRowbarSelected {
275        border-top: 1px solid white;
276        border-bottom: 1px dashed black;
277        border-top: 0;
278        background: none;
279}
280
281.dijit_a11y .dojoxGridRowbarSelected .dojoxGridRowbarInner {
282        border: 0;
283        border-top: 1px solid white;
284}
285
286.dijit_a11y .dojoxGridRowSelected {
287        border: 1px solid black !important;
288}
289
290/* Drag and Drop */
291.dojoxGridDndAvatar {
292        font-size: 100%;
293}
294.dojoxGrid .dojoDndItemBefore {
295        border-left-color: red;
296}
297.dojoxGrid .dojoDndItemAfter {
298        border-right-color: red;
299}
300.dijit_a11y .dojoDndItemBefore {
301        border-left: double;
302}
303.dijit_a11y .dojoDndItemAfter {
304        border-right: double;
305}
306.dojoxGridDndAvatarItem td {
307        border: 1px solid;
308        border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
309        background: url(images/grid_dx_gradient.gif) #E8E1CF top repeat-x;
310        padding: 0pt;
311        margin: 0pt;
312}
313.dojoxGridDndAvatarItem td.dojoxGridDndAvatarItemImage {
314        border: 0;
315        border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
316        background-color: transparent;
317        padding: 3px;
318        padding-bottom: 2px;
319        margin: 0;
320}
321.dojoDndMove .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
322        background-image: url(../../../dojo/resources/images/dndNoMove.png);
323        background-repeat: no-repeat;
324        background-position: center center;
325}
326.dojoDndCopy .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
327        background-image: url(../../../dojo/resources/images/dndNoCopy.png);
328        background-repeat: no-repeat;
329        background-position: center center;
330}
331.dojoDndMove .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
332        background-image: url(../../../dojo/resources/images/dndMove.png);
333        background-repeat: no-repeat;
334        background-position: center center;
335}
336.dojoDndCopy .dojoDndAvatarCanDrop .dojoxGridDndAvatarItem .dojoxGridDndAvatarItemImage {
337        background-image: url(../../../dojo/resources/images/dndCopy.png);
338        background-repeat: no-repeat;
339        background-position: center center;
340}
341
342.dojoxGridColPlaceBottom {
343        background: transparent url(images/grid_sort_up.gif) no-repeat scroll left top;
344}
345.dojoxGridColPlaceTop {
346        background: transparent url(images/grid_sort_down.gif) no-repeat scroll left top;
347}
348
349.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom {
350        font-size:1px;
351        height:6px;
352        z-index:10000;
353        top:0;
354        overflow:hidden;
355        position:absolute;
356        line-height:1px;
357        width:8px;
358}
359.dojoxGridResizeColLine {
360        width: 1px;
361        background-color: #777;
362        position: absolute;
363        cursor: col-resize;
364        z-index:10000;
365}
366.dojoxGridColNoResize,
367.dojoxGridColNoResize .dojoDndItemOver {
368        cursor: not-allowed !important;
369}
370.dojoxGridColResize,
371.dojoxGridColResize .dojoDndItemOver,
372.dojoxGridColumnResizing,
373.dojoxGridColumnResizing .dojoDndItemOver,
374.dojoxGridColumnResizing .dojoxGridHeader {
375        cursor: col-resize !important;
376}
377
378.dojoxGridColPlaceBottom {
379        background: transparent url(images/grid_sort_up.gif) no-repeat scroll left top;
380}
381.dojoxGridColPlaceTop {
382        background: transparent url(images/grid_sort_down.gif) no-repeat scroll left top;
383}
384
385.dojoxGridColPlaceTop, .dojoxGridColPlaceBottom {
386        font-size:1px;
387        height:6px;
388        z-index:10000;
389        top:0;
390        overflow:hidden;
391        position:absolute;
392        line-height:1px;
393        width:8px;
394}
395.dojoxGridResizeColLine {
396        width: 1px;
397        background-color: #777;
398        position: absolute;
399}
400
401/* Tree Grid */
402.dojoxGridExpandoCell {
403        vertical-align: middle;
404}
405.dojoxGridSummarySpan {
406        visibility: hidden;
407}
408.dojoxGridSummaryRow .dojoxGridSummarySpan,
409.dojoxGridRowCollapsed .dojoxGridSummarySpan {
410        visibility: visible;
411}
412.dojoxGridNoChildren .dojoxGridExpando {
413        visibility: hidden !important;
414        width: 0px !important;
415}
Note: See TracBrowser for help on using the repository browser.