MediaWiki:CustomDatatable.css: Difference between revisions

From The Seven Sages of Rome
No edit summary
Tag: Reverted
No edit summary
 
(33 intermediate revisions by the same user not shown)
Line 1: Line 1:
table.dataTable tbody tr {
.dt-container:not(.dts) {
    background-color: blue !important;
border-radius: 0.75rem !important;
    transition: background-color 0.3s ease;
}
}


table.dataTable tbody tr:hover {
.cc-card-body--table .dt-container {
    background-color: red !important;
border: none !important;
}
}


table.dataTable tbody tr:nth-child(even) {
.cc-card-body--table .dt-container {
    background-color: blue !important;
  font-size: 0.835rem !important;
  font-weight: 500 !important;
  color: #555 !important;
  letter-spacing: 0.01em !important;
}
}


table.dataTable tbody tr:nth-child(even):hover {
.dt-container input.dt-input,select.dt-input,button.dtsp-showAll,button.dtsp-collapseAll {
    background-color: red !important;
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;
}
}

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