diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 1cba0a0..17673f1 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -11,4 +11,7 @@ {{- partial "footer.html" . -}} + +{{- partial "chroma.html" . -}} + diff --git a/layouts/partials/chroma.html b/layouts/partials/chroma.html new file mode 100644 index 0000000..3610293 --- /dev/null +++ b/layouts/partials/chroma.html @@ -0,0 +1,21 @@ + + + + + + + + + + diff --git a/static/style.css b/static/style.css index e101f59..2ed0c28 100644 --- a/static/style.css +++ b/static/style.css @@ -13,6 +13,11 @@ body { } summary{cursor:pointer;} +summary:hover{ + -webkit-filter: url(#chroma); + color: black; + background-color: #E60073; +} a{ color: #E60073; @@ -26,6 +31,13 @@ a::before{ content: '['; } a:hover{ color: black; background-color: #E60073; + position:relative; + -webkit-filter: url(#chroma); +} + +a:hover::selection{ + background-color: black; + color: #E60073; } .postImage a::before{ content: none; } @@ -55,11 +67,11 @@ main{ } a.anchor{visibility: hidden; text-decoration: none;} -h1:target::before,h2:target::before,h3:target::before,h4:target::before,h5:target::before,h6:target::before{content:"> ";} +h1:target::before,h2:target::before,h3:target::before,h4:target::before,h5:target::before,h6:target::before{content:"> "; } h1:hover>a,h2:hover>a,h3:hover>a,h4:hover>a,h5:hover>a,h6:hover>a{visibility:visible;} +h1:target>a,h2:target>a,h3:target>a,h4:target>a,h5:target>a,h6:target>a{color:black; visibility:visible;} :target{color:black; background-color: #E60073;} - footer{ text-align: center; border-top:1pt solid; @@ -71,6 +83,7 @@ footer pre{ } table.posts{ width: 100%; } + .post-content{ text-align: justify; }