diff options
Diffstat (limited to 'data/assets')
| -rw-r--r-- | data/assets/styles.css | 88 |
1 files changed, 88 insertions, 0 deletions
diff --git a/data/assets/styles.css b/data/assets/styles.css new file mode 100644 index 0000000..f0e8ef5 --- /dev/null +++ b/data/assets/styles.css @@ -0,0 +1,88 @@ +body { + font-family: serif; + line-height: 1.6; + background-color: #2D353B; + color: #D3C6AA; + max-width: 80rem; + margin: auto; +} + +h1 { + text-align: center; +} + +a { + color: #7FBBB3; + text-decoration: none; + background-color: transparent; +} + +a:hover, a:focus { + text-decoration: none; + background-color: #7FBBB3; + color: #2D353B; +} + +table { + width: 90%; + border-collapse: collapse; + margin: 12px auto; + font-size: 1em; +} + +tr { + margin-bottom: 10px; +} + +tr:nth-child(odd) { + background-color: #343F44; /* Light gray for odd rows */ +} + +tr:hover { + background-color: #3D484D; /* hover effect for table rows */ +} + +th, td { + padding: 10px; + border: 2px solid #475258; + text-align: left; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +th { + text-align: center; + font-size: 1.1em; +} + +.container { + max-width: 800px; + margin: auto; + padding: 12px; +} + +@media screen and (max-width: 600px) { + body { + font-size: 90%; + } + + table { + width: 100%; + display: block; + overflow-x: auto; + white-space: nowrap; + } + + th, td { + display: block; + text-align: left; + white-space: normal; + } + + tr { + display: flex; + flex-direction: column; + } + +}
\ No newline at end of file |