annotate jquery.dataTables.css @ 9:7300ed4c1481 draft default tip

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