|
Lines 544-551
div.dt-button-collection button.dt-button.buttons-print:not( .disabled )::before
Link Here
|
| 544 |
} |
544 |
} |
| 545 |
} |
545 |
} |
| 546 |
|
546 |
|
|
|
547 |
/* div.dt-container .dt-paging .dt-paging-button { |
| 548 |
background: transparent; |
| 549 |
border: 1px solid transparent; |
| 550 |
border-radius: 2px; |
| 551 |
box-sizing: border-box; |
| 552 |
cursor: pointer; |
| 553 |
display: inline-block; |
| 554 |
margin-left: 2px; |
| 555 |
min-width: 1.5em; |
| 556 |
padding: .5em 1em; |
| 557 |
text-align: center; |
| 558 |
} |
| 559 |
|
| 560 |
div.dt-container .dt-paging .dt-paging-button.current |
| 561 |
div.dt-container .dt-paging .dt-paging-button.current:hover { |
| 562 |
border: 1px solid rgba( 0, 0, 0, .3 ); |
| 563 |
} |
| 564 |
|
| 565 |
div.dt-container .dt-paging .dt-paging-button.disabled, |
| 566 |
div.dt-container .dt-paging .dt-paging-button.disabled:hover, |
| 567 |
div.dt-container .dt-paging .dt-paging-button.disabled:active { |
| 568 |
border: 1px solid transparent; |
| 569 |
box-shadow: none; |
| 570 |
cursor: default; |
| 571 |
} |
| 572 |
|
| 573 |
div.dt-container .dt-paging .dt-paging-button:hover { |
| 574 |
border: 1px solid #111; |
| 575 |
} |
| 576 |
|
| 577 |
div.dt-container .dt-paging .dt-paging-button:active { |
| 578 |
} |
| 579 |
|
| 580 |
div.dt-container .dt-paging .ellipsis { |
| 581 |
padding: 0 1em; |
| 582 |
} |
| 583 |
|
| 584 |
div.dt-container .dt-length, |
| 585 |
div.dt-container .dt-search, |
| 586 |
div.dt-container .dt-info, |
| 587 |
div.dt-container .dt-processing, |
| 588 |
div.dt-container .dt-paging { |
| 589 |
color: inherit; |
| 590 |
} */ |
| 591 |
|
| 592 |
.table_entries { |
| 593 |
clear: both; |
| 594 |
display: flex; |
| 595 |
} |
| 596 |
|
| 597 |
div.dt-container .dt-length { |
| 598 |
display: none; |
| 599 |
float: none; |
| 600 |
line-height: 1.5em; |
| 601 |
padding-right: 1em; |
| 602 |
} |
| 603 |
|
| 604 |
.dt-paging-button { |
| 605 |
background: transparent none; |
| 606 |
border: 1px solid transparent; |
| 607 |
border-radius: .375rem; |
| 608 |
color: $link-color; |
| 609 |
font-weight: bold; |
| 610 |
padding: .2rem 1rem; |
| 611 |
|
| 612 |
&:hover, |
| 613 |
&:active { |
| 614 |
background: transparent none; |
| 615 |
border: 1px solid rgba( 0, 99, 148, .5 ); |
| 616 |
box-shadow: none; |
| 617 |
color: darken( $link-color, 5 ); |
| 618 |
text-decoration: none; |
| 619 |
} |
| 620 |
|
| 621 |
&.current { |
| 622 |
background: transparent none; |
| 623 |
border: 1px solid transparent; |
| 624 |
color: $black; |
| 625 |
|
| 626 |
&:hover, |
| 627 |
&:active { |
| 628 |
background: transparent none; |
| 629 |
border: 1px solid transparent; |
| 630 |
box-shadow: none; |
| 631 |
color: $black; |
| 632 |
cursor: default; |
| 633 |
text-decoration: none; |
| 634 |
} |
| 635 |
} |
| 636 |
|
| 637 |
&.disabled { |
| 638 |
color: lighten( desaturate( adjust-hue( $link-color, -1 ), 75 ), 9 ); |
| 639 |
|
| 640 |
&:hover, |
| 641 |
&:active { |
| 642 |
background: transparent none; |
| 643 |
border: 1px solid transparent; |
| 644 |
box-shadow: none; |
| 645 |
color: $link-color; |
| 646 |
cursor: default; |
| 647 |
text-decoration: none; |
| 648 |
} |
| 649 |
} |
| 650 |
|
| 651 |
&.first, |
| 652 |
&.previous, |
| 653 |
&.next, |
| 654 |
&.last { |
| 655 |
&::before, |
| 656 |
&::after { |
| 657 |
display: inline-block; |
| 658 |
font-family: "Font Awesome 6 Free"; |
| 659 |
width: 1em; |
| 660 |
} |
| 661 |
} |
| 662 |
|
| 663 |
&.first { |
| 664 |
display: none; |
| 665 |
|
| 666 |
&::before { |
| 667 |
content: "\f100"; |
| 668 |
padding-right: 1.1rem; |
| 669 |
} |
| 670 |
} |
| 671 |
|
| 672 |
&.previous { |
| 673 |
&::before { |
| 674 |
content: "\f104"; |
| 675 |
padding-right: 1rem; |
| 676 |
} |
| 677 |
} |
| 678 |
|
| 679 |
&.next { |
| 680 |
&::after { |
| 681 |
content: "\f105"; |
| 682 |
padding-left: .5rem; |
| 683 |
} |
| 684 |
} |
| 685 |
|
| 686 |
&.last { |
| 687 |
display: none; |
| 688 |
|
| 689 |
&::after { |
| 690 |
content: "\f101"; |
| 691 |
padding-left: .5rem; |
| 692 |
} |
| 693 |
} |
| 694 |
} |
| 695 |
|
| 696 |
.dt-info + .pager { |
| 697 |
border-top: 1px solid #BCBCBC; |
| 698 |
margin-top: .3em; |
| 699 |
} |
| 700 |
|
| 701 |
.dt-paging + .dt-info { |
| 702 |
border-top: 1px solid #BCBCBC; |
| 703 |
padding-top: .5rem; |
| 704 |
} |
| 705 |
|
| 706 |
@media ( min-width: 1275px ) { |
| 707 |
.dt-button-text { |
| 708 |
display: inline; |
| 709 |
} |
| 710 |
|
| 711 |
div { |
| 712 |
.dt-container { |
| 713 |
.dt-paging { |
| 714 |
.dt-paging-button { |
| 715 |
&.first, |
| 716 |
&.last { |
| 717 |
display: inline-block; |
| 718 |
} |
| 719 |
} |
| 720 |
} |
| 721 |
} |
| 722 |
} |
| 723 |
} |
| 724 |
|
| 725 |
@media only screen and ( min-width: 500px ) { |
| 726 |
div { |
| 727 |
.dt-container { |
| 728 |
.dt-length { |
| 729 |
display: block; |
| 730 |
} |
| 731 |
} |
| 732 |
} |
| 733 |
} |
| 734 |
|
| 735 |
@media only screen and ( max-width: 767px ) { |
| 736 |
div { |
| 737 |
.dt-container { |
| 738 |
.dt-info, |
| 739 |
.dt-paging { |
| 740 |
float: none; |
| 741 |
text-align: left; |
| 742 |
} |
| 743 |
} |
| 744 |
} |
| 745 |
} |
| 746 |
|
| 747 |
@media only screen and ( min-width: 950px ) and ( max-width: 1125px ) { |
| 748 |
.dt-button-text { |
| 749 |
display: none; |
| 750 |
} |
| 751 |
} |
| 752 |
|
| 753 |
@media only screen and ( min-width: 950px ) { |
| 754 |
.table_entries, |
| 755 |
.table_controls { |
| 756 |
border-top: 0; |
| 757 |
clear: none; |
| 758 |
margin: 0; |
| 759 |
padding: 0; |
| 760 |
} |
| 761 |
} |
| 762 |
|
| 763 |
@media only screen and ( min-width: 1500px ) { |
| 764 |
div { |
| 765 |
.dt-container { |
| 766 |
.dt-paging { |
| 767 |
span { |
| 768 |
.dt-paging-button, |
| 769 |
.ellipsis { |
| 770 |
display: inline-block; |
| 771 |
} |
| 772 |
} |
| 773 |
} |
| 774 |
} |
| 775 |
} |
| 776 |
} |
| 777 |
|
| 778 |
.dt-button.processing { |
| 779 |
color: rgba( 0, 0, 0, .2 ); |
| 780 |
|
| 781 |
&::after { |
| 782 |
animation: dtb-spinner 1500ms infinite linear; |
| 783 |
border: 2px solid rgb( 40, 40, 40 ); |
| 784 |
border-left-color: transparent; |
| 785 |
border-radius: 50%; |
| 786 |
border-right-color: transparent; |
| 787 |
box-sizing: border-box; |
| 788 |
content: " "; |
| 789 |
display: block; |
| 790 |
height: 16px; |
| 791 |
left: 50%; |
| 792 |
margin: -8px 0 0 -8px; |
| 793 |
position: absolute; |
| 794 |
top: 50%; |
| 795 |
width: 16px; |
| 796 |
} |
| 797 |
} |
| 798 |
|
| 799 |
.dt-processing { |
| 800 |
background-color: #F4F8F9; |
| 801 |
border: 1px solid darken( $base-theme-color, 10% ); |
| 802 |
box-shadow: 2px 2px 3px 1px rgba( 0, 0, 0, .2 ); |
| 803 |
left: 50%; |
| 804 |
margin-left: -100px; |
| 805 |
margin-top: -22px; |
| 806 |
padding: .7rem; |
| 807 |
position: absolute; |
| 808 |
text-align: center; |
| 809 |
top: 50%; |
| 810 |
width: 200px; |
| 811 |
z-index: 10; |
| 812 |
|
| 813 |
> div:last-child { |
| 814 |
// background: $base-theme-color; |
| 815 |
height: 15px; |
| 816 |
margin: 1em auto; |
| 817 |
position: relative; |
| 818 |
width: 80px; |
| 819 |
|
| 820 |
> div { |
| 821 |
animation-timing-function: cubic-bezier( 0, 1, 1, 0 ); |
| 822 |
background: $base-theme-color none; |
| 823 |
border-radius: 50%; |
| 824 |
height: 13px; |
| 825 |
position: absolute; |
| 826 |
top: 0; |
| 827 |
width: 13px; |
| 828 |
|
| 829 |
&:nth-child( 1 ) { |
| 830 |
animation: datatables-loader-1 .6s infinite; |
| 831 |
left: 8px; |
| 832 |
} |
| 833 |
|
| 834 |
&:nth-child( 2 ) { |
| 835 |
animation: datatables-loader-2 .6s infinite; |
| 836 |
left: 8px; |
| 837 |
} |
| 838 |
|
| 839 |
&:nth-child( 3 ) { |
| 840 |
animation: datatables-loader-2 .6s infinite; |
| 841 |
left: 32px; |
| 842 |
} |
| 843 |
|
| 844 |
&:nth-child( 4 ) { |
| 845 |
animation: datatables-loader-3 .6s infinite; |
| 846 |
left: 56px; |
| 847 |
} |
| 848 |
} |
| 849 |
} |
| 850 |
} |
| 851 |
|
| 547 |
table { |
852 |
table { |
| 548 |
th |
853 |
th, |
| 549 |
td { |
854 |
td { |
| 550 |
line-height: 135%; |
855 |
line-height: 135%; |
| 551 |
} |
856 |
} |