Adjust styles for social links

This commit is contained in:
Fred Boniface 2022-10-28 19:54:50 +01:00
parent 51a073f103
commit 36172eb45f

View File

@ -2,7 +2,7 @@
:root { :root {
--main-bg-color: lightslategrey; --main-bg-color: lightslategrey;
--accent-color: darkslategrey; --accent-color: darkslategrey;
--overlay-color: #2f4f4f8f; --overlay-color: #2f4f4fb8;
--main-text-color: azure; --main-text-color: azure;
--link-color: cyan; --link-color: cyan;
} }
@ -131,17 +131,23 @@ body {
#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 {
margin-top: 40%; margin-top: 30%;
text-align: center; text-align: center;
} }
@media screen and (max-height: 500px) { @media screen and (max-height: 540px){#sidebar_logo{display:none}
#sidebar_logo {display: none;}
} }
#sidebar_social { #sidebar_social {
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
width: 100%; width: 100%;
text-align: center;
} }
#sidebar_social img {
max-width: 64px;
width: 14%;
}
@media screen and (min-height: 600px){#sidebar_social img{margin-bottom:40px}}
@media screen and (max-height: 400px){#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;