kts
/
srd
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/style.css
View File

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