52 lines
1.0 KiB
CSS
52 lines
1.0 KiB
CSS
|
/* Normal tables */
|
||
|
|
||
|
table {
|
||
|
font-size: 90%;
|
||
|
display: block;
|
||
|
width: 100%;
|
||
|
max-width: 100%;
|
||
|
overflow-wrap: break-word;
|
||
|
overflow-x: auto;
|
||
|
border: none !important;
|
||
|
}
|
||
|
|
||
|
table, table thead th, table tbody td {
|
||
|
border: 1px solid var(--color-fg-main);
|
||
|
border-collapse: collapse;
|
||
|
overflow-wrap: break-word;
|
||
|
white-space: normal;
|
||
|
}
|
||
|
|
||
|
table thead th {
|
||
|
background-color: var(--color-bg-accent);
|
||
|
color: var(--color-fg-accent);
|
||
|
}
|
||
|
|
||
|
table thead th a, table thead th a:hover {
|
||
|
color: var(--color-fg-accent);
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
table thead, table tbody {
|
||
|
width: 100%;
|
||
|
max-width: 100%;
|
||
|
overflow-wrap: inherit;
|
||
|
}
|
||
|
|
||
|
table tbody tr {
|
||
|
color: var(--color-fg-main);
|
||
|
background-color: var(--color-bg-main);
|
||
|
width: 100%;
|
||
|
max-width: 100%;
|
||
|
}
|
||
|
|
||
|
table tbody tr:nth-child(even) {
|
||
|
background-color: var(--color-bg-alt);
|
||
|
color: var(--color-fg-alt);
|
||
|
}
|
||
|
|
||
|
table tbody tr:nth-child(even) .button:not(:hover):not(:focus):not(:active) {
|
||
|
background-color: var(--color-bg-main);
|
||
|
color: var(--color-fg-main);
|
||
|
}
|