source: Dev/branches/rest-dojo-ui/client/dojox/grid/resources/tundraGrid.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: 5.9 KB
Line 
1@import url("Grid.css");
2
3.tundra .dojoxGrid {
4        background-color: #e9e9e9;
5        font-size: 0.85em; /* inherit font-family from dojo.css */
6}
7
8/* master messages */
9
10.tundra .dojoxGridMasterMessages {
11        background-color: #fefefe;
12}
13
14.tundra .dojoxGridLoading,
15.tundra .dojoxGridError {
16        background-position:left center;
17        background-repeat: no-repeat;
18        padding-left:25px;
19}
20
21.dijitRtl .tundra .dojoxGridLoading,
22.dijitRtl .tundra .dojoxGridError,
23.dijitRtl .tundra .dojoxGridNoData {
24        background-position:right;
25        padding-right:25px;
26        padding-left:0px;
27}
28
29.tundra .dojoxGridLoading {
30        background-image: url('../../../dijit/themes/tundra/images/loading.gif');
31}
32
33.tundra .dojoxGridError {
34        background-image: url('../../../dijit/themes/tundra/images/warning.png');
35}
36
37/* header */
38
39.tundra .dojoxGridHeader {
40        background-color:  #e9e9e9;
41}
42
43.tundra .dojoxGridHeader .dojoxGridCell {
44        border-width: 1px;
45        padding-bottom: 0px;
46        border-color: transparent #ACA899 #919191 transparent;
47        background: url(../../../dijit/themes/tundra/images/tabEnabled.png) #e9e9e9 repeat-x top;
48        color: #000 !important;
49}
50
51.tundra .dojoxGridHeader .dojoxGridCellOver {
52        background: url(../../../dijit/themes/tundra/images/tabHover.png) #e9e9e9 repeat-x top;
53        color: #000 !important;
54}
55.tundra .dojoxGridHeader .dojoxGridCellFocus {
56        border-color: #ACA899 #919191;
57        border-style: dashed;
58}
59.tundra .dojoxGridArrowButtonChar {
60        float: right;
61        display: none;
62}
63.tundra .dojoxGridArrowButtonNode {
64        display: block !important;
65        padding-left: 0px;
66        float: right;
67        background:url("../../../dijit/themes/tundra/images/spriteArrows.png") no-repeat left center;
68        width: 7px;
69        height: 1em;
70        margin: 2px 4px 0px 5px;
71}
72.dj_ie6 .tundra .dojoxGridArrowButtonNode {
73        background-image:url("../../../dijit/themes/tundra/images/spriteArrows.gif");
74        margin-left: 0px;
75}
76
77.tundra .dojoxGridSortUp .dojoxGridArrowButtonNode {
78        background-position: -21px;
79}
80.dijit_a11y .tundra .dojoxGridArrowButtonNode {
81        display: none !important;
82}
83
84/* content */
85
86.tundra .dojoxGridScrollbox {
87        background-color: #fefefe;
88}
89
90/* rowbar */
91
92.tundra .dojoxGridRowbar {
93        border: none;
94        background: url(images/tabEnabled_rotated.png) #e9e9e9 repeat-y right;
95        border-right: 1px solid #ccc;
96        padding: 0px;
97}
98
99.tundra .dojoxGridRowbarInner {
100        border: none;
101        border-bottom: 1px solid #ccc;
102}
103
104.tundra .dojoxGridRowbarOver {
105        background: url(images/tabHover_rotated.png) #e9e9e9 repeat-y right;
106}
107
108.tundra .dojoxGridRowbarSelected {
109        background: url(../../../dijit/themes/tundra/images/tabDisabled.png) #D8E8F9 no-repeat center;
110        border-right: 1px solid #ccc;
111}
112
113/* rows */
114
115.tundra .dojoxGridRow {
116        border: none;
117        background-color: white;
118}
119
120.tundra .dojoxGridRowOver {
121        border-top-color: #ccc;
122        border-bottom-color: #ccc;
123}
124
125.tundra .dojoxGridRowOver .dojoxGridCell {
126        background-color: #60a1ea;
127        color:#fff;
128}
129
130.tundra .dojoxGridRowOver .dojoxGridCell .dijit {
131        color: #000;
132}
133
134.tundra .dojoxGridRowOver .dojoxGridCell .dijitDisabled {
135        color: gray;
136}
137
138.tundra .dojoxGridRowOdd {
139        background-color: #f2f5f9;
140}
141
142.tundra .dojoxGridRowSelected {
143        background-color: #aec7e3 !important;
144}
145
146.dijit_a11y .tundra .dojoxGridRowSelected {
147    background-color: #aec7e3;     
148    border-style: solid;     
149}   
150
151/* cells */
152
153.tundra .dojoxGridCell {
154        border: 1px dotted #D5CDB5;
155        border-left-color: transparent;
156        border-top-color: transparent;
157}
158
159.dj_ff2 .tundra .dojoxGridCell {
160        border-left-width: 0px;
161        border-top-width: 0px;
162}
163
164.dj_ie6 .tundra .dojoxGridCell {
165        border: 1px solid white;
166        border-right: 1px solid #D5CDB5;
167}
168
169.tundra .dojoxGridCellFocus {
170        border: 1px dashed darkblue !important;
171}
172
173.tundra .dojoxGridCellOver {
174        border: 1px dotted #a6a6a6;
175}
176
177.tundra .dojoxGridCellFocus .dojoxGridCellOver {
178        border: 1px dashed darkblue !important;
179}
180
181/* editing */
182
183/* FIXME: these colors are off! */
184.tundra .dojoxGridRowEditing td {
185        /* background-color: #F4FFF4; */
186        background-color: #60a1ea;
187        /* padding: 0px 3px 0px 3px; */
188}
189
190.tundra .dojoxGridRow-inserting td {
191        background-color: #F4FFF4;
192}
193.tundra .dojoxGridRow-inflight td {
194        background-color: #F2F7B7;
195}
196.tundra .dojoxGridRow-error td {
197        background-color: #F8B8B6;
198}
199
200/* Drag and Drop */
201
202.tundra .dojoxGrid .dojoDndItemBefore {
203        border-left-color: #3559ac;
204}
205.tundra .dojoxGrid .dojoDndItemAfter {
206        border-right-color: #3559ac;
207}
208
209/* Tree Grid */
210.tundra .dojoxGridExpando {
211        float: left;
212        height: 18px;
213        width: 18px;
214        text-align: center;
215        margin-top: -3px;
216}
217.dijitRtl .tundra .dojoxGridExpando {
218        float: right;
219}
220.tundra .dojoxGridExpandoCell {
221        padding-top: 5px;
222}
223.tundra .dojoxGridExpandoNode {
224        height: 18px;
225        background-image: url('../../../dijit/themes/tundra/images/treeExpand_plus.gif');
226}
227.tundra .dojoxGridExpandoOpened .dojoxGridExpandoNode {
228        background-image: url('../../../dijit/themes/tundra/images/treeExpand_minus.gif');             
229}
230.tundra .dojoxGridExpandoLoading .dojoxGridExpandoNode {
231        background-image: url('../../../dijit/themes/tundra/images/treeExpand_loading.gif');           
232}
233.tundra .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando {
234        visibility: visible !important;
235        width: 18px !important;
236}
237.tundra .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode {
238        background-image: url('../../../dijit/themes/tundra/images/treeExpand_leaf.gif');
239        background-position: -3px;
240}
241.tundra .dojoxGridExpandoNodeInner {
242        visibility: hidden;
243}
244.dijit_a11y .dojoxGridExpandoNodeInner {
245        visibility: visible;
246}
247               
248.tundra .dojoxGridSummaryRow .dojoxGridCell {
249        border-top-color: #999;
250        border-top-style: solid;
251}
252.tundra .dojoxGridSpacerCell,
253.tundra .dojoxGridExpandoCell,
254.tundra .dojoxGridSummaryRow .dojoxGridSpacerCell {
255        border-color: transparent;
256        border-right-color: #D5CDB5;
257}
258.tundra .dojoxGridSummaryRow .dojoxGridTotalCell,
259.tundra .dojoxGridRowCollapsed .dojoxGridExpandoCell,
260.tundra .dojoxGridTreeModel .dojoxGridExpandoCell {
261        border-bottom-color: #D5CDB5;
262}
263.tundra .dojoxGridSubRowAlt {
264        background-color: #F8F8F8;
265}
266.tundra .dojoxGridRowOdd .dojoxGridSubRowAlt {
267        background-color: #EDEFF3;
268}
Note: See TracBrowser for help on using the repository browser.