redesign #1
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user