css reformat

This commit is contained in:
Lynne Megido 2021-10-16 16:05:56 +10:00
parent 3143462043
commit 16278fc1cc
Signed by: lynnesbian
GPG Key ID: F0A184B5213D9F90

View File

@ -96,8 +96,7 @@ header::after { /* the background image behind the sidebar */
z-index: -1; z-index: -1;
/*noinspection CssInvalidFunction*/ /*noinspection CssInvalidFunction*/
background: linear-gradient(to bottom, #333, #333 10%, 70%, transparent), background: linear-gradient(to bottom, #333, #333 10%, 70%, transparent),
/* image("/assets/img/background.webp", "/assets/img/background.jpeg") no-repeat bottom center/cover, */ /* image("/assets/img/background.webp", "/assets/img/background.jpeg") no-repeat bottom center/cover, */ url("/assets/img/background.jpeg") no-repeat bottom center/cover,
url("/assets/img/background.jpeg") no-repeat bottom center/cover,
#333; #333;
filter: blur(3px) saturate(75%); filter: blur(3px) saturate(75%);
content: ""; content: "";
@ -191,7 +190,7 @@ nav a.current::before {
/* dark theme */ /* dark theme */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body, main article { body, main article {
background: #282A36; background: #282a36;
color: white; color: white;
} }
main article a { main article a {
@ -203,14 +202,14 @@ nav a.current::before {
} }
/* smaller screen tweaks */ /* smaller screen tweaks */
@media only screen and (max-device-width : 840px) { @media only screen and (max-device-width: 840px) {
body { body {
grid-template-columns: max(225px, 15%) auto; grid-template-columns: max(225px, 15%) auto;
} }
} }
/* mobile tweaks */ /* mobile tweaks */
@media only screen and (max-device-width : 480px) { @media only screen and (max-device-width: 480px) {
main { main {
width: 100vw; width: 100vw;
box-shadow: none; box-shadow: none;