From 62d26e636c44b8ceb6b071dfa29dbbd09d846ed3 Mon Sep 17 00:00:00 2001 From: Darshan Baral Date: Sat, 20 Feb 2021 12:18:44 -0800 Subject: Style updates --- layouts/_default/baseof.html | 4 ++-- layouts/_default/single.html | 15 +++++--------- layouts/partials/prevnext.html | 2 +- static/css/aafu.css | 44 ++++++++++++++++++++++++++++++++---------- static/css/aafu_dark.css | 7 +++++-- static/css/aafu_light.css | 5 ++++- static/css/aafu_pinkish.css | 7 +++++-- 7 files changed, 56 insertions(+), 28 deletions(-) diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index ccdde7e..d2a31ca 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,8 +1,8 @@ - + {{- partial "head.html" . -}} -
+
{{ if not .Site.Params.theme.singlepage }} {{ partial "header" . }} {{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 556d7bf..6db2850 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,14 +1,9 @@ {{ define "main" }} -
-
-

- {{- .Title -}} -

- {{- partial "metadata" . -}} -
-
- {{ .Content }} -
+
+

{{- .Title -}}

+

{{ .Date.Format "January 2, 2006" }}

+

—

+
{{ .Content }}
{{ partial "prevnext" . }} {{ end }} diff --git a/layouts/partials/prevnext.html b/layouts/partials/prevnext.html index d6974f4..7bc1053 100644 --- a/layouts/partials/prevnext.html +++ b/layouts/partials/prevnext.html @@ -1,4 +1,4 @@ -
+

{{ if .PrevInSection }} p { + margin-left: 1em; + color: var(--secondaryText); + background-color: var(--secondaryBg); + padding: 0.25em 0.25em 0.25em 0.5em; + border-left: solid 3px; +} .content img { width: 100%; } @@ -16,19 +23,36 @@ pre { box-shadow: 0px 0px 3px 1px var(--shadow) !important; } code { + color: var(--secondaryText) !important; font-family: "Roboto Mono", monospace !important; font-size: 1em !important; } footer { font-size: 0.9em !important; } +table { + border-spacing: 0; + border-collapse: collapse; + display: block; + overflow-x: auto; + margin-bottom: 0.5em; +} +th, +td { + background-color: var(--secondaryBg); + border: solid 1px var(--primaryText); + padding: 0.25em 0.5em; + text-align: left; +} dt { font-weight: 400; } h1, h2, h3, -h4 { +h4, +h5, +h6 { font-family: "Didact Gothic", sans-serif; } a, @@ -37,11 +61,6 @@ a:hover, .accordion:hover { color: var(--primaryLinks); } -.profile-area a, -.profile-area .accordion:hover, -.social-icons * { - color: var(--secondaryLinks); -} .fa-toggle-on, .fa-toggle-off { color: var(--primaryLinks); @@ -54,11 +73,16 @@ a:hover, background-color: var(--primaryLinks); } .profile-area { - background-color: var(--secondaryBg); - color: var(--secondaryText); + background-color: var(--cardBg); + color: var(--cardText); +} +.profile-area a, +.profile-area .accordion:hover, +.social-icons * { + color: var(--cardLink); } .shadow { - box-shadow: -4px -4px 5px 2px var(--shadow) !important; + box-shadow: 0px 0px 5px 1px var(--shadow) !important; } .top-h1 { font-size: 2.5em; @@ -97,4 +121,4 @@ a:hover, } .aafu-border { border-color: var(--primaryLinks) !important; -} \ No newline at end of file +} diff --git a/static/css/aafu_dark.css b/static/css/aafu_dark.css index 5ae1087..f259ab4 100644 --- a/static/css/aafu_dark.css +++ b/static/css/aafu_dark.css @@ -2,8 +2,11 @@ --primaryBg: #2c2b2b; --primaryText: white; --primaryLinks: #ffc107; - --secondaryBg: #373737; - --secondaryText: white; + --secondaryBg: #272822; + --secondaryText: #beb9bb; --secondaryLinks: #ffc107; --shadow: black; + --cardBg: #373737; + --cardText: white; + --cardLink: #ffc107; } diff --git a/static/css/aafu_light.css b/static/css/aafu_light.css index fe7d589..33edcf7 100644 --- a/static/css/aafu_light.css +++ b/static/css/aafu_light.css @@ -3,7 +3,10 @@ --primaryText: black; --primaryLinks: #007bff; --secondaryBg: #fff; - --secondaryText: black; + --secondaryText: #555050; --secondaryLinks: #007bff; --shadow: #595659; + --cardBg: white; + --cardText: black; + --cardLink: #007bff; } diff --git a/static/css/aafu_pinkish.css b/static/css/aafu_pinkish.css index d219c10..2b4c630 100644 --- a/static/css/aafu_pinkish.css +++ b/static/css/aafu_pinkish.css @@ -2,8 +2,11 @@ --primaryBg: #f8f9fa; --primaryText: black; --primaryLinks: #81415f; - --secondaryBg: #81415f; - --secondaryText: white; + --secondaryBg: #f2e5eb; + --secondaryText: #582d41; --secondaryLinks: #ffc107; --shadow: #595659; + --cardBg: #81415f; + --cardText: white; + --cardLink: #ffc107; } -- cgit v1.2.3