|
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 |
} |