Bug 10558: (follow-up) styling improvements
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / css / datatables.css
1 input.search_init {
2     color: #999999;
3 }
4 .sorting_asc {
5     padding-right: 19px;
6     background: url("../../img/asc.gif") no-repeat scroll right center #EEEEEE;
7 }
8 .sorting_desc {
9     padding-right: 19px;
10     background: url("../../img/desc.gif") no-repeat scroll right center #EEEEEE;
11 }
12 .sorting {
13     padding-right: 19px;
14     background: url("../../img/ascdesc.gif") no-repeat scroll right center #EEEEEE;
15 }
16 .sorting_asc_disabled {
17     padding-right: 19px;
18     background: url("../../img/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE;
19 }
20 .sorting_desc_disabled {
21     padding-right: 19px;
22     background: url("../../img/datatables/sort_desc_disabled.png") no-repeat scroll right center #EEEEEE;
23 }
24 .sorting_disabled {
25     padding-right: 19px;
26     background-color: #EEEEEE;
27 }
28
29 div.top {clear : both; }
30
31 div.top.pager,
32 div.bottom.pager {
33     background-color : #E5E5E5;
34     padding : 0;
35 }
36
37 div.bottom.pager div.dataTables_paginate.paging_full_numbers,
38 div.bottom.pager div.dataTables_paginate.paging_four_button {
39     border-right-width : 0;
40 }
41
42 div.dataTables_filter,
43 div.dataTables_length,
44 div.dataTables_info,
45 div.dataTables_paginate {
46     float: left;
47     padding : .3em .5em .3em .5em;
48
49 }
50 div.dataTables_length {
51     border-right : 1px solid #686868;
52     line-height:1.9em;
53 }
54 div.dataTables_info {
55     border-right : 1px solid #AAA;
56     line-height:1.9em;
57 }
58 div.dataTables_length,
59 div.dataTables_filter {
60     border-left : 1px solid #FFF;
61     border-right : 1px solid #AAAAAA;
62 }
63 div.dataTables_filter {
64     line-height : 1.9em;
65 }
66 div.dataTables_paginate {
67     padding : 0;
68 }
69
70 .paging_full_numbers a.paginate_button,
71 .paging_full_numbers a.paginate_active {
72     border-right : 1px solid #AAA;
73     border-left : 1px solid #FFF;
74     display : block;
75     float : left;
76     line-height:1.9em;
77     padding : 0.4em 0.7em;
78     cursor: pointer;
79 }
80
81 .paging_full_numbers a.paginate_button {
82     background-color : #FFF;
83     background-repeat: no-repeat;
84     color : #0000CC;
85 }
86 .paging_full_numbers a.paginate_button.first {
87     background-color: transparent;
88     background-image : url('../../img/first.png');
89     background-position : 3px center;
90     padding-left : 23px;
91 }
92 .paging_full_numbers a.paginate_button.previous {
93     background-color: transparent;
94     background-image : url('../../img/prev.png');
95     background-position : 3px center;
96     padding-left : 23px;
97 }
98 .paging_full_numbers a.paginate_button.next {
99     background-color: transparent;
100     background-image : url('../../img/next.png');
101     background-position : 93% center;
102     padding-right : 25px;
103 }
104 .paging_full_numbers a.paginate_button.last {
105     background-color: transparent;
106     background-image : url('../../img/last.png');
107     background-position : 93% center;
108     border-right : 0;
109     padding-right : 25px;
110 }
111 div.bottom.pager .paging_full_numbers a.paginate_button.last {
112     border-right-width : 0;
113 }
114
115 div.bottom.pager div:first-child {
116     border-left : 0;
117 }
118
119 .paging_full_numbers a.paginate_active {
120     background-color : #FFFFEA;
121     color : #000;
122     font-weight: bold;
123 }
124
125 .paging_full_numbers a.paginate_button:hover {
126     background-color: #FFC;
127 }
128
129 .paging_full_numbers a.paginate_button.paginate_button_disabled {
130     color : #666;
131 }
132
133 /* Two-button version */
134
135 div.dataTables_paginate.paging_two_button,
136 div.dataTables_paginate.paging_four_button {
137     background-color : transparent;
138     border-right : 1px solid #686868;
139     border-left : 1px solid #FFF;
140     line-height : 2.5em;
141 }
142 .paginate_disabled_first,
143 .paginate_enabled_first,
144 .paginate_disabled_previous,
145 .paginate_enabled_previous,
146 .paginate_disabled_next,
147 .paginate_enabled_next,
148 .paginate_disabled_last,
149 .paginate_enabled_last {
150     cursor: pointer;
151     *cursor: hand;
152     padding: .1em 0;
153 }
154
155 .paginate_disabled_previous,
156 .paginate_enabled_previous,
157 .paginate_disabled_next,
158 .paginate_enabled_next {
159     color: #111 !important;
160 }
161
162 .paginate_disabled_previous,
163 .paginate_enabled_previous {
164     padding-left: 23px;
165 }
166 .paginate_disabled_next,
167 .paginate_enabled_next,
168 .paginate_disabled_last,
169 .paginate_enabled_last {
170     padding-right: 23px;
171     margin-left: 10px;
172     margin-right : .3em;
173 }
174
175 .paging_four_button .paginate_disabled_first,
176 .paging_four_button .paginate_disabled_previous,
177 .paging_four_button .paginate_enabled_first,
178 .paging_four_button .paginate_enabled_previous  {
179     margin-left : .3em;
180 }
181
182 .paginate_disabled_first {
183     background: transparent url("../../img/first-disabled.png") no-repeat 3px top;
184 }
185 .paginate_enabled_first {
186     background: transparent url("../../img/first.png") no-repeat 3px top;
187     cursor: pointer;
188 }
189 .paginate_disabled_previous {
190     background: transparent url("../../img/prev-disabled.png") no-repeat 3px top;
191 }
192 .paginate_enabled_previous {
193     background: transparent url("../../img/prev.png") no-repeat 3px top;
194     cursor: pointer;
195 }
196 .paginate_disabled_next {
197     background: transparent url("../../img/next-disabled.png") no-repeat right top;
198 }
199 .paginate_enabled_next {
200     background: transparent url("../../img/next.png") no-repeat right top;
201     cursor: pointer;
202 }
203 .paginate_disabled_last {
204     background: transparent url("../../img/last-disabled.png") no-repeat right top;
205 }
206 .paginate_enabled_last {
207     background: transparent url("../../img/last.png") no-repeat right top;
208     cursor: pointer;
209 }
210
211 .dataTables_processing {
212     background-color: white;
213     border: 1px solid #999;
214     -webkit-box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
215     box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
216     color: #333;
217     font-size: 14px;
218     height: 30px;
219     left: 50%;
220     margin-left: -125px;
221     margin-top: -15px;
222     padding: 14px 0 2px;
223     position: fixed;
224     text-align: center;
225     top: 50%;
226     width: 250px;
227 }
228
229 tr.odd.selected td {
230     background-color: #D3D3D3;
231 }
232
233 tr.even.selected td {
234     background-color: #D3D3D3;
235 }
236
237 /* ColumnFilter */
238 span.filter_column > input.text_filter {
239     font-size: 80%;
240     width: 100%;
241 }