|
1 |
|
2 /* |
|
3 * Table |
|
4 */ |
|
5 table.dataTable { |
|
6 margin: 0 auto; |
|
7 clear: both; |
|
8 width: 100%; |
|
9 } |
|
10 |
|
11 table.dataTable thead th { |
|
12 padding: 3px 18px 3px 10px; |
|
13 border-bottom: 1px solid black; |
|
14 font-weight: bold; |
|
15 cursor: pointer; |
|
16 *cursor: hand; |
|
17 } |
|
18 |
|
19 table.dataTable tfoot th { |
|
20 padding: 3px 18px 3px 10px; |
|
21 border-top: 1px solid black; |
|
22 font-weight: bold; |
|
23 } |
|
24 |
|
25 table.dataTable td { |
|
26 padding: 3px 10px; |
|
27 } |
|
28 |
|
29 table.dataTable td.center, |
|
30 table.dataTable td.dataTables_empty { |
|
31 text-align: center; |
|
32 } |
|
33 |
|
34 table.dataTable tr.odd { background-color: #E2E4FF; } |
|
35 table.dataTable tr.even { background-color: white; } |
|
36 |
|
37 table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; } |
|
38 table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; } |
|
39 table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; } |
|
40 table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; } |
|
41 table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; } |
|
42 table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; } |
|
43 |
|
44 |
|
45 /* |
|
46 * Table wrapper |
|
47 */ |
|
48 .dataTables_wrapper { |
|
49 position: relative; |
|
50 clear: both; |
|
51 *zoom: 1; |
|
52 } |
|
53 |
|
54 |
|
55 /* |
|
56 * Page length menu |
|
57 */ |
|
58 .dataTables_length { |
|
59 float: left; |
|
60 } |
|
61 |
|
62 |
|
63 /* |
|
64 * Filter |
|
65 */ |
|
66 .dataTables_filter { |
|
67 float: right; |
|
68 text-align: right; |
|
69 } |
|
70 |
|
71 |
|
72 /* |
|
73 * Table information |
|
74 */ |
|
75 .dataTables_info { |
|
76 clear: both; |
|
77 float: left; |
|
78 } |
|
79 |
|
80 |
|
81 /* |
|
82 * Pagination |
|
83 */ |
|
84 .dataTables_paginate { |
|
85 float: right; |
|
86 text-align: right; |
|
87 } |
|
88 |
|
89 /* Two button pagination - previous / next */ |
|
90 .paginate_disabled_previous, |
|
91 .paginate_enabled_previous, |
|
92 .paginate_disabled_next, |
|
93 .paginate_enabled_next { |
|
94 height: 19px; |
|
95 float: left; |
|
96 cursor: pointer; |
|
97 *cursor: hand; |
|
98 color: #111 !important; |
|
99 } |
|
100 .paginate_disabled_previous:hover, |
|
101 .paginate_enabled_previous:hover, |
|
102 .paginate_disabled_next:hover, |
|
103 .paginate_enabled_next:hover { |
|
104 text-decoration: none !important; |
|
105 } |
|
106 .paginate_disabled_previous:active, |
|
107 .paginate_enabled_previous:active, |
|
108 .paginate_disabled_next:active, |
|
109 .paginate_enabled_next:active { |
|
110 outline: none; |
|
111 } |
|
112 |
|
113 .paginate_disabled_previous, |
|
114 .paginate_disabled_next { |
|
115 color: #666 !important; |
|
116 } |
|
117 .paginate_disabled_previous, |
|
118 .paginate_enabled_previous { |
|
119 padding-left: 23px; |
|
120 } |
|
121 .paginate_disabled_next, |
|
122 .paginate_enabled_next { |
|
123 padding-right: 23px; |
|
124 margin-left: 10px; |
|
125 } |
|
126 |
|
127 .paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; } |
|
128 .paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; } |
|
129 .paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; } |
|
130 |
|
131 .paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; } |
|
132 .paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; } |
|
133 .paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; } |
|
134 |
|
135 /* Full number pagination */ |
|
136 .paging_full_numbers { |
|
137 height: 22px; |
|
138 line-height: 22px; |
|
139 } |
|
140 .paging_full_numbers a:active { |
|
141 outline: none |
|
142 } |
|
143 .paging_full_numbers a:hover { |
|
144 text-decoration: none; |
|
145 } |
|
146 |
|
147 .paging_full_numbers a.paginate_button, |
|
148 .paging_full_numbers a.paginate_active { |
|
149 border: 1px solid #aaa; |
|
150 -webkit-border-radius: 5px; |
|
151 -moz-border-radius: 5px; |
|
152 border-radius: 5px; |
|
153 padding: 2px 5px; |
|
154 margin: 0 3px; |
|
155 cursor: pointer; |
|
156 *cursor: hand; |
|
157 color: #333 !important; |
|
158 } |
|
159 |
|
160 .paging_full_numbers a.paginate_button { |
|
161 background-color: #ddd; |
|
162 } |
|
163 |
|
164 .paging_full_numbers a.paginate_button:hover { |
|
165 background-color: #ccc; |
|
166 text-decoration: none !important; |
|
167 } |
|
168 |
|
169 .paging_full_numbers a.paginate_active { |
|
170 background-color: #99B3FF; |
|
171 } |
|
172 |
|
173 |
|
174 /* |
|
175 * Processing indicator |
|
176 */ |
|
177 .dataTables_processing { |
|
178 position: absolute; |
|
179 top: 50%; |
|
180 left: 50%; |
|
181 width: 250px; |
|
182 height: 30px; |
|
183 margin-left: -125px; |
|
184 margin-top: -15px; |
|
185 padding: 14px 0 2px 0; |
|
186 border: 1px solid #ddd; |
|
187 text-align: center; |
|
188 color: #999; |
|
189 font-size: 14px; |
|
190 background-color: white; |
|
191 } |
|
192 |
|
193 |
|
194 /* |
|
195 * Sorting |
|
196 */ |
|
197 .sorting { background: url('../images/sort_both.png') no-repeat center right; } |
|
198 .sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; } |
|
199 .sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; } |
|
200 |
|
201 .sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; } |
|
202 .sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; } |
|
203 |
|
204 table.dataTable th:active { |
|
205 outline: none; |
|
206 } |
|
207 |
|
208 |
|
209 /* |
|
210 * Scrolling |
|
211 */ |
|
212 .dataTables_scroll { |
|
213 clear: both; |
|
214 } |
|
215 |
|
216 .dataTables_scrollBody { |
|
217 *margin-top: -1px; |
|
218 } |
|
219 |