Improve table styling

master
kts of kettek (POWERQWACK) 2021-05-24 22:13:19 -07:00
parent 8a8e247a14
commit bdc42b1295
1 changed files with 14 additions and 10 deletions

View File

@ -24,6 +24,9 @@
--anchor: #a06666;
--anchor-hover: #BE9999;
--cell: #390d0d;
--cell-alt: #2b0808;
}
* {
@ -162,18 +165,18 @@ a:hover {
}
table {
min-width: 40em;
max-width: 100%;
overflow: auto;
}
th {
color:#D5DDE5;;
background:#1b1e24;
border-bottom: 2px solid #9ea7af;
border-right: 1px solid #343a45;
background: black;
font-size: 90%;
font-weight: 100;
padding: 6px 12px;
text-align:left;
text-align: left;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
vertical-align:middle;
vertical-align: middle;
}
th:first-child {
border-top-left-radius:3px;
@ -183,8 +186,7 @@ th:last-child {
border-right:none;
}
tr {
border-top: 1px solid #C1C3D1;
border-bottom-: 1px solid #C1C3D1;
border: none;
color:#666B85;
}
tr:first-child {
@ -194,7 +196,7 @@ tr:last-child {
border-bottom:none;
}
tr:nth-child(odd) td {
background:#EBEBEB;
background: var(--cell);
}
tr:last-child td:first-child {
border-bottom-left-radius:3px;
@ -204,11 +206,13 @@ tr:last-child td:last-child {
}
td {
background:#FFFFFF;
padding: 0.25em;
padding: 0.5em;
background: var(--cell-alt);
color: var(--body-foreground);
text-align:left;
vertical-align:middle;
font-size: 85%;
border-right: 1px solid #C1C3D1;
border-right: 2px solid black;
}
td:last-child {
border-right: 0px;