55 --dt-row-stripe : 0 , 0 , 0 ;
66 --dt-row-hover : 0 , 0 , 0 ;
77 --dt-column-ordering : 0 , 0 , 0 ;
8+ --dt-header-align-items : center;
89 --dt-html-background : white;
910}
1011: root .dark {
@@ -77,6 +78,7 @@ div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
7778 --dt-row-stripe : 0 , 0 , 0 ;
7879 --dt-row-hover : 0 , 0 , 0 ;
7980 --dt-column-ordering : 0 , 0 , 0 ;
81+ --dt-header-align-items : center;
8082 --dt-html-background : white;
8183}
8284: root .dark {
@@ -350,6 +352,7 @@ table.dataTable td.dt-type-numeric div.dt-column-footer,
350352table .dataTable td .dt-type-date div .dt-column-header ,
351353table .dataTable td .dt-type-date div .dt-column-footer {
352354 flex-direction : row-reverse;
355+ align-items : var (--dt-header-align-items );
353356}
354357table .dataTable th .dt-left ,
355358table .dataTable td .dt-left {
@@ -761,12 +764,12 @@ div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-pagi
761764 color : inherit !important ;
762765 border : 1px solid rgba (0 , 0 , 0 , 0.3 );
763766 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 */
770773}
771774div .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 {
772775 cursor : default;
@@ -779,22 +782,22 @@ div.dt-container .dt-paging .dt-paging-button:hover {
779782 color : white !important ;
780783 border : 1px solid # 111 ;
781784 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 */
788791}
789792div .dt-container .dt-paging .dt-paging-button : active {
790793 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 */
798801 box-shadow : inset 0 0 3px # 111 ;
799802}
800803div .dt-container .dt-paging .ellipsis {
@@ -882,7 +885,7 @@ html.dark .dt-container .dt-paging .dt-paging-button:hover {
882885 background : rgb (53 , 53 , 53 );
883886}
884887html .dark .dt-container .dt-paging .dt-paging-button : active {
885- background : # 3a3a3a ;
888+ background : rgb ( 58.1 , 58.1 , 58.1 ) ;
886889}
887890
888891/*
0 commit comments