fred.boniface/fredboniface.co.uk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change #sidebar a style on small displays

Browse Source
This commit is contained in:
Fred Boniface 2022-10-28 19:57:17 +01:00
parent 36172eb45f
commit 3e2030224d
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
style/new_style.css
View File

@ -128,6 +128,7 @@ body {
display: block; display: block;
white-space: nowrap; white-space: nowrap;
} }
@media screen and (max-height: 400px){#sidebar a{margin-top:5px}}
#sidebar a:hover {color: var(--main-text-color)} #sidebar a:hover {color: var(--main-text-color)}
#sidebar a:active {color: var(--main-text-color)} #sidebar a:active {color: var(--main-text-color)}
#sidebar_logo { #sidebar_logo {
@ -147,7 +148,7 @@ body {
width: 14%; width: 14%;
} }
@media screen and (min-height: 600px){#sidebar_social img{margin-bottom:40px}} @media screen and (min-height: 600px){#sidebar_social img{margin-bottom:40px}}
@media screen and (max-height: 400px){#sidebar_social{display:none}} @media screen and (max-height: 200px){#sidebar_social{display:none}}
/* CONTENT */ /* CONTENT */
.content { /* Try z-index: 1; so it scrolls over header image */ .content { /* Try z-index: 1; so it scrolls over header image */
padding-top: 10px; padding-top: 10px;