50 lines
990 B
CSS
50 lines
990 B
CSS
.details-table,
|
|
.listing-table {
|
|
overflow-wrap: break-word;
|
|
width: 100%;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.details-table td:first-child {
|
|
background: var(--color-brand-soft);
|
|
border-right: var(--border-thin) solid var(--surface-border);
|
|
color: var(--color-brand);
|
|
font-weight: bold;
|
|
width: var(--details-label-width);
|
|
}
|
|
|
|
.details-table td {
|
|
background: var(--surface-background-raised);
|
|
padding: var(--table-cell-y) var(--table-cell-x);
|
|
vertical-align: top;
|
|
}
|
|
|
|
.details-table td p {
|
|
margin: 0;
|
|
}
|
|
|
|
.listing-table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.listing-table th,
|
|
.listing-table td {
|
|
border: var(--border-thin) solid var(--color-text);
|
|
padding: var(--table-cell-y) var(--table-cell-x);
|
|
text-align: center;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.listing-table th {
|
|
background: var(--color-brand-soft);
|
|
color: var(--color-brand);
|
|
}
|
|
|
|
.listing-table tr:nth-child(even) td {
|
|
background: var(--color-row-alt);
|
|
}
|
|
|
|
.listing-table td * {
|
|
max-width: 100%;
|
|
}
|