forked from ScoDoc/ScoDoc
59 lines
1.3 KiB
CSS
59 lines
1.3 KiB
CSS
/* Define your CSS variables for the row colors */
|
|
:root {
|
|
/* Colors for table even and odd rows */
|
|
--color-odd-rows: rgb(90%, 95%, 90%);
|
|
--color-even-rows: rgb(95%, 95%, 95%);
|
|
/* datatable row selected color */
|
|
--dt-row-selected: rgb(253, 255, 155);
|
|
--dt-row-selected-text: black;
|
|
}
|
|
|
|
/* Customize the appearance of DataTables */
|
|
table.dataTable tbody tr:nth-child(odd),
|
|
table.dataTable tbody tr:nth-child(odd) td.dtfc-fixed-start {
|
|
background-color: var(--color-odd-rows);
|
|
}
|
|
|
|
table.dataTable tbody tr:nth-child(even),
|
|
table.dataTable tbody tr:nth-child(even) td.dtfc-fixed-start {
|
|
background-color: var(--color-even-rows);
|
|
}
|
|
|
|
table.dataTable thead th,
|
|
table.dataTable thead th.dtfc-fixed-start {
|
|
background-color: rgb(90%, 90%, 90%);
|
|
color: #333;
|
|
text-align: center;
|
|
}
|
|
|
|
/* hover effect for rows */
|
|
table.dataTable tbody tr:nth-child(odd):hover {
|
|
background-color: rgb(80%, 85%, 80%);
|
|
}
|
|
|
|
table.dataTable tbody tr:nth-child(even):hover {
|
|
background-color: rgb(85%, 85%, 85%);
|
|
}
|
|
|
|
table.dataTable tr.odd td {
|
|
background-color: #ecf5f4;
|
|
}
|
|
|
|
table.dataTable tr.gt_lastrow th {
|
|
text-align: right;
|
|
}
|
|
|
|
table.dataTable td.etudinfo,
|
|
table.dataTable td.group {
|
|
text-align: left;
|
|
}
|
|
|
|
div.dt-container div.dt-search {
|
|
display: inline-block;
|
|
margin-left: 16px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
div.dt-container div.dt-search input {
|
|
margin-left: 0.5em;
|
|
} |