Lines 41-54
table {
Link Here
|
41 |
font-size: 60%; |
41 |
font-size: 60%; |
42 |
margin: 0 .5em; |
42 |
margin: 0 .5em; |
43 |
|
43 |
|
44 |
&:hover:not(.disabled):active:not(.disabled) { |
44 |
&:hover:not( .disabled ):active:not( .disabled ) { |
45 |
background: transparent none; |
45 |
background: transparent none; |
46 |
border: 0; |
46 |
border: 0; |
47 |
box-shadow: none; |
47 |
box-shadow: none; |
48 |
color: #000; |
48 |
color: #000; |
49 |
} |
49 |
} |
50 |
|
50 |
|
51 |
&:hover:not(.disabled) { |
51 |
&:hover:not( .disabled ) { |
52 |
background: transparent none; |
52 |
background: transparent none; |
53 |
border: 0; |
53 |
border: 0; |
54 |
color: #000; |
54 |
color: #000; |
Lines 76-110
table {
Link Here
|
76 |
|
76 |
|
77 |
&.dataTable { |
77 |
&.dataTable { |
78 |
border-collapse: collapse; |
78 |
border-collapse: collapse; |
79 |
margin-top: .5em; |
|
|
80 |
margin-bottom: .5em; |
79 |
margin-bottom: .5em; |
|
|
80 |
margin-top: .5em; |
81 |
|
81 |
|
82 |
&.fixedHeader-floating { |
82 |
&.fixedHeader-floating { |
83 |
margin-top: 0; |
83 |
margin-top: 0; |
84 |
} |
84 |
} |
85 |
|
85 |
|
86 |
&.no-footer { |
|
|
87 |
border: none; |
88 |
} |
89 |
|
90 |
tfoot { |
86 |
tfoot { |
91 |
td, |
87 |
td, |
92 |
th { |
88 |
th { |
93 |
padding: .5em; |
89 |
padding: .5em; |
94 |
border-top: none; |
|
|
95 |
} |
90 |
} |
96 |
} |
91 |
} |
97 |
|
92 |
|
98 |
thead { |
93 |
thead { |
99 |
th, |
94 |
th, |
100 |
td { |
95 |
td { |
|
|
96 |
border-bottom: 1px solid $table-border-color; |
97 |
border-left: 1px solid $table-border-color; |
101 |
padding: .5em; |
98 |
padding: .5em; |
102 |
border-bottom: none; |
99 |
|
|
|
100 |
&:first-child { |
101 |
border-left: 0; |
102 |
} |
103 |
|
104 |
&:last-child { |
105 |
border-right: 0; |
106 |
} |
103 |
} |
107 |
} |
104 |
|
108 |
|
105 |
tr { |
109 |
tr { |
106 |
background-color: #fff; |
|
|
107 |
|
108 |
&.columnFilter { |
110 |
&.columnFilter { |
109 |
th { |
111 |
th { |
110 |
padding: 0; |
112 |
padding: 0; |
Lines 113-139
table {
Link Here
|
113 |
} |
115 |
} |
114 |
|
116 |
|
115 |
.sorting_asc { |
117 |
.sorting_asc { |
116 |
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+") no-repeat scroll right center $table-header-background; |
118 |
background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L2c+PC9zdmc+" ) no-repeat scroll right center $table-header-background; |
117 |
padding-right: 19px; |
119 |
padding-right: 19px; |
118 |
|
120 |
|
119 |
&.fixed_sort { |
121 |
&.fixed_sort { |
120 |
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=") no-repeat scroll right center $table-header-background; |
122 |
background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1IDEuNzRoLTIuMUwzIC42NHoiLz48L3N2Zz4=" ) no-repeat scroll right center $table-header-background; |
121 |
cursor: default; |
123 |
cursor: default; |
122 |
} |
124 |
} |
123 |
} |
125 |
} |
124 |
|
126 |
|
125 |
.sorting_desc { |
127 |
.sorting_desc { |
126 |
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=") no-repeat scroll right center $table-header-background; |
128 |
background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi4zODRtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMiAyLjM4NDAzODkiPjxnPjxwYXRoIGZpbGw9IiMwMDZhY2MiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvZz48L3N2Zz4=" ) no-repeat scroll right center $table-header-background; |
127 |
padding-right: 19px; |
129 |
padding-right: 19px; |
128 |
|
130 |
|
129 |
&.fixed_sort { |
131 |
&.fixed_sort { |
130 |
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background; |
132 |
background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iOS4wMSIgdmlld0JveD0iMCAwIDYgMi4zODQiPjxwYXRoIGZpbGw9IiM5NDk0OTQiIGQ9Ik00LjA1LjY0aC0yLjFMMyAxLjc0eiIvPjwvc3ZnPg==" ) no-repeat scroll right center $table-header-background; |
131 |
cursor: default; |
133 |
cursor: default; |
132 |
} |
134 |
} |
133 |
} |
135 |
} |
134 |
|
136 |
|
135 |
.sorting { |
137 |
.sorting { |
136 |
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==") no-repeat scroll right center $table-header-background; |
138 |
background: url( "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2bW0iIGhlaWdodD0iMi41NTFtbSIgdmlld0JveD0iMCAwIDYuMDAwMDAwMyAyLjU1MDY2MTQiPjxwYXRoIGZpbGw9IiNhY2FjYWMiIGQ9Ik00LjA1IDEuNDVoLTIuMUwzIDIuNTV6Ii8+PHBhdGggZmlsbD0iI2FjYWNhYyIgZD0iTTQuMDUgMS4xaC0yLjFMMyAweiIvPjwvc3ZnPg==" ) no-repeat scroll right center $table-header-background; |
137 |
padding-right: 19px; |
139 |
padding-right: 19px; |
138 |
} |
140 |
} |
139 |
} |
141 |
} |
Lines 150-159
table {
Link Here
|
150 |
tr { |
152 |
tr { |
151 |
&.odd td { |
153 |
&.odd td { |
152 |
background-color: #F3F3F3; |
154 |
background-color: #F3F3F3; |
|
|
155 |
border: 1px solid $table-border-color; |
156 |
border-right: 1px solid $table-border-color; |
153 |
} |
157 |
} |
154 |
|
158 |
|
155 |
&.even td { |
159 |
&.even td { |
156 |
background-color: #FFF; |
160 |
background-color: #FFF; |
|
|
161 |
border-right: 1px solid $table-border-color; |
157 |
} |
162 |
} |
158 |
} |
163 |
} |
159 |
|
164 |
|
Lines 167-178
table {
Link Here
|
167 |
|
172 |
|
168 |
td, |
173 |
td, |
169 |
th { |
174 |
th { |
170 |
padding: .2em .9em; |
175 |
border-bottom: 1px solid $table-border-color; |
171 |
border-left: 1px solid $table-border-color; |
176 |
border-left: 1px solid $table-border-color; |
|
|
177 |
padding: .2em .9em; |
172 |
|
178 |
|
173 |
&:first-child { |
179 |
&:first-child { |
174 |
border-left: none; |
180 |
border-left: none; |
175 |
} |
181 |
} |
|
|
182 |
|
183 |
&:last-child { |
184 |
border-right: none; |
185 |
} |
176 |
} |
186 |
} |
177 |
|
187 |
|
178 |
td { |
188 |
td { |
Lines 183-193
td {
Link Here
|
183 |
white-space: nowrap; |
193 |
white-space: nowrap; |
184 |
} |
194 |
} |
185 |
|
195 |
|
186 |
&.borderless { |
|
|
187 |
border: 0 none; |
188 |
border-collapse: separate; |
189 |
} |
190 |
|
191 |
&.data { |
196 |
&.data { |
192 |
font-family: $font-monospace; |
197 |
font-family: $font-monospace; |
193 |
text-align: right; |
198 |
text-align: right; |
Lines 211-218
td {
Link Here
|
211 |
} |
216 |
} |
212 |
} |
217 |
} |
213 |
|
218 |
|
214 |
|
|
|
215 |
th { |
219 |
th { |
|
|
220 |
background-color: $table-header-background; |
216 |
font-weight: bold; |
221 |
font-weight: bold; |
217 |
text-align: center; |
222 |
text-align: center; |
218 |
|
223 |
|
Lines 226-232
th {
Link Here
|
226 |
} |
231 |
} |
227 |
} |
232 |
} |
228 |
|
233 |
|
229 |
|
|
|
230 |
tr { |
234 |
tr { |
231 |
&.clickable { |
235 |
&.clickable { |
232 |
cursor: pointer; |
236 |
cursor: pointer; |
Lines 273-285
tr {
Link Here
|
273 |
background-color: #FFFFCC; |
277 |
background-color: #FFFFCC; |
274 |
} |
278 |
} |
275 |
|
279 |
|
276 |
&:nth-child(odd) { |
280 |
&:nth-child( odd ) { |
277 |
td { |
281 |
td { |
278 |
background-color: #FFFFCC; |
282 |
background-color: #FFFFCC; |
279 |
} |
283 |
} |
280 |
} |
284 |
} |
281 |
|
285 |
|
282 |
&:nth-child(even) { |
286 |
&:nth-child( even ) { |
283 |
td { |
287 |
td { |
284 |
background-color: #FFFFCC; |
288 |
background-color: #FFFFCC; |
285 |
} |
289 |
} |
Lines 309-315
tr {
Link Here
|
309 |
background-color: #FF9090; |
313 |
background-color: #FF9090; |
310 |
} |
314 |
} |
311 |
|
315 |
|
312 |
&:nth-child(odd) { |
316 |
&:nth-child( odd ) { |
313 |
td { |
317 |
td { |
314 |
background-color: #FF9090; |
318 |
background-color: #FF9090; |
315 |
} |
319 |
} |
Lines 321-332
tr {
Link Here
|
321 |
font-weight: bold; |
325 |
font-weight: bold; |
322 |
} |
326 |
} |
323 |
} |
327 |
} |
324 |
|
328 |
|
325 |
&.debug { |
329 |
&.debug { |
326 |
td { |
330 |
td { |
327 |
font-weight: bold; |
331 |
color: #CC0000; |
328 |
color: red; |
|
|
329 |
font-style: italic; |
332 |
font-style: italic; |
|
|
333 |
font-weight: bold; |
330 |
} |
334 |
} |
331 |
} |
335 |
} |
332 |
} |
336 |
} |
Lines 362-379
caption {
Link Here
|
362 |
} |
366 |
} |
363 |
|
367 |
|
364 |
.warned-row, |
368 |
.warned-row, |
365 |
.warned-row td { background-color: #FF9000 !important } |
369 |
.warned-row td { background-color: #FF9000 !important; } |
366 |
|
370 |
|
367 |
.high-warned-row, |
371 |
.high-warned-row, |
368 |
.high-warned-row td { background-color: #FF0000 !important } |
372 |
.high-warned-row td { background-color: #FF0000 !important; } |
369 |
|
373 |
|
370 |
tbody { |
374 |
tbody { |
371 |
tr { |
375 |
tr { |
372 |
&:nth-child(odd):not(.dtrg-group):not(.active):not(.ok) { |
376 |
&:nth-child( odd ):not( .dtrg-group, .active, .ok ) { |
373 |
td { |
377 |
td { |
374 |
&:not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-primary) { |
378 |
&:not( .bg-danger, .bg-warning, .bg-info, .bg-success, .bg-primary ) { |
375 |
background-color: $table-odd-row; |
379 |
background-color: $table-odd-row; |
376 |
margin: 1em; |
|
|
377 |
} |
380 |
} |
378 |
} |
381 |
} |
379 |
} |
382 |
} |
Lines 385-391
tbody {
Link Here
|
385 |
background-color: #F4F8F9; |
388 |
background-color: #F4F8F9; |
386 |
border: 2px solid #538200; |
389 |
border: 2px solid #538200; |
387 |
border-radius: 3px; |
390 |
border-radius: 3px; |
388 |
box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, .2); |
391 |
box-shadow: 2px 2px 3px 1px rgba( 0, 0, 0, .2 ); |
389 |
color: #333; |
392 |
color: #333; |
390 |
height: unset; |
393 |
height: unset; |
391 |
left: 50%; |
394 |
left: 50%; |
Lines 406-458
tbody {
Link Here
|
406 |
} |
409 |
} |
407 |
|
410 |
|
408 |
.dataTables_length { |
411 |
.dataTables_length { |
409 |
float: none; |
|
|
410 |
display: none; |
412 |
display: none; |
|
|
413 |
float: none; |
411 |
line-height: 1.5em; |
414 |
line-height: 1.5em; |
412 |
padding-right: 1em; |
415 |
padding-right: 1em; |
413 |
} |
416 |
} |
414 |
|
417 |
|
415 |
.dataTables_filter { |
418 |
.dataTables_filter { |
416 |
float: none; |
419 |
float: none; |
417 |
line-height: 1.5em; |
|
|
418 |
padding-right: 1em; |
420 |
padding-right: 1em; |
|
|
421 |
white-space: nowrap; |
422 |
} |
423 |
|
424 |
.dt-buttons { |
425 |
display: flex; |
419 |
} |
426 |
} |
420 |
|
427 |
|
421 |
.dataTables_paginate { |
428 |
.dataTables_paginate { |
|
|
429 |
float: none; |
422 |
line-height: 1.5em; |
430 |
line-height: 1.5em; |
423 |
padding: 0; |
431 |
padding: 0; |
424 |
padding-right: 1em; |
432 |
padding-right: 1em; |
425 |
|
433 |
|
426 |
span { |
434 |
span { |
427 |
.paginate_button { |
435 |
.paginate_button, |
|
|
436 |
.ellipsis { |
428 |
display: none; |
437 |
display: none; |
429 |
} |
438 |
} |
430 |
} |
439 |
} |
431 |
|
440 |
|
432 |
.paginate_button { |
441 |
.paginate_button { |
|
|
442 |
border-radius: 4px; |
443 |
color: #004D99 !important; |
433 |
padding-bottom: 0; |
444 |
padding-bottom: 0; |
434 |
padding-top: 0; |
445 |
padding-top: 0; |
435 |
|
446 |
|
436 |
|
|
|
437 |
&.current, |
438 |
&:hover, |
447 |
&:hover, |
439 |
&:active { |
448 |
&:active { |
440 |
border-radius: 4px; |
449 |
background: #FFC none; |
441 |
color: #666 !important; |
450 |
border: 1px solid transparent; |
|
|
451 |
box-shadow: none; |
452 |
color: #222BAC !important; |
453 |
} |
454 |
|
455 |
&.current { |
456 |
background: lighten( saturate( $background-color-secondary, 7 ), 37 ) none; |
457 |
border: 0; |
458 |
color: #666; |
442 |
font-weight: bold; |
459 |
font-weight: bold; |
443 |
background: #fff; |
460 |
|
|
|
461 |
&:hover, |
462 |
&:active { |
463 |
background: lighten( saturate( $background-color-secondary, 7 ), 45 ) none; |
464 |
border: 0; |
465 |
box-shadow: none; |
466 |
color: #666; |
467 |
cursor: default; |
468 |
} |
444 |
} |
469 |
} |
445 |
|
470 |
|
446 |
&.first, |
471 |
&.first, |
447 |
&.previous, |
472 |
&.previous, |
448 |
&.next, |
473 |
&.next, |
449 |
&.last { |
474 |
&.last { |
450 |
padding: 0; |
|
|
451 |
|
452 |
&::before, |
475 |
&::before, |
453 |
&::after { |
476 |
&::after { |
454 |
display: inline-block; |
477 |
display: inline-block; |
455 |
font-family: FontAwesome; |
478 |
font-family: FontAwesome; |
|
|
479 |
width: 1em; |
456 |
} |
480 |
} |
457 |
} |
481 |
} |
458 |
|
482 |
|
Lines 461-478
tbody {
Link Here
|
461 |
|
485 |
|
462 |
&::before { |
486 |
&::before { |
463 |
content: "\f100"; |
487 |
content: "\f100"; |
|
|
488 |
padding-right: .5em; |
464 |
} |
489 |
} |
465 |
} |
490 |
} |
466 |
|
491 |
|
467 |
&.previous { |
492 |
&.previous { |
468 |
&::before { |
493 |
&::before { |
469 |
content: "\f104"; |
494 |
content: "\f104"; |
|
|
495 |
padding-right: .5em; |
470 |
} |
496 |
} |
471 |
} |
497 |
} |
472 |
|
498 |
|
473 |
&.next { |
499 |
&.next { |
474 |
&::after { |
500 |
&::after { |
475 |
content: "\f105"; |
501 |
content: "\f105"; |
|
|
502 |
padding-left: .5em; |
476 |
} |
503 |
} |
477 |
} |
504 |
} |
478 |
|
505 |
|
Lines 481-583
tbody {
Link Here
|
481 |
|
508 |
|
482 |
&::after { |
509 |
&::after { |
483 |
content: "\f101"; |
510 |
content: "\f101"; |
|
|
511 |
padding-left: .5em; |
484 |
} |
512 |
} |
485 |
} |
513 |
} |
486 |
} |
514 |
} |
487 |
} |
515 |
} |
488 |
} |
516 |
} |
489 |
|
517 |
|
|
|
518 |
.dt-info { |
519 |
margin-top: .5em; |
520 |
} |
521 |
|
522 |
.dt-info + .pager { |
523 |
border-top: 1px solid $table-border-color; |
524 |
margin-top: .3em; |
525 |
} |
526 |
|
490 |
.pager { |
527 |
.pager { |
491 |
display: flex; |
528 |
display: flex; |
|
|
529 |
flex-wrap: wrap; |
492 |
font-size: 90%; |
530 |
font-size: 90%; |
493 |
|
531 |
|
494 |
&.top { |
532 |
&.top { |
495 |
padding: 1em 0; |
533 |
// border-top: 1px solid $table-border-color; |
496 |
margin-top: 1em; |
534 |
padding-top: 1em; |
497 |
margin-bottom: 17px; |
|
|
498 |
} |
535 |
} |
499 |
|
536 |
|
500 |
&.bottom { |
537 |
&.bottom { |
|
|
538 |
border-bottom: 1px solid $table-border-color; |
501 |
padding-bottom: 1em; |
539 |
padding-bottom: 1em; |
502 |
display: none; |
|
|
503 |
} |
540 |
} |
504 |
|
541 |
|
505 |
div.dt-buttons { |
542 |
button, |
506 |
flex-grow: 1; |
543 |
div, |
507 |
display: flex; |
544 |
a { |
508 |
|
545 |
&.dt-button { |
509 |
button:first-of-type { |
546 |
background: transparent none; |
510 |
margin-right: auto; |
547 |
border: 0; |
511 |
} |
548 |
color: #000; |
512 |
} |
549 |
font-size: 1em; |
|
|
550 |
line-height: 1.7em; |
551 |
margin: 3px 3px 0; |
552 |
padding: 0 .5em; |
513 |
|
553 |
|
|
|
554 |
&::before { |
555 |
content: ""; |
556 |
} |
514 |
|
557 |
|
515 |
input { |
558 |
&.disabled { |
516 |
&[type="search"] { |
559 |
color: #999; |
517 |
border: 1px solid #CCC; |
560 |
cursor: default; |
518 |
} |
|
|
519 |
} |
520 |
|
561 |
|
521 |
&:empty { |
562 |
a, |
522 |
border: 0; |
563 |
span { |
523 |
padding: 0; |
564 |
background: transparent none; |
524 |
} |
565 |
} |
525 |
} /* /.pager */ |
566 |
} |
526 |
|
567 |
|
527 |
button, |
568 |
&:active, |
528 |
div, |
569 |
&:focus { |
529 |
a { |
570 |
background: transparent none; |
530 |
&.dt-button { |
571 |
border: 0; |
531 |
background: transparent none; |
572 |
box-shadow: none; |
532 |
border: 0; |
573 |
text-shadow: none; |
533 |
color: #696969; |
|
|
534 |
font-size: 1em; |
535 |
line-height: 1.7em; |
536 |
margin: 0 3px 0 0; |
537 |
padding: 0 .5em; |
538 |
position: relative; |
539 |
|
574 |
|
540 |
&::before { |
575 |
&:not( .disabled ):hover:not( .disabled ) { |
541 |
content: ''; |
576 |
background: transparent none; |
542 |
} |
577 |
box-shadow: none; |
|
|
578 |
} |
579 |
} |
543 |
|
580 |
|
544 |
&.disabled { |
581 |
&:hover { |
545 |
color: #999; |
582 |
background: transparent none; |
546 |
cursor: default; |
583 |
border: 0; |
547 |
|
584 |
|
548 |
span { |
585 |
&:not( .disabled ) { |
549 |
background-color: transparent; |
586 |
background: transparent none; |
|
|
587 |
} |
550 |
} |
588 |
} |
551 |
} |
|
|
552 |
|
553 |
&:active, |
554 |
&:focus { |
555 |
background: transparent none; |
556 |
border: 0; |
557 |
box-shadow: none; |
558 |
text-shadow: none; |
559 |
|
589 |
|
560 |
&:not(.disabled):hover:not(.disabled) { |
590 |
&.active:not( .disabled ):hover:not( .disabled ) { |
561 |
background: transparent none; |
591 |
background: transparent none; |
562 |
box-shadow: none; |
592 |
box-shadow: none; |
563 |
} |
593 |
} |
564 |
} |
594 |
} |
|
|
595 |
} |
565 |
|
596 |
|
566 |
&:hover { |
597 |
input { |
567 |
background: transparent none; |
598 |
&[type="search"] { |
568 |
|
599 |
border: 1px solid #CCC; |
569 |
&:not(.disabled) { |
|
|
570 |
border: none; |
571 |
background: transparent none; |
572 |
} |
573 |
} |
600 |
} |
|
|
601 |
} |
574 |
|
602 |
|
575 |
&.active:not(.disabled):hover:not(.disabled) { |
603 |
&:empty { |
576 |
background: transparent none; |
604 |
border: 0; |
577 |
box-shadow: none; |
605 |
padding: 0; |
578 |
} |
|
|
579 |
} |
606 |
} |
580 |
} |
607 |
} /* /.pager */ |
581 |
|
608 |
|
582 |
.toptabs { |
609 |
.toptabs { |
583 |
.pager { |
610 |
.pager { |
Lines 585-595
a {
Link Here
|
585 |
padding-bottom: .7em; |
612 |
padding-bottom: .7em; |
586 |
padding-top: .7em; |
613 |
padding-top: .7em; |
587 |
|
614 |
|
588 |
&.top { |
|
|
589 |
border-top: 0; |
590 |
padding-top: 0; |
591 |
} |
592 |
|
593 |
&.bottom { |
615 |
&.bottom { |
594 |
border-bottom: 0; |
616 |
border-bottom: 0; |
595 |
padding-bottom: 0; |
617 |
padding-bottom: 0; |
Lines 654-660
div {
Link Here
|
654 |
} |
676 |
} |
655 |
} |
677 |
} |
656 |
|
678 |
|
657 |
&:active:not(.disabled):hover:not(.disabled) { |
679 |
&:active:not( .disabled ):hover:not( .disabled ) { |
658 |
background: transparent none; |
680 |
background: transparent none; |
659 |
box-shadow: none; |
681 |
box-shadow: none; |
660 |
} |
682 |
} |
Lines 668-674
div {
Link Here
|
668 |
background: #FFC none; |
690 |
background: #FFC none; |
669 |
|
691 |
|
670 |
&::before { |
692 |
&::before { |
671 |
color: #CC0000; |
693 |
color: #CC0000; |
672 |
content: "\f00d"; |
694 |
content: "\f00d"; |
673 |
display: inline-block; |
695 |
display: inline-block; |
674 |
font-family: FontAwesome; |
696 |
font-family: FontAwesome; |
Lines 677-683
div {
Link Here
|
677 |
} |
699 |
} |
678 |
} |
700 |
} |
679 |
|
701 |
|
680 |
&:not(.disabled):hover:not(.disabled) { |
702 |
&:not( .disabled ):hover:not( .disabled ) { |
681 |
background: transparent none; |
703 |
background: transparent none; |
682 |
box-shadow: none; |
704 |
box-shadow: none; |
683 |
} |
705 |
} |
Lines 708-714
div {
Link Here
|
708 |
} |
730 |
} |
709 |
} |
731 |
} |
710 |
|
732 |
|
711 |
&.buttons-html5:not(.disabled)::before { |
733 |
&.buttons-html5:not( .disabled )::before { |
712 |
color: #222BAC; |
734 |
color: #222BAC; |
713 |
display: inline-block; |
735 |
display: inline-block; |
714 |
font-family: FontAwesome; |
736 |
font-family: FontAwesome; |
Lines 716-760
div {
Link Here
|
716 |
width: 1em; |
738 |
width: 1em; |
717 |
} |
739 |
} |
718 |
|
740 |
|
719 |
&.buttons-excel:not(.disabled)::before { |
741 |
&.buttons-excel:not( .disabled )::before { |
720 |
content: "\f1c3"; |
742 |
content: "\f1c3"; |
721 |
} |
743 |
} |
722 |
|
744 |
|
723 |
&.buttons-csv:not(.disabled)::before { |
745 |
&.buttons-csv:not( .disabled )::before { |
724 |
content: "\f0ce"; |
746 |
content: "\f0ce"; |
725 |
} |
747 |
} |
726 |
|
748 |
|
727 |
&.buttons-copy:not(.disabled)::before { |
749 |
&.buttons-copy:not( .disabled )::before { |
728 |
content: "\f0c5"; |
750 |
content: "\f0c5"; |
729 |
} |
751 |
} |
730 |
|
752 |
|
731 |
&.buttons-print:not(.disabled)::before { |
753 |
&.buttons-print:not( .disabled )::before { |
732 |
color: #222BAC; |
754 |
color: #222BAC; |
733 |
content: "\f02f"; |
755 |
content: "\f02f"; |
734 |
display: inline-block; |
756 |
display: inline-block; |
735 |
font-family: FontAwesome; |
757 |
font-family: FontAwesome; |
736 |
margin-right: .5em; |
758 |
margin-right: .5em; |
737 |
width: 1em; |
759 |
width: 1em; |
738 |
} |
760 |
} |
739 |
|
|
|
740 |
} |
761 |
} |
741 |
} |
762 |
} |
742 |
} |
763 |
} |
743 |
} |
764 |
} |
744 |
|
765 |
|
745 |
.table_entries { |
766 |
.table_entries { |
|
|
767 |
clear: both; |
746 |
display: flex; |
768 |
display: flex; |
747 |
} |
769 |
} |
748 |
|
770 |
|
749 |
.table_controls { |
771 |
.table_controls { |
750 |
border-top: 1px solid #EEE; |
772 |
border-top: 1px solid #EEE; |
751 |
display: flex; |
773 |
display: flex; |
752 |
flex-grow: 1; |
|
|
753 |
margin-top: .5em; |
774 |
margin-top: .5em; |
754 |
padding-top: .5em; |
775 |
padding-top: .5em; |
755 |
} |
776 |
} |
756 |
|
777 |
|
757 |
@media (min-width: 1275px) { |
778 |
@media ( min-width: 1275px ) { |
758 |
.dt-button-text { |
779 |
.dt-button-text { |
759 |
display: inline; |
780 |
display: inline; |
760 |
} |
781 |
} |
Lines 785-819
div {
Link Here
|
785 |
|
806 |
|
786 |
@media only screen and ( max-width: 767px ) { |
807 |
@media only screen and ( max-width: 767px ) { |
787 |
.dataTables_wrapper { |
808 |
.dataTables_wrapper { |
|
|
809 |
.dataTables_info, |
788 |
.dataTables_paginate { |
810 |
.dataTables_paginate { |
789 |
margin-top: 0; |
811 |
float: none; |
|
|
812 |
text-align: left; |
790 |
} |
813 |
} |
791 |
} |
814 |
} |
792 |
|
|
|
793 |
} |
815 |
} |
794 |
|
816 |
|
795 |
@media only screen and (min-width: 950px) and (max-width: 1125px) { |
817 |
@media only screen and ( min-width: 950px ) and ( max-width: 1125px ) { |
796 |
.dt-button-text { |
818 |
.dt-button-text { |
797 |
display: none; |
819 |
display: none; |
798 |
} |
820 |
} |
799 |
} |
821 |
} |
800 |
|
822 |
|
801 |
@media only screen and ( min-width: 950px ) { |
823 |
@media only screen and ( min-width: 950px ) { |
|
|
824 |
.table_entries, |
825 |
.table_controls { |
826 |
border-top: 0; |
827 |
clear: none; |
828 |
margin: 0; |
829 |
padding: 0; |
830 |
} |
831 |
} |
832 |
|
833 |
@media only screen and (min-width: 1500px) { |
802 |
.dataTables_wrapper { |
834 |
.dataTables_wrapper { |
803 |
.dataTables_paginate { |
835 |
.dataTables_paginate { |
804 |
span { |
836 |
span { |
805 |
.paginate_button { |
837 |
.paginate_button, |
|
|
838 |
.ellipsis { |
806 |
display: inline-block; |
839 |
display: inline-block; |
807 |
} |
840 |
} |
808 |
} |
841 |
} |
809 |
} |
842 |
} |
810 |
} |
843 |
} |
811 |
|
|
|
812 |
.table_entries, |
813 |
.table_controls { |
814 |
border-top: 0; |
815 |
clear: none; |
816 |
margin: 0; |
817 |
padding: 0; |
818 |
} |
819 |
} |
844 |
} |