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