|
0
|
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: 11px;
|
|
|
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 thead th:active,
|
|
|
205 table.dataTable thead td:active {
|
|
|
206 outline: none;
|
|
|
207 }
|
|
|
208
|
|
|
209
|
|
|
210 /*
|
|
|
211 * Scrolling
|
|
|
212 */
|
|
|
213 .dataTables_scroll {
|
|
|
214 clear: both;
|
|
|
215 }
|
|
|
216
|
|
|
217 .dataTables_scrollBody {
|
|
|
218 *margin-top: -1px;
|
|
|
219 -webkit-overflow-scrolling: touch;
|
|
|
220 }
|
|
|
221
|
