87 lines
1.4 KiB
CSS
87 lines
1.4 KiB
CSS
thead {
|
|
background: hsl(0, 0%, 90%);
|
|
}
|
|
|
|
th {
|
|
border-left: 1px solid hsl(0, 0%, 16%);
|
|
border-bottom: 1px solid hsl(0, 0%, 16%);
|
|
border-right: 1px solid hsl(0, 0%, 16%);
|
|
/*padding: 5px;*/
|
|
width: 1%;
|
|
}
|
|
|
|
table {
|
|
font-family: "inter", sans-serif;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.table-div {
|
|
/*width: 50%;*/
|
|
}
|
|
|
|
.row-id {
|
|
font-weight: bold;
|
|
|
|
border-bottom: 1px solid hsl(0, 0%, 16%);
|
|
border-right: 1px solid hsl(0, 0%, 16%);
|
|
}
|
|
|
|
tr:nth-child(even) {
|
|
background: hsl(210, 100%, 96.08%)
|
|
}
|
|
|
|
table th:first-of-type,
|
|
table td:first-of-type {
|
|
border-left: 0;
|
|
}
|
|
|
|
table th:last-of-type,
|
|
table td:last-of-type {
|
|
border-right: 0;
|
|
}
|
|
|
|
table th:first-of-type { /*add border radius to top left of table*/
|
|
border-top-left-radius: 7px;
|
|
}
|
|
|
|
table th:last-of-type { /*add border radius to top right of table*/
|
|
border-top-right-radius: 7px;
|
|
}
|
|
|
|
table td {
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
border-right: 1px solid #737373;
|
|
border-left: 1px solid darkgrey;
|
|
}
|
|
|
|
td input[type=checkbox] {
|
|
color: #0c2d4a;
|
|
}
|
|
|
|
.table-cell-boolean {
|
|
text-align: center;
|
|
}
|
|
|
|
.table-cell-boolean-true {
|
|
color: green;
|
|
}
|
|
|
|
.table-cell-boolean-false {
|
|
color: red;
|
|
}
|
|
|
|
.table-cell-number {
|
|
text-align: right;
|
|
}
|
|
|
|
.table-cell-datetime {
|
|
text-align: right;
|
|
/*width: 20ch;*/
|
|
/*padding-left: 2ch;*/
|
|
white-space: normal;
|
|
min-width: 0;
|
|
/*font-family: monospace;*/
|
|
max-width: 14ch
|
|
|
|
} |