3 lines
1.9 KiB
CSS
3 lines
1.9 KiB
CSS
|
:root{--bg:white;--border:white;--text:black;--text-pink-dark:#ed61e1;--text-mauve-dark:#c282e0;--text-pink-light:#ed61e1;--text-mauve-light:#c282e0;--text-pink:blue;--text-mauve:#c282e0}@media(prefers-color-scheme:dark){:root{--bg:black;--text:white;--text-pink:var(--text-pink-dark);--text-mauve:var(--text-mauve-dark)}#color-mode:checked~.color-scheme-wrapper{--bg:black;--text:white;--text-pink:var(--text-pink-dark)
|
||
|
|
--text-mauve: var(--text-mauve-dark)}@media(prefers-color-scheme:dark){#color-mode:checked~.color-scheme-wrapper{--bg:white;--text:black;--text-pink:var(--text-pink-light)
|
||
|
|
--text-mauve: var(--text-mauve-light)}}.color-scheme-wrapper{min-height:100vh;background:var(--bg);color:var(--text)}.margin{background:var(--bg);color:var(--text);padding-left:20px;padding-right:20px}#color-mode{display:none}body{font-family:sans-serif;line-height:1.5;margin:0}header{background-color:var(--bg);color:var(--text);border-bottom:1px solid #222;margin-bottom:1rem}h1{width:100%;padding-top:10px;color:var(--text-pink);text-align:center;transition:300ms color;margin-top:0}h1:hover{color:var(--text-mauve);transition-duration:500ms}h2{color:var(--text-pink);transition:300ms color}h2:hover{color:var(--text-mauve);transition-duration:500ms}h3{color:var(--text-pink);padding-left:20px}footer{border-top:1px solid #222;margin-top:0;padding-top:0;width:100%;display:flex;position:sticky}.footer{color:var(--text);background-color:var(--bg);align-items:center;width:100%;display:flex;justify-content:center;gap:10px}.nav{display:flex;list-style-type:none;margin:5pt}main{background-color:var(--bg);border-bottom:1rem solid var(--bg)}.nav-right{display:flex;align-items:flex-end;justify-content:flex-end;list-style-type:none;width:100%}li{padding-left:5pt;padding-right:5pt}ul{padding-right:5pt;margin-left:5pt}a,label{color:#c282e0;text-decoration:none}.toggle-dark{align-self:flex-end;width:auto;padding-right:20pt;padding-left:20pt}.toggle-dark label{width:100%;display:block}}
|