MediaWiki:CustomDatatable.css: Difference between revisions

Latest revision as of 09:44, 26 February 2026

.dt-container:not(.dts) {
	border-radius: 0.75rem !important;
}

.cc-card-body--table .dt-container {
	border: none !important;
}

.cc-card-body--table .dt-container {
  font-size: 0.835rem !important; 
  font-weight: 500 !important;
  color: #555 !important;
  letter-spacing: 0.01em !important;
}

.dt-container input.dt-input,select.dt-input,button.dtsp-showAll,button.dtsp-collapseAll {
	border-radius: 0.5rem !important;
}

.dt-container button.dtsp-showAll,button.dtsp-collapseAll {
	margin-left: 0.5rem !important;
}

dataTable.display > tbody > tr > .sorting_1 {
	background-color: #f8f8f8 !important;
}

.dataTable.display > tbody > tr:nth-child(odd) > * {
	background-color: #f5f5f3 !important;
}

.dtsp-emptyMessage {
	display: none !important;
}

@@ Line 1: / Line 1: @@
-/* Border around the entire table */
+.dt-container:not(.dts) {
-table.dataTable {
+	border-radius: 0.75rem !important;
-  border: 2px solid #333;  /* Dark border around the table */
-  border-collapse: collapse;
 }
-/* Header cells */
+.cc-card-body--table .dt-container {
-table.dataTable thead th {
+	border: none !important;
-  border: 1px solid #333;  /* Border around each header cell */
-  background-color: #f8f9fa; /* Light background for headers */
-  padding: 10px;
 }
-/* Body cells */
+.cc-card-body--table .dt-container {
-table.dataTable tbody td {
+   font-size: 0.835rem !important;
-   border: 1px solid #333;  /* Border around each cell */
+  font-weight: 500 !important;
-   padding: 8px;
+  color: #555 !important;
+   letter-spacing: 0.01em !important;
 }
-/* Optional: add borders to footer cells if you have them */
+.dt-container input.dt-input,select.dt-input,button.dtsp-showAll,button.dtsp-collapseAll {
-table.dataTable tfoot th {
+	border-radius: 0.5rem !important;
-  border: 1px solid #333;
-  background-color: #f8f9fa;
-  padding: 10px;
 }
-/* Optional: ensure rows don't collapse */
+.dt-container button.dtsp-showAll,button.dtsp-collapseAll {
-table.dataTable tbody tr {
+	margin-left: 0.5rem !important;
-  border-bottom: 1px solid #333;
 }
-/* Add a small border radius and box shadow to the whole table (optional) */
+dataTable.display > tbody > tr > .sorting_1 {
-table.dataTable {
+	background-color: #f8f8f8 !important;
-  border-radius: 8px;
+}
-  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
+.dataTable.display > tbody > tr:nth-child(odd) > * {
+	background-color: #f5f5f3 !important;
+}
+.dtsp-emptyMessage {
+	display: none !important;
 }