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