Minor menu adjustments

This commit is contained in:
Fred Boniface 2022-10-17 11:26:14 +01:00
parent af7061dc46
commit 666029312c

View File

@ -78,20 +78,21 @@ footer {
height: 100%; height: 100%;
width: 0; /* Hidden by default */ width: 0; /* Hidden by default */
position: fixed; position: fixed;
padding-top: 90px;
z-index: 1; z-index: 1;
top: 0; top: 0;
right: 0; right: 0;
background-color: #111; background-color: #111;
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
transition: 0.5s; /* 0.5 second transition effect to slide in the sidebar */ transition: 0.7s; /* 0.5 second transition effect to slide in the sidebar */
} }
/* The sidebar links */ /* The sidebar links */
.sidebar a { .sidebar a {
padding: 8px 8px 8px 8px; padding: 8px 8px 8px 8px;
margin-left: 20px; margin-left: 20px;
margin-top: 30px; margin-top: 10px;
font-family: oxygen, sans-serif; font-family: oxygen, sans-serif;
font-weight: 300; font-weight: 300;
text-decoration: none; text-decoration: none;
@ -99,7 +100,7 @@ footer {
font-size: 25px; font-size: 25px;
color: #bcbcbc; color: #bcbcbc;
display: block; display: block;
transition: 0.3s; transition: 0.7s;
} }
/* When you mouse over the navigation links, change their color */ /* When you mouse over the navigation links, change their color */
@ -110,8 +111,8 @@ footer {
/* Position and style the close button (top right corner) */ /* Position and style the close button (top right corner) */
.sidebar .close { .sidebar .close {
position: absolute; position: absolute;
top: 0; top: -10px;
right: 25px; right: 20px;
font-size: 36px; font-size: 36px;
margin-left: 50px; margin-left: 50px;
} }