table { border-collapse: collapse; border-color: var(--border); border-style: solid; border-width: 0 0 1px 0; } table tr:nth-child(even) { background: var(--background); } table tr:nth-child(odd) { background: var(--background); } table th { background: var(--background); border-color: var(--border); border-style: solid; border-width: 1px 0; padding: 2px 6px; } table td { padding: 4px 6px; } /* Forum and sub-forum listings */ table.forumlist { border-collapse: separate; border-spacing: 0; margin: 16px 0; width: 100%; } /* table.forumlist th { background: #d05950; border-color: #b04940; color: white; } */ table.forumlist tr { background: unset; } table.forumlist tr:nth-child(4n+2), table.forumlist tr:nth-child(4n+3) { background: rgba(0, 0, 0, .05); } /* Topic table */ table.topiclist { width: 100%; margin: auto; } table.topiclist tr > *:nth-child(n+2) { /* This matches all children except the first column */ text-align: center; } table.forumlist th > td:last-child, table.forumlist tr > td:last-child, table.topiclist th > td:last-child, table.topiclist tr > td:last-child { width: 20%; text-align: center; } /* Thread table */ table.thread { width: 100%; border-width: 1px 0; } table.thread.topcomment { border: none; } table.thread td.author { width: 256px; } table.thread td { vertical-align: top; } table.thread td:nth-child(2) { padding-top: 0; padding-bottom: 0; } table.thread div.info { float: right; text-align: right; opacity: 0.7; padding-top: 8px; margin-left: 16px; } @media screen and (max-width: 1199px) { table.thread div.info { float: none; display: flex; flex-direction: row; margin-left: 0; } table.thread div.info > *:not(:last-child):after { content: 'ยท'; margin: 0 4px; } table.thread td.author { /* Includes padding */ width: 136px; } }