Mercurial > repos > saskia-hiltemann > ireport

comparison DataTables-1.9.4/media/css/jquery.dataTables_themeroller.css @ 0:ac5f9272033b draft

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 /*
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