Improve table styling
parent
8a8e247a14
commit
bdc42b1295
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue