From 32836308d25a7da1f32c4fadb59e942c39f32385 Mon Sep 17 00:00:00 2001 From: Jakub Date: Thu, 8 Feb 2024 00:44:20 -0500 Subject: [PATCH] add table styling & clean up .content styles --- static/css/colorschemes/gruvbox.css | 8 ++++- static/css/style.css | 54 +++++++++++++---------------- 2 files changed, 32 insertions(+), 30 deletions(-) diff --git a/static/css/colorschemes/gruvbox.css b/static/css/colorschemes/gruvbox.css index 4733ede..5d9454f 100644 --- a/static/css/colorschemes/gruvbox.css +++ b/static/css/colorschemes/gruvbox.css @@ -4,6 +4,9 @@ --alt-bg: #d5c4a1; --acc-1: #076678; --shadow: #504945; + + --table: #fbf1c7; + --table-alt: #d5c4a1; } @media (prefers-color-scheme: dark) { @@ -13,5 +16,8 @@ --alt-bg: #504945; --acc-1: #83a598; --shadow: #1d2021; + + --table: #282828; + --table-alt: #504945; } -} \ No newline at end of file +} diff --git a/static/css/style.css b/static/css/style.css index 79c4d0f..8e22f88 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -170,8 +170,11 @@ footer { .menu a, .menu li { display: block; } .content { - margin: auto 5% auto 20%; - padding: 1px 16px; + margin-left: calc(15%); + margin-right: 0; + margin-top: auto; + padding: 20px; + } .menu-entries a:hover{ @@ -179,8 +182,26 @@ footer { } } -/* Hugo Supported Markdown Styling */ -/* ToDO style md elements that have yet to been styled */ +/* Table Styles */ + +table { width: 100%; } + +th, td, table { + border: 1px solid var(--bg); + border-collapse: collapse; + padding: 6px 13px; +} + +table thead tr { background-color: var(--table); } + +table tr { background-color: var(--table-alt); } + +table tr:nth-child(2n) { background-color: var(--table); } + + + +/* Markdown Blockquote styles */ + blockquote { border-left-color: var(--alt-bg); border-left-width: 5px; @@ -249,31 +270,6 @@ blockquote.location p { padding: inherit; } display: block; } -.grid-item { - margin: 0; - position: relative; - } - -.grid-item p { - margin: 0; -} - -.map-button { - color: var(--fg); - background-color: var(--acc-1); - padding: 5px; - border: solid 3px var(--acc-1); - border-radius: 8px; -} - -.map { - display: flex; -} - -.map img { - width: 350px; - max-height: 350px; -} .map-txt-grid { display: grid; grid-template-rows: auto 1fr auto;