← Back to branch summary

~chiawen-ho/sahana-eden/test

« back to all changes in this revision

Viewing changes to static/styles/S3/jquery.dataTables.css

  • Committer: Tina
  • Date: 2010-08-01 09:45:20 UTC
  • Revision ID: tina@tina-vaio-20100801094520-iyifngvbd52k2dfc
initial version

Show diffs side-by-side

added added

removed removed

Lines of Context:
static/styles/S3/jquery.dataTables.css
 
1
/.dataTables_length {
 
2
        width: 20%;
 
3
        /* float: left; */
 
4
}
 
5
 
 
6
.dataTables_filter {
 
7
        width: 40%;
 
8
        /* float: right; */
 
9
        text-align: right;
 
10
}
 
11
 
 
12
.dataTables_info {
 
13
        width: 60%;
 
14
        /* float: left; */
 
15
}
 
16
 
 
17
.dataTables_paginate {
 
18
        width: 44px;
 
19
        * width: 50px;
 
20
        float: right;
 
21
        text-align: right;
 
22
}
 
23
 
 
24
/* Pagination nested */
 
25
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
 
26
        height: 19px;
 
27
        width: 19px;
 
28
        margin-left: 3px;
 
29
        float: left;
 
30
}
 
31
 
 
32
.paginate_disabled_previous {
 
33
        background-image: url('../../img/jquery.dataTables/back_disabled.jpg');
 
34
}
 
35
 
 
36
.paginate_enabled_previous {
 
37
        background-image: url('../../img/jquery.dataTables/back_enabled.jpg');
 
38
}
 
39
 
 
40
.paginate_disabled_next {
 
41
        background-image: url('../../img/jquery.dataTables/forward_disabled.jpg');
 
42
}
 
43
 
 
44
.paginate_enabled_next {
 
45
        background-image: url('../../img/jquery.dataTables/forward_enabled.jpg');
 
46
}
 
47
 
 
48
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 
49
 * DataTables display
 
50
 */
 
51
 
 
52
table.display thead th {
 
53
        padding: 3px 18px 3px 10px;
 
54
        border-bottom: 1px solid black;
 
55
        font-weight: bold;
 
56
        cursor: pointer;
 
57
        * cursor: hand;
 
58
}
 
59
 
 
60
table.display tfoot th {
 
61
        padding: 3px 10px;
 
62
        border-top: 1px solid black;
 
63
        font-weight: bold;
 
64
}
 
65
 
 
66
table.display tr.heading2 td {
 
67
        border-bottom: 1px solid #aaa;
 
68
}
 
69
 
 
70
table.display td {
 
71
        padding: 3px 10px;
 
72
}
 
73
 
 
74
table.display td.center {
 
75
        text-align: center;
 
76
}
 
77
 
 
78
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 
79
 * DataTables sorting
 
80
 */
 
81
 
 
82
.sorting_asc {
 
83
        background: url('../../img/jquery.dataTables/sort_asc.jpg') no-repeat center right;
 
84
}
 
85
 
 
86
.sorting_desc {
 
87
        background: url('../../img/jquery.dataTables/sort_desc.jpg') no-repeat center right;
 
88
}
 
89
 
 
90
.sorting {
 
91
        background: url('../../img/jquery.dataTables/sort_both.jpg') no-repeat center right;
 
92
}
 
93
 
 
94
.sorting_asc_disabled {
 
95
        background: url('../../img/jquery.dataTables/sort_asc_disabled.jpg') no-repeat center right;
 
96
}
 
97
 
 
98
.sorting_desc_disabled {
 
99
        background: url('../../img/jquery.dataTables/sort_desc_disabled.jpg') no-repeat center right;
 
100
}
 
101
 
 
102
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 
103
 * DataTables row classes
 
104
 */
 
105
table.display tr.odd.gradeA {
 
106
        background-color: #ddffdd;
 
107
}
 
108
 
 
109
table.display tr.even.gradeA {
 
110
        background-color: #eeffee;
 
111
}
 
112
 
 
113
 
 
114
 
 
115
 
 
116
table.display tr.odd.gradeA {
 
117
        background-color: #ddffdd;
 
118
}
 
119
 
 
120
table.display tr.even.gradeA {
 
121
        background-color: #eeffee;
 
122
}
 
123
 
 
124
table.display tr.odd.gradeC {
 
125
        background-color: #ddddff;
 
126
}
 
127
 
 
128
table.display tr.even.gradeC {
 
129
        background-color: #eeeeff;
 
130
}
 
131
 
 
132
table.display tr.odd.gradeX {
 
133
        background-color: #ffdddd;
 
134
}
 
135
 
 
136
table.display tr.even.gradeX {
 
137
        background-color: #ffeeee;
 
138
}
 
139
 
 
140
table.display tr.odd.gradeU {
 
141
        background-color: #ddd;
 
142
}
 
143
 
 
144
table.display tr.even.gradeU {
 
145
        background-color: #eee;
 
146
}
 
147
 
 
148
 
 
149
tr.odd {
 
150
        background-color: #E2E4FF;
 
151
}
 
152
 
 
153
tr.even {
 
154
        background-color: white;
 
155
}
 
156
 
 
157
 
 
158
 
 
159
 
 
160
 
 
161
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 
162
 * Misc
 
163
 */
 
164
.top, .bottom {
 
165
        padding: 15px;
 
166
        background-color: #F5F5F5;
 
167
        border: 1px solid #CCCCCC;
 
168
}
 
169
 
 
170
.top .dataTables_info {
 
171
        float: none;
 
172
}
 
173
 
 
174
.clear {
 
175
        clear: both;
 
176
}
 
177
 
 
178
.dataTables_empty {
 
179
        text-align: center;
 
180
}
 
181
 
 
182
tfoot input {
 
183
        margin: 0.5em 0;
 
184
        width: 100%;
 
185
        color: #444;
 
186
}
 
187
 
 
188
tfoot input.search_init {
 
189
        color: #999;
 
190
}
 
191
 
 
192
td.group {
 
193
        background-color: #d1cfd0;
 
194
        border-bottom: 2px solid #A19B9E;
 
195
        border-top: 2px solid #A19B9E;
 
196
}
 
197
 
 
198
td.details {
 
199
        background-color: #d1cfd0;
 
200
        border: 2px solid #A19B9E;
 
201
}
 
202
 
 
203
 
 
204
.example_alt_pagination div.dataTables_info {
 
205
        width: 40%;
 
206
}
 
207
 
 
208
.paging_full_numbers {
 
209
        width: 400px;
 
210
        height: 22px;
 
211
        line-height: 22px;
 
212
}
 
213
 
 
214
.paging_full_numbers span.paginate_button,
 
215
        .paging_full_numbers span.paginate_active {
 
216
        border: 1px solid #aaa;
 
217
        -webkit-border-radius: 5px;
 
218
        -moz-border-radius: 5px;
 
219
        padding: 2px 5px;
 
220
        margin: 0 3px;
 
221
        cursor: pointer;
 
222
        *cursor: hand;
 
223
}
 
224
 
 
225
.paging_full_numbers span.paginate_button {
 
226
        background-color: #ddd;
 
227
}
 
228
 
 
229
.paging_full_numbers span.paginate_button:hover {
 
230
        background-color: #ccc;
 
231
}
 
232
 
 
233
.paging_full_numbers span.paginate_active {
 
234
        background-color: #99B3FF;
 
235
}
 
236
 
 
237
table.display tr.even.row_selected td {
 
238
        background-color: #B0BED9;
 
239
}
 
240
 
 
241
table.display tr.odd.row_selected td {
 
242
        background-color: #9FAFD1;
 
243
}
 
244
 
 
245
 
 
246
/*
 
247
 * Sorting classes for columns
 
248
 */
 
249
/* For the standard odd/even */
 
250
tr.odd td.sorting_1 {
 
251
        background-color: #D3D6FF;
 
252
}
 
253
 
 
254
tr.odd td.sorting_2 {
 
255
        background-color: #DADCFF;
 
256
}
 
257
 
 
258
tr.odd td.sorting_3 {
 
259
        background-color: #E0E2FF;
 
260
}
 
261
 
 
262
tr.even td.sorting_1 {
 
263
        background-color: #EAEBFF;
 
264
}
 
265
 
 
266
tr.even td.sorting_2 {
 
267
        background-color: #F2F3FF;
 
268
}
 
269
 
 
270
tr.even td.sorting_3 {
 
271
        background-color: #F9F9FF;
 
272
}
 
273
 
 
274
 
 
275
/* For the Conditional-CSS grading rows */
 
276
/*
 
277
        Colour calculations (based off the main row colours)
 
278
  Level 1:
 
279
                dd > c4
 
280
                ee > d5
 
281
        Level 2:
 
282
          dd > d1
 
283
          ee > e2
 
284
 */
 
285
tr.odd.gradeA td.sorting_1 {
 
286
        background-color: #c4ffc4;
 
287
}
 
288
 
 
289
tr.odd.gradeA td.sorting_2 {
 
290
        background-color: #d1ffd1;
 
291
}
 
292
 
 
293
tr.odd.gradeA td.sorting_3 {
 
294
        background-color: #d1ffd1;
 
295
}
 
296
 
 
297
tr.even.gradeA td.sorting_1 {
 
298
        background-color: #d5ffd5;
 
299
}
 
300
 
 
301
tr.even.gradeA td.sorting_2 {
 
302
        background-color: #e2ffe2;
 
303
}
 
304
 
 
305
tr.even.gradeA td.sorting_3 {
 
306
        background-color: #e2ffe2;
 
307
}
 
308
 
 
309
tr.odd.gradeC td.sorting_1 {
 
310
        background-color: #c4c4ff;
 
311
}
 
312
 
 
313
tr.odd.gradeC td.sorting_2 {
 
314
        background-color: #d1d1ff;
 
315
}
 
316
 
 
317
tr.odd.gradeC td.sorting_3 {
 
318
        background-color: #d1d1ff;
 
319
}
 
320
 
 
321
tr.even.gradeC td.sorting_1 {
 
322
        background-color: #d5d5ff;
 
323
}
 
324
 
 
325
tr.even.gradeC td.sorting_2 {
 
326
        background-color: #e2e2ff;
 
327
}
 
328
 
 
329
tr.even.gradeC td.sorting_3 {
 
330
        background-color: #e2e2ff;
 
331
}
 
332
 
 
333
tr.odd.gradeX td.sorting_1 {
 
334
        background-color: #ffc4c4;
 
335
}
 
336
 
 
337
tr.odd.gradeX td.sorting_2 {
 
338
        background-color: #ffd1d1;
 
339
}
 
340
 
 
341
tr.odd.gradeX td.sorting_3 {
 
342
        background-color: #ffd1d1;
 
343
}
 
344
 
 
345
tr.even.gradeX td.sorting_1 {
 
346
        background-color: #ffd5d5;
 
347
}
 
348
 
 
349
tr.even.gradeX td.sorting_2 {
 
350
        background-color: #ffe2e2;
 
351
}
 
352
 
 
353
tr.even.gradeX td.sorting_3 {
 
354
        background-color: #ffe2e2;
 
355
}
 
356
 
 
357
tr.odd.gradeU td.sorting_1 {
 
358
        background-color: #c4c4c4;
 
359
}
 
360
 
 
361
tr.odd.gradeU td.sorting_2 {
 
362
        background-color: #d1d1d1;
 
363
}
 
364
 
 
365
tr.odd.gradeU td.sorting_3 {
 
366
        background-color: #d1d1d1;
 
367
}
 
368
 
 
369
tr.even.gradeU td.sorting_1 {
 
370
        background-color: #d5d5d5;
 
371
}
 
372
 
 
373
tr.even.gradeU td.sorting_2 {
 
374
        background-color: #e2e2e2;
 
375
}
 
376
 
 
377
tr.even.gradeU td.sorting_3 {
 
378
        background-color: #e2e2e2;
 
379
}
 
380
 
 
381
 
 
382
/*
 
383
 * Row highlighting example
 
384
 */
 
385
.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
 
386
        background-color: #ECFFB3;
 
387
}
 
388
 
 
389
.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
 
390
        background-color: #E6FF99;
 
391
}