This commit is contained in:
Fred Boniface 2022-10-19 11:51:07 +01:00
parent 4de0e362ce
commit a2b1dc0e93
2 changed files with 24 additions and 18 deletions

View File

@ -1,4 +1,4 @@
.menubar { #menubar {
background-color: darkslategrey; background-color: darkslategrey;
color: azure; color: azure;
position: fixed; position: fixed;
@ -8,40 +8,37 @@
height: 40px; height: 40px;
} }
.menubar_logo img { #menubar_logo img {
max-width: 13%; max-width: 20px;
padding: 5px; padding: 10px;
} }
.menubar_hamburger { #menubar_hamburger {
position: absolute; position: absolute;
top: 2px; top: 2px;
right: 0; right: 0;
padding: 5px; padding: 5px;
} }
.sidebar_open_long {display: none;} #sidebar_open_short {
.sidebar_close_long {display: none;}
.sidebar_open_short {
display: block; display: block;
font-size: larger; font-size: larger;
background-color: slategrey; background-color: transparent;
color: azure; color: azure;
border: none; border: none;
border-radius: 2px; border-radius: 2px;
} }
.sidebar_close_short { #sidebar_close_short {
display: none; display: none;
font-size: larger; font-size: larger;
background-color: slategrey; background-color: transparent;
color: azure; color: azure;
border: none; border: none;
border-radius: 2px; border-radius: 2px;
} }
.sidebar { #sidebar {
position: fixed; position: fixed;
top: 40px; top: 40px;
right: 0; right: 0;
@ -54,7 +51,7 @@
transition: 0.7s; transition: 0.7s;
} }
.sidebar a { #sidebar a {
padding: 8px 8px 8px 8px; padding: 8px 8px 8px 8px;
margin-left: 20px; margin-left: 20px;
margin-top: 10px; margin-top: 10px;
@ -67,14 +64,18 @@
display: block; display: block;
} }
.sidebar_social { #sidebar_logo {
}
#sidebar_social {
position: absolute; position: absolute;
bottom: 50px; bottom: 50px;
width: 100%; width: 100%;
} }
@media screen and (min-width: 800px) { @media screen and (min-width: 800px) {
.menubar { #menubar {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
top: 0px; top: 0px;

View File

@ -8,9 +8,10 @@ body {
.header-image-home { .header-image-home {
background-image: url(https://via.placeholder.com/375x335webp); background-image: url(https://via.placeholder.com/375x335webp);
min-height: 50%; min-height: 40%;
max-height: 45%;
width: 100%; width: 100%;
position: fixed; position: fixed; /* Try setting this to relative and .page-title to absolute */
top: 40px; top: 40px;
left: 0; left: 0;
} }
@ -22,4 +23,8 @@ body {
position: absloute; position: absloute;
box-shadow: 3px; box-shadow: 3px;
color: azure; color: azure;
}
.content {
margin-top: 95%;
} }