From e460887877a8baa110ed67c032617ffebebec79c Mon Sep 17 00:00:00 2001 From: Jeff MacKinnon Date: Tue, 17 May 2022 21:17:58 -0300 Subject: [PATCH] Re-organizing css to make it easier to manage --- static/css/library.css | 10 +- static/css/main.css | 5 +- static/css/not-style-specific.css | 180 -------------------------- static/css/pelican.css | 0 static/css/pygment.css | 205 ++++++++++++++++++++++++++++++ 5 files changed, 216 insertions(+), 184 deletions(-) delete mode 100644 static/css/not-style-specific.css create mode 100644 static/css/pelican.css create mode 100644 static/css/pygment.css diff --git a/static/css/library.css b/static/css/library.css index 6ab2b64..f66656f 100644 --- a/static/css/library.css +++ b/static/css/library.css @@ -1,7 +1,13 @@ .wip { + width: 150px; opacity: 75%; border: 5px solid #d11586 } -.dnf { - opacity: 25%; +.read { + width: 150px; +} +.dnf { + width: 150px; + opacity: 75%; + filter: grayscale(100%); } diff --git a/static/css/main.css b/static/css/main.css index f7a9571..e7eebff 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,10 +1,11 @@ @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); +@import url(pygment.css); +@import url(pelican.css); /* Editorial by HTML5 UP html5up.net | @ajlkn - Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) + Free for personal anghhhhhvbd commercial use under the CCA 3.0 license (html5up.net/license) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, diff --git a/static/css/not-style-specific.css b/static/css/not-style-specific.css deleted file mode 100644 index ce9db92..0000000 --- a/static/css/not-style-specific.css +++ /dev/null @@ -1,180 +0,0 @@ - - -/* books */ - -.book { - display: flex; - justify-content: center; - margin: .25em; - position: relative; - text-transform: initial; - transition: transform .05s; - width: 100px; - z-index: 1; -} - -.book .book__back { - background-color: black; - bottom: 0; - color: white; - font-size: 8px; - display: none; - flex-direction: column; - justify-content: flex-end; - padding: 0 .5em; - position: absolute; - text-transform: none; -} - -.book:focus .book__back { - display: flex; -} - -.book:hover, book:focus { - transform: scale(1.4); - z-index: 1000; -} - -/* progress bar */ - -.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); -} - - -.postlist-link { - text-decoration: none; -} - - - -/* 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/static/css/pelican.css b/static/css/pelican.css new file mode 100644 index 0000000..e69de29 diff --git a/static/css/pygment.css b/static/css/pygment.css new file mode 100644 index 0000000..c121593 --- /dev/null +++ b/static/css/pygment.css @@ -0,0 +1,205 @@ +.hll { + background-color:#eee; + } + .c { + color:#408090; + font-style:italic; + } + .err { + border:1px solid #FF0000; + } + .k { + color:#007020; + font-weight:bold; + } + .o { + color:#666666; + } + .cm { + color:#408090; + font-style:italic; + } + .cp { + color:#007020; + } + .c1 { + color:#408090; + font-style:italic; + } + .cs { + background-color:#FFF0F0; + color:#408090; + } + .gd { + color:#A00000; + } + .ge { + font-style:italic; + } + .gr { + color:#FF0000; + } + .gh { + color:#000080; + font-weight:bold; + } + .gi { + color:#00A000; + } + .go { + color:#303030; + } + .gp { + color:#C65D09; + font-weight:bold; + } + .gs { + font-weight:bold; + } + .gu { + color:#800080; + font-weight:bold; + } + .gt { + color:#0040D0; + } + .kc { + color:#007020; + font-weight:bold; + } + .kd { + color:#007020; + font-weight:bold; + } + .kn { + color:#007020; + font-weight:bold; + } + .kp { + color:#007020; + } + .kr { + color:#007020; + font-weight:bold; + } + .kt { + color:#902000; + } + .m { + color:#208050; + } + .s { + color:#4070A0; + } + .na { + color:#4070A0; + } + .nb { + color:#007020; + } + .nc { + color:#0E84B5; + font-weight:bold; + } + .no { + color:#60ADD5; + } + .nd { + color:#555555; + font-weight:bold; + } + .ni { + color:#D55537; + font-weight:bold; + } + .ne { + color:#007020; + } + .nf { + color:#06287E; + } + .nl { + color:#002070; + font-weight:bold; + } + .nn { + color:#0E84B5; + font-weight:bold; + } + .nt { + color:#062873; + font-weight:bold; + } + .nv { + color:#BB60D5; + } + .ow { + color:#007020; + font-weight:bold; + } + .w { + color:#BBBBBB; + } + .mf { + color:#208050; + } + .mh { + color:#208050; + } + .mi { + color:#208050; + } + .mo { + color:#208050; + } + .sb { + color:#4070A0; + } + .sc { + color:#4070A0; + } + .sd { + color:#4070A0; + font-style:italic; + } + .s2 { + color:#4070A0; + } + .se { + color:#4070A0; + font-weight:bold; + } + .sh { + color:#4070A0; + } + .si { + color:#70A0D0; + font-style:italic; + } + .sx { + color:#C65D09; + } + .sr { + color:#235388; + } + .s1 { + color:#4070A0; + } + .ss { + color:#517918; + } + .bp { + color:#007020; + } + .vc { + color:#BB60D5; + } + .vg { + color:#BB60D5; + } + .vi { + color:#BB60D5; + } + .il { + color:#208050; + } \ No newline at end of file