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 {
--main-bg-color: lightslategrey;
--accent-color: darkslategrey;
--overlay-color: #2f4f4f8f;
--overlay-color: #2f4f4fb8;
--main-text-color: azure;
--link-color: cyan;
}
@ -131,17 +131,23 @@ body {
#sidebar a:hover {color: var(--main-text-color)}
#sidebar a:active {color: var(--main-text-color)}
#sidebar_logo {
margin-top: 40%;
margin-top: 30%;
text-align: center;
}
@media screen and (max-height: 500px) {
#sidebar_logo {display: none;}
@media screen and (max-height: 540px){#sidebar_logo{display:none}
}
#sidebar_social {
position: absolute;
bottom: 50px;
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 { /* Try z-index: 1; so it scrolls over header image */
padding-top: 10px;