From 848136bc2707f9e57a564073a9e7d9013f73d584 Mon Sep 17 00:00:00 2001 From: Jeff MacKinnon Date: Mon, 18 Apr 2022 12:06:19 -0300 Subject: [PATCH] Minor update to footer --- static/css/main.css | 95 +----------------------- static/css/not-style-specific.css | 119 ++++++++++++++++++++++++++++++ templates/page.html | 1 + 3 files changed, 122 insertions(+), 93 deletions(-) create mode 100644 static/css/not-style-specific.css diff --git a/static/css/main.css b/static/css/main.css index e689ec1..903c67d 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,5 +1,6 @@ @import url(fontawesome-all.min.css); @import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700"); +/*@import url(not-style-specific.css);*/ /* Editorial by HTML5 UP html5up.net | @ajlkn @@ -2274,96 +2275,4 @@ button, #menu > ul > li:first-child { border-top: 0; margin-top: 0; - padding-top: 0; } - - - - - - - - - -/* Trying to figure out how to make notes/warnings/etc working */ - -/* -- admonitions ----------------------------------------------------------- */ -div.admonition > :last-child { - margin-bottom: 0; -} -div.admonition::after { - display: block; - content: ''; - clear: both; -} - -div.admonition { - margin-top: 10px; - margin-bottom: 10px; - padding: 7px; -} - -div.admonition dt { - font-weight: bold; -} - -p.admonition-title { - margin: 0px 10px 5px 0px; - font-weight: bold; -} - -div.body p.centered { - text-align: center; - margin-top: 25px; -} - - -:root { - --pst-color-primary: 19, 6, 84; - --pst-color-success: 40, 167, 69; - --pst-color-info: 0, 123, 255; /*23, 162, 184;*/ - --pst-color-warning: 255, 193, 7; - --pst-color-danger: 220, 53, 69; - - /***************************************************************************** - * Icon - **/ - - /* font awesome icons*/ - --pst-icon-check-circle: '\f058'; - --pst-icon-info-circle: '\f05a'; - --pst-icon-exclamation-triangle: '\f071'; - --pst-icon-exclamation-circle: '\f06a'; - --pst-icon-times-circle: '\f057'; - --pst-icon-lightbulb: '\f0eb'; - - /***************************************************************************** - * Admonitions - **/ - - - - --pst-color-admonition-default: var(--pst-color-info); - --pst-color-admonition-note: var(--pst-color-info); - --pst-color-admonition-attention: var(--pst-color-warning); - --pst-color-admonition-caution: var(--pst-color-warning); - --pst-color-admonition-warning: var(--pst-color-warning); - --pst-color-admonition-danger: var(--pst-color-danger); - --pst-color-admonition-error: var(--pst-color-danger); - --pst-color-admonition-hint: var(--pst-color-success); - --pst-color-admonition-tip: var(--pst-color-success); - --pst-color-admonition-important: var(--pst-color-success); - - --pst-icon-admonition-default: var(--pst-icon-info-circle); - --pst-icon-admonition-note: var(--pst-icon-info-circle); - --pst-icon-admonition-attention: var(--pst-icon-exclamation-circle); - --pst-icon-admonition-caution: var(--pst-icon-exclamation-triangle); - --pst-icon-admonition-warning: var(--pst-icon-exclamation-triangle); - --pst-icon-admonition-danger: var(--pst-icon-exclamation-triangle); - --pst-icon-admonition-error: var(--pst-icon-times-circle); - --pst-icon-admonition-hint: var(--pst-icon-lightbulb); - --pst-icon-admonition-tip: var(--pst-icon-lightbulb); - --pst-icon-admonition-important: var(--pst-icon-exclamation-circle); - -} - -/* They are still not working */ \ No newline at end of file + padding-top: 0; } \ No newline at end of file diff --git a/static/css/not-style-specific.css b/static/css/not-style-specific.css new file mode 100644 index 0000000..57ea984 --- /dev/null +++ b/static/css/not-style-specific.css @@ -0,0 +1,119 @@ + + + + + + + + +/* Trying to figure out how to make notes/warnings/etc working */ + +/* -- admonitions ----------------------------------------------------------- */ +div.admonition > :last-child { + margin-bottom: 0; + } + div.admonition::after { + display: block; + content: ''; + clear: both; + } + + div.admonition { + margin-top: 10px; + margin-bottom: 10px; + padding: 7px; + } + + div.admonition dt { + font-weight: bold; + } + + p.admonition-title { + margin: 0px 10px 5px 0px; + font-weight: bold; + } + + div.body p.centered { + text-align: center; + margin-top: 25px; + } + + + :root { + --pst-color-primary: 19, 6, 84; + --pst-color-success: 40, 167, 69; + --pst-color-info: 0, 123, 255; /*23, 162, 184;*/ + --pst-color-warning: 255, 193, 7; + --pst-color-danger: 220, 53, 69; + + /***************************************************************************** + * Icon + **/ + + /* font awesome icons*/ + --pst-icon-check-circle: '\f058'; + --pst-icon-info-circle: '\f05a'; + --pst-icon-exclamation-triangle: '\f071'; + --pst-icon-exclamation-circle: '\f06a'; + --pst-icon-times-circle: '\f057'; + --pst-icon-lightbulb: '\f0eb'; + + /***************************************************************************** + * Admonitions + **/ + + + + --pst-color-admonition-default: var(--pst-color-info); + --pst-color-admonition-note: var(--pst-color-info); + --pst-color-admonition-attention: var(--pst-color-warning); + --pst-color-admonition-caution: var(--pst-color-warning); + --pst-color-admonition-warning: var(--pst-color-warning); + --pst-color-admonition-danger: var(--pst-color-danger); + --pst-color-admonition-error: var(--pst-color-danger); + --pst-color-admonition-hint: var(--pst-color-success); + --pst-color-admonition-tip: var(--pst-color-success); + --pst-color-admonition-important: var(--pst-color-success); + + --pst-icon-admonition-default: var(--pst-icon-info-circle); + --pst-icon-admonition-note: var(--pst-icon-info-circle); + --pst-icon-admonition-attention: var(--pst-icon-exclamation-circle); + --pst-icon-admonition-caution: var(--pst-icon-exclamation-triangle); + --pst-icon-admonition-warning: var(--pst-icon-exclamation-triangle); + --pst-icon-admonition-danger: var(--pst-icon-exclamation-triangle); + --pst-icon-admonition-error: var(--pst-icon-times-circle); + --pst-icon-admonition-hint: var(--pst-icon-lightbulb); + --pst-icon-admonition-tip: var(--pst-icon-lightbulb); + --pst-icon-admonition-important: var(--pst-icon-exclamation-circle); + + } + + + + +/* progress bar */ +/* "sourced" aka copied from - https://www.pagemelt.ink/published/ */ +/* I have probably made enough changes that is it now "inspired by", but where is that lie really? */ + +.progress { + background-color: white; + border: 2px solid var(--base-dark); + border-radius: 3px; + height: 14px; + margin: .5em auto; + position: absolute; + top: 38%; + width: 106%; + z-index: 1; + } + + .progress__bar50 { + background-color: var(--base-green); + border-right: 2px solid var(--base-dark); + height: 10px; + width: 50% + } + + .progress__bar.progress__bar--dnf { + background-color: var(--base-yellow); + } diff --git a/templates/page.html b/templates/page.html index 0da777c..1d6d88d 100644 --- a/templates/page.html +++ b/templates/page.html @@ -29,6 +29,7 @@ {% if page.modified %} {% endif %}