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