add table styling & clean up .content styles
This commit is contained in:
parent
c17913e3ff
commit
32836308d2
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user