diff options
author | Darshan Baral <darshanbaral@gmail.com> | 2021-02-20 23:18:44 +0300 |
---|---|---|
committer | Darshan Baral <darshanbaral@gmail.com> | 2021-02-20 23:18:44 +0300 |
commit | 62d26e636c44b8ceb6b071dfa29dbbd09d846ed3 (patch) | |
tree | 1e96d22316b91cd08c8b20ffee0c7149bd4f2ab9 | |
parent | 3cb9f0ebecbf8c32c9b14ed5c2fb73fdf3f11931 (diff) |
Style updates
-rw-r--r-- | layouts/_default/baseof.html | 4 | ||||
-rw-r--r-- | layouts/_default/single.html | 15 | ||||
-rw-r--r-- | layouts/partials/prevnext.html | 2 | ||||
-rw-r--r-- | static/css/aafu.css | 44 | ||||
-rw-r--r-- | static/css/aafu_dark.css | 7 | ||||
-rw-r--r-- | static/css/aafu_light.css | 5 | ||||
-rw-r--r-- | 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 @@ <!DOCTYPE html> -<html lang="{{ .Site.LanguageCode }}"> +<html lang="{{ .Site.LanguageCode }}" style="max-width: 1000px; margin: auto"> {{- partial "head.html" . -}} <body class="container"> - <main style="min-height: calc(100vh - 60px);"> + <main style="min-height: calc(100vh - 60px)"> {{ 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" }} -<div class="rounded p-2 aafu-border border"> - <div class="border-bottom aafu-border"> - <h1 class="top-h1" style="font-size: 2.75em;"> - {{- .Title -}} - </h1> - {{- partial "metadata" . -}} - </div> - <div class="content"> - {{ .Content }} - </div> +<div class="mb-3"> + <h1 class="top-h1" style="font-size: 2.75em">{{- .Title -}}</h1> + <p class="mb-1">{{ .Date.Format "January 2, 2006" }}</p> + <p>—</p> </div> +<div class="content">{{ .Content }}</div> {{ 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 @@ -<div class="d-flex flex-row justify-content-center"> +<div class="d-flex flex-row justify-content-around"> <h3 class="mb-1 mt-1 text-left mr-4"> {{ if .PrevInSection }} <a diff --git a/static/css/aafu.css b/static/css/aafu.css index bfe94f4..7cbacac 100644 --- a/static/css/aafu.css +++ b/static/css/aafu.css @@ -5,6 +5,13 @@ body { background-color: var(--primaryBg); color: var(--primaryText); } +blockquote > 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;
}
|