Variables exist for a reason
This commit is contained in:
parent
93856ba8a1
commit
211fcc11a0
|
@ -1,11 +1,14 @@
|
||||||
|
:root{
|
||||||
|
--fg:#E60073;
|
||||||
|
}
|
||||||
::selection{
|
::selection{
|
||||||
color: black;
|
color: black;
|
||||||
background-color: #E60073;
|
background-color: var(--fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: black;
|
background: black;
|
||||||
color: #E60073;
|
color: var(--fg);
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
margin:0;
|
margin:0;
|
||||||
|
@ -16,13 +19,13 @@ summary{cursor:pointer;}
|
||||||
summary:hover{
|
summary:hover{
|
||||||
filter: url(#chroma);
|
filter: url(#chroma);
|
||||||
color: black;
|
color: black;
|
||||||
background-color: #E60073;
|
background-color: var(--fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
summary:hover:active{ filter: url(#chromaClick) }
|
summary:hover:active{ filter: url(#chromaClick) }
|
||||||
|
|
||||||
a{
|
a{
|
||||||
color: #E60073;
|
color: var(--fg);
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -36,14 +39,14 @@ a::before{ content: '['; }
|
||||||
|
|
||||||
a:hover{
|
a:hover{
|
||||||
color: black;
|
color: black;
|
||||||
background-color: #E60073;
|
background-color: var(--fg);
|
||||||
position:relative;
|
position:relative;
|
||||||
filter: url(#chroma);
|
filter: url(#chroma);
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover::selection{
|
a:hover::selection{
|
||||||
background-color: black;
|
background-color: black;
|
||||||
color: #E60073;
|
color: var(--fg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.postImage a::before{ content: none; }
|
.postImage a::before{ content: none; }
|
||||||
|
@ -76,7 +79,7 @@ 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: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;}
|
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;}
|
:target{color:black; background-color: var(--fg);}
|
||||||
|
|
||||||
footer{
|
footer{
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
Loading…
Reference in a new issue