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