Menu stylings
This commit is contained in:
parent
eed9ef9bd2
commit
0d15875f22
@ -30,7 +30,6 @@
|
||||
</div>
|
||||
</div>
|
||||
<div id="sidebar" class="sidebar">
|
||||
<button class="sidebar_close" onclick="sidebarClose()">×</button>
|
||||
<a href="/">Home</a>
|
||||
<a href="/gpg.php">GPG/PGP</a>
|
||||
<a href="/projects.php">Things I Do</a>
|
||||
|
@ -5,6 +5,52 @@
|
||||
top: 0;
|
||||
left: 0;
|
||||
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) {
|
||||
|
Loading…
Reference in New Issue
Block a user