From 36172eb45f7df289de2992e062b8efea11ebafee Mon Sep 17 00:00:00 2001 From: "fred.boniface" Date: Fri, 28 Oct 2022 19:54:50 +0100 Subject: [PATCH] Adjust styles for social links --- style/new_style.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/style/new_style.css b/style/new_style.css index d593515..5a0c0b1 100644 --- a/style/new_style.css +++ b/style/new_style.css @@ -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;