mirror of
https://github.com/LukasJoswiak/etch.git
synced 2024-05-17 05:28:31 -04:00
Merge pull request #1 from smoreface/fix-table-styling
Improve table styling and improve dark mode theme colors
This commit is contained in:
commit
18869b6396
|
@ -23,7 +23,11 @@ header#banner nav ul li a {
|
|||
}
|
||||
|
||||
main#content a {
|
||||
color: #00b1ed;
|
||||
color: #39d7e2;
|
||||
}
|
||||
|
||||
main#content a:hover {
|
||||
color: #27959d;
|
||||
}
|
||||
|
||||
main#content p {
|
||||
|
@ -67,6 +71,23 @@ div#series-note {
|
|||
border-bottom: 3px solid #3ee4f06c;
|
||||
}
|
||||
|
||||
/* styling for tables */
|
||||
main#content table, th, td {
|
||||
border: 2px solid #8e869d;
|
||||
}
|
||||
|
||||
main#content th {
|
||||
background-color: #553857;
|
||||
}
|
||||
|
||||
main#content tbody tr:nth-child(even) {
|
||||
background-color: #372538;
|
||||
}
|
||||
|
||||
main#content tbody tr:nth-child(odd) {
|
||||
background-color: #503652;
|
||||
}
|
||||
|
||||
footer#footer {
|
||||
color: #cccccc;
|
||||
}
|
||||
|
|
|
@ -321,6 +321,31 @@ div#series-note {
|
|||
border-bottom: 3px solid #154c506c;
|
||||
}
|
||||
|
||||
/* styling for tables */
|
||||
main#content table, th, td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
main#content th {
|
||||
padding: 20px;
|
||||
background-color: #a32fab17;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
main#content td {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
main#content tbody tr:nth-child(even) {
|
||||
background-color: #a32fab17;
|
||||
}
|
||||
|
||||
main#content tbody tr:nth-child(odd) {
|
||||
background-color: #a32fab2e;
|
||||
}
|
||||
|
||||
footer#footer {
|
||||
font-size: 10px;
|
||||
font-size: 1.4rem;
|
||||
|
|
Loading…
Reference in a new issue