5
5
--dt-row-stripe : 0 , 0 , 0 ;
6
6
--dt-row-hover : 0 , 0 , 0 ;
7
7
--dt-column-ordering : 0 , 0 , 0 ;
8
+ --dt-header-align-items : center;
8
9
--dt-html-background : white;
9
10
}
10
11
: root .dark {
@@ -77,6 +78,7 @@ div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
77
78
--dt-row-stripe : 0 , 0 , 0 ;
78
79
--dt-row-hover : 0 , 0 , 0 ;
79
80
--dt-column-ordering : 0 , 0 , 0 ;
81
+ --dt-header-align-items : center;
80
82
--dt-html-background : white;
81
83
}
82
84
: root .dark {
@@ -350,6 +352,7 @@ table.dataTable td.dt-type-numeric div.dt-column-footer,
350
352
table .dataTable td .dt-type-date div .dt-column-header ,
351
353
table .dataTable td .dt-type-date div .dt-column-footer {
352
354
flex-direction : row-reverse;
355
+ align-items : var (--dt-header-align-items );
353
356
}
354
357
table .dataTable th .dt-left ,
355
358
table .dataTable td .dt-left {
@@ -761,12 +764,12 @@ div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-pagi
761
764
color : inherit !important ;
762
765
border : 1px solid rgba (0 , 0 , 0 , 0.3 );
763
766
background-color : rgba (0 , 0 , 0 , 0.05 );
764
- background : -webkit-gradient (linear, left top, left bottom, color-stop (0% , rgba (230 , 230 , 230 , 0.05 )), color-stop (100% , rgba (0 , 0 , 0 , 0.05 ))); /* Chrome,Safari4+ */
765
- background : -webkit-linear-gradient (top, rgba (230 , 230 , 230 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* Chrome10+,Safari5.1+ */
766
- background : -moz-linear-gradient (top, rgba (230 , 230 , 230 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* FF3.6+ */
767
- background : -ms-linear-gradient (top, rgba (230 , 230 , 230 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* IE10+ */
768
- background : -o-linear-gradient (top, rgba (230 , 230 , 230 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* Opera 11.10+ */
769
- background : linear-gradient (to bottom, rgba (230 , 230 , 230 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* W3C */
767
+ background : -webkit-gradient (linear, left top, left bottom, color-stop (0% , rgba (229.5 , 229.5 , 229.5 , 0.05 )), color-stop (100% , rgba (0 , 0 , 0 , 0.05 ))); /* Chrome,Safari4+ */
768
+ background : -webkit-linear-gradient (top, rgba (229.5 , 229.5 , 229.5 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* Chrome10+,Safari5.1+ */
769
+ background : -moz-linear-gradient (top, rgba (229.5 , 229.5 , 229.5 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* FF3.6+ */
770
+ background : -ms-linear-gradient (top, rgba (229.5 , 229.5 , 229.5 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* IE10+ */
771
+ background : -o-linear-gradient (top, rgba (229.5 , 229.5 , 229.5 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* Opera 11.10+ */
772
+ background : linear-gradient (to bottom, rgba (229.5 , 229.5 , 229.5 , 0.05 ) 0% , rgba (0 , 0 , 0 , 0.05 ) 100% ); /* W3C */
770
773
}
771
774
div .dt-container .dt-paging .dt-paging-button .disabled , div .dt-container .dt-paging .dt-paging-button .disabled : hover , div .dt-container .dt-paging .dt-paging-button .disabled : active {
772
775
cursor : default;
@@ -779,22 +782,22 @@ div.dt-container .dt-paging .dt-paging-button:hover {
779
782
color : white !important ;
780
783
border : 1px solid # 111 ;
781
784
background-color : # 111 ;
782
- background : -webkit-gradient (linear, left top, left bottom, color-stop (0% , # 585858 ), color-stop (100% , # 111 )); /* Chrome,Safari4+ */
783
- background : -webkit-linear-gradient (top, # 585858 0% , # 111 100% ); /* Chrome10+,Safari5.1+ */
784
- background : -moz-linear-gradient (top, # 585858 0% , # 111 100% ); /* FF3.6+ */
785
- background : -ms-linear-gradient (top, # 585858 0% , # 111 100% ); /* IE10+ */
786
- background : -o-linear-gradient (top, # 585858 0% , # 111 100% ); /* Opera 11.10+ */
787
- background : linear-gradient (to bottom, # 585858 0% , # 111 100% ); /* W3C */
785
+ background : -webkit-gradient (linear, left top, left bottom, color-stop (0% , rgb ( 88.4 , 88.4 , 88.4 ) ), color-stop (100% , # 111 )); /* Chrome,Safari4+ */
786
+ background : -webkit-linear-gradient (top, rgb ( 88.4 , 88.4 , 88.4 ) 0% , # 111 100% ); /* Chrome10+,Safari5.1+ */
787
+ background : -moz-linear-gradient (top, rgb ( 88.4 , 88.4 , 88.4 ) 0% , # 111 100% ); /* FF3.6+ */
788
+ background : -ms-linear-gradient (top, rgb ( 88.4 , 88.4 , 88.4 ) 0% , # 111 100% ); /* IE10+ */
789
+ background : -o-linear-gradient (top, rgb ( 88.4 , 88.4 , 88.4 ) 0% , # 111 100% ); /* Opera 11.10+ */
790
+ background : linear-gradient (to bottom, rgb ( 88.4 , 88.4 , 88.4 ) 0% , # 111 100% ); /* W3C */
788
791
}
789
792
div .dt-container .dt-paging .dt-paging-button : active {
790
793
outline : none;
791
- background-color : # 0c0c0c ;
792
- background : -webkit-gradient (linear, left top, left bottom, color-stop (0% , # 2b2b2b ) , color-stop (100% , # 0c0c0c )); /* Chrome,Safari4+ */
793
- background : -webkit-linear-gradient (top, # 2b2b2b 0% , # 0c0c0c 100% ); /* Chrome10+,Safari5.1+ */
794
- background : -moz-linear-gradient (top, # 2b2b2b 0% , # 0c0c0c 100% ); /* FF3.6+ */
795
- background : -ms-linear-gradient (top, # 2b2b2b 0% , # 0c0c0c 100% ); /* IE10+ */
796
- background : -o-linear-gradient (top, # 2b2b2b 0% , # 0c0c0c 100% ); /* Opera 11.10+ */
797
- background : linear-gradient (to bottom, # 2b2b2b 0% , # 0c0c0c 100% ); /* W3C */
794
+ background-color : rgb ( 11.9 , 11.9 , 11.9 ) ;
795
+ background : -webkit-gradient (linear, left top, left bottom, color-stop (0% , rgb ( 42.5 , 42.5 , 42.5 )) , color-stop (100% , rgb ( 11.9 , 11.9 , 11.9 ) )); /* Chrome,Safari4+ */
796
+ background : -webkit-linear-gradient (top, rgb ( 42.5 , 42.5 , 42.5 ) 0% , rgb ( 11.9 , 11.9 , 11.9 ) 100% ); /* Chrome10+,Safari5.1+ */
797
+ background : -moz-linear-gradient (top, rgb ( 42.5 , 42.5 , 42.5 ) 0% , rgb ( 11.9 , 11.9 , 11.9 ) 100% ); /* FF3.6+ */
798
+ background : -ms-linear-gradient (top, rgb ( 42.5 , 42.5 , 42.5 ) 0% , rgb ( 11.9 , 11.9 , 11.9 ) 100% ); /* IE10+ */
799
+ background : -o-linear-gradient (top, rgb ( 42.5 , 42.5 , 42.5 ) 0% , rgb ( 11.9 , 11.9 , 11.9 ) 100% ); /* Opera 11.10+ */
800
+ background : linear-gradient (to bottom, rgb ( 42.5 , 42.5 , 42.5 ) 0% , rgb ( 11.9 , 11.9 , 11.9 ) 100% ); /* W3C */
798
801
box-shadow : inset 0 0 3px # 111 ;
799
802
}
800
803
div .dt-container .dt-paging .ellipsis {
@@ -882,7 +885,7 @@ html.dark .dt-container .dt-paging .dt-paging-button:hover {
882
885
background : rgb (53 , 53 , 53 );
883
886
}
884
887
html .dark .dt-container .dt-paging .dt-paging-button : active {
885
- background : # 3a3a3a ;
888
+ background : rgb ( 58.1 , 58.1 , 58.1 ) ;
886
889
}
887
890
888
891
/*
0 commit comments