Re-organizing css to make it easier to manage
This commit is contained in:
parent
2411985650
commit
e460887877
5 changed files with 216 additions and 184 deletions
|
|
@ -1,7 +1,13 @@
|
||||||
.wip {
|
.wip {
|
||||||
|
width: 150px;
|
||||||
opacity: 75%;
|
opacity: 75%;
|
||||||
border: 5px solid #d11586
|
border: 5px solid #d11586
|
||||||
}
|
}
|
||||||
.dnf {
|
.read {
|
||||||
opacity: 25%;
|
width: 150px;
|
||||||
|
}
|
||||||
|
.dnf {
|
||||||
|
width: 150px;
|
||||||
|
opacity: 75%;
|
||||||
|
filter: grayscale(100%);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,11 @@
|
||||||
@import url(fontawesome-all.min.css);
|
@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("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
|
Editorial by HTML5 UP
|
||||||
html5up.net | @ajlkn
|
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,
|
html, body, div, span, applet, object,
|
||||||
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
|
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
|
||||||
|
|
|
||||||
|
|
@ -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);
|
|
||||||
}
|
|
||||||
0
static/css/pelican.css
Normal file
0
static/css/pelican.css
Normal file
205
static/css/pygment.css
Normal file
205
static/css/pygment.css
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue