add table styling & clean up .content styles

This commit is contained in:
Jakub 2024-02-08 00:44:20 -05:00
parent c17913e3ff
commit 32836308d2
2 changed files with 32 additions and 30 deletions

View File

@ -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;
}
}
}

View File

@ -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;