comparison jquery.dataTables.css @ 0:ac5f9272033b draft

first upload
author saskia-hiltemann
date Tue, 01 Jul 2014 11:42:23 -0400
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:ac5f9272033b
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