Menu stylings

This commit is contained in:
Fred Boniface 2022-10-18 12:15:58 +01:00
parent eed9ef9bd2
commit 0d15875f22
2 changed files with 46 additions and 1 deletions

View File

@ -30,7 +30,6 @@
</div> </div>
</div> </div>
<div id="sidebar" class="sidebar"> <div id="sidebar" class="sidebar">
<button class="sidebar_close" onclick="sidebarClose()">&times;</button>
<a href="/">Home</a> <a href="/">Home</a>
<a href="/gpg.php">GPG/PGP</a> <a href="/gpg.php">GPG/PGP</a>
<a href="/projects.php">Things I Do</a> <a href="/projects.php">Things I Do</a>

View File

@ -5,6 +5,52 @@
top: 0; top: 0;
left: 0; left: 0;
width: 100%; width: 100%;
height: 40px;
}
.menubar_logo img {
max-width: 13%;
padding: 5px;
}
.menubar_hamburger {
position: absolute;
top: 2px;
right: 0;
padding: 5px;
}
.sidebar_open_long {
display: none;
}
.sidebar_open_short {
font-size: larger;
background-color: slategrey;
color: azure;
border: none;
border-radius: 2px;
}
.sidebar {
position: fixed;
top: 40px;
right: 0;
margin: auto;
height: 100%;
max-width: 60%;
background-color: darkslategrey;
}
.sidebar a {
padding: 50px;
align: right;
width: 100%;
}
.sidebar_social {
position: absolute;
bottom: 50px;
} }
@media screen and (min-width: 800px) { @media screen and (min-width: 800px) {