109 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
			
		
		
	
	
			109 lines
		
	
	
		
			3.2 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
| @charset "UTF-8";
 | |
| table.dataTable > tbody > tr > .selected {
 | |
|   background-color: rgba(13, 110, 253, 0.9);
 | |
|   color: white;
 | |
| }
 | |
| 
 | |
| table.dataTable > tbody > tr > td.select-checkbox,
 | |
| table.dataTable > tbody > tr > th.select-checkbox {
 | |
|   position: relative;
 | |
| }
 | |
| 
 | |
| table.dataTable > tbody > tr > td.select-checkbox:before, table.dataTable > tbody > tr > td.select-checkbox:after,
 | |
| table.dataTable > tbody > tr > th.select-checkbox:before,
 | |
| table.dataTable > tbody > tr > th.select-checkbox:after {
 | |
|   display: block;
 | |
|   position: absolute;
 | |
|   top: 50%;
 | |
|   left: 50%;
 | |
|   width: 12px;
 | |
|   height: 12px;
 | |
|   box-sizing: border-box;
 | |
| }
 | |
| 
 | |
| table.dataTable > tbody > tr > td.select-checkbox:before,
 | |
| table.dataTable > tbody > tr > th.select-checkbox:before {
 | |
|   content: " ";
 | |
|   margin-top: -6px;
 | |
|   margin-left: -6px;
 | |
|   border: 1px solid black;
 | |
|   border-radius: 3px;
 | |
| }
 | |
| 
 | |
| table.dataTable > tbody > tr.selected > td.select-checkbox:before,
 | |
| table.dataTable > tbody > tr.selected > th.select-checkbox:before {
 | |
|   border: 1px solid white;
 | |
| }
 | |
| 
 | |
| table.dataTable > tbody > tr.selected > td.select-checkbox:after,
 | |
| table.dataTable > tbody > tr.selected > th.select-checkbox:after {
 | |
|   content: "✓";
 | |
|   font-size: 20px;
 | |
|   margin-top: -12px;
 | |
|   margin-left: -6px;
 | |
|   text-align: center;
 | |
| }
 | |
| 
 | |
| table.dataTable.compact > tbody > tr > td.select-checkbox:before,
 | |
| table.dataTable.compact > tbody > tr > th.select-checkbox:before {
 | |
|   margin-top: -12px;
 | |
| }
 | |
| 
 | |
| table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after,
 | |
| table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after {
 | |
|   margin-top: -16px;
 | |
| }
 | |
| 
 | |
| div.dataTables_wrapper span.select-info,
 | |
| div.dataTables_wrapper span.select-item {
 | |
|   margin-left: 0.5em;
 | |
| }
 | |
| 
 | |
| html.dark table.dataTable > tbody > tr > td.select-checkbox:before,
 | |
| html.dark table.dataTable > tbody > tr > th.select-checkbox:before,
 | |
| html[data-bs-theme=dark] table.dataTable > tbody > tr > td.select-checkbox:before,
 | |
| html[data-bs-theme=dark] table.dataTable > tbody > tr > th.select-checkbox:before {
 | |
|   border: 1px solid rgba(255, 255, 255, 0.6);
 | |
| }
 | |
| 
 | |
| @media screen and (max-width: 640px) {
 | |
|   div.dataTables_wrapper span.select-info,
 | |
|   div.dataTables_wrapper span.select-item {
 | |
|     margin-left: 0;
 | |
|     display: block;
 | |
|   }
 | |
| }
 | |
| table.dataTable.table-sm tbody td.select-checkbox::before {
 | |
|   margin-top: -9px;
 | |
| }
 | |
| 
 | |
| .light-style table.dataTable tbody > tr.selected,
 | |
| .light-style table.dataTable tbody > tr > .selected {
 | |
|   background-color: #f8f9f9;
 | |
| }
 | |
| .light-style table.dataTable tbody > tr.selected > *,
 | |
| .light-style table.dataTable tbody > tr > .selected > * {
 | |
|   box-shadow: inset 0 0 0 rgba(34, 48, 62, 0.06);
 | |
|   color: #646e78;
 | |
| }
 | |
| .light-style table.dataTable tbody tr.selected,
 | |
| .light-style table.dataTable tbody th.selected,
 | |
| .light-style table.dataTable tbody td.selected {
 | |
|   color: #646e78;
 | |
| }
 | |
| 
 | |
| .dark-style table.dataTable tbody > tr.selected,
 | |
| .dark-style table.dataTable tbody > tr > .selected {
 | |
|   background-color: rgba(230, 230, 241, 0.08);
 | |
| }
 | |
| .dark-style table.dataTable tbody > tr.selected > *,
 | |
| .dark-style table.dataTable tbody > tr > .selected > * {
 | |
|   box-shadow: inset 0 0 0 rgba(230, 230, 241, 0.06);
 | |
|   color: #b2b2c4;
 | |
| }
 | |
| .dark-style table.dataTable tbody tr.selected,
 | |
| .dark-style table.dataTable tbody th.selected,
 | |
| .dark-style table.dataTable tbody td.selected {
 | |
|   color: inherit;
 | |
| }
 |