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