diff --git a/static/style.css b/static/style.css index bed8ff8..2e399a4 100644 --- a/static/style.css +++ b/static/style.css @@ -1,7 +1,9 @@ @import "custom.css"; + :root{ --fg:#E60073; } + ::selection{ color: black; background-color: var(--fg); @@ -12,8 +14,8 @@ body { color: var(--fg); font-family: monospace; font-size: 1.2em; - margin:0; - padding:0; + margin: 0; + padding: 0; } summary{cursor:pointer;} @@ -41,7 +43,7 @@ a::before{ content: '['; } a:hover{ color: black; background-color: var(--fg); - position:relative; + position: relative; filter: url(#chroma); } @@ -77,14 +79,16 @@ 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: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: var(--fg);} +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: var(--fg);} + +:target::selection{color: var(--fg); background-color: black;} footer{ text-align: center; - border-top:1pt solid; + border-top: 1pt solid; margin-top: 1em; } @@ -104,14 +108,14 @@ header a{ @media(min-width: 81ch){ header{ - display:flex; + display: flex; justify-content: space-around; } menu{ - display:flex; + display: flex; } menu a{ - padding:1em; + padding: 1em; } } @media(max-width: 80ch){