fred.boniface
/
fredboniface.co.uk
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: fred.boniface:167c92e7049f3160b2a7e1071f04979351b73023
Branches Tags
fred.boniface:master
fred.boniface:testing
..
compare: fred.boniface:aa2fbd43e66668ef31df81dad442ae69f2aebd9f
Branches Tags
fred.boniface:master
fred.boniface:testing

2 Commits
167c92e704 ... aa2fbd43e6

Author SHA1 Message Date
Fred Boniface aa2fbd43e6 Add Responsive Dimensions 2022-10-10 21:18:46 +01:00
Fred Boniface b683ea67c4 Finalise Sidebar Location 2022-10-10 21:08:59 +01:00
1 changed files with 15 additions and 2 deletions
Show Stats Expand all files Collapse all files

17
css/styles.css
View File

@ -93,14 +93,14 @@ footer {
.inflate { .inflate {
position: absolute; position: absolute;
top: 10px; top: 10px;
right: 25px; right: 10px;
} }
/* The button used to open the sidebar */ /* The button used to open the sidebar */
.open { .open {
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
background-color: #111; background-color: rgba(0, 0, 0, 0);
color: white; color: white;
padding: 10px 15px; padding: 10px 15px;
border: none; border: none;
@ -109,3 +109,16 @@ footer {
.open:hover { .open:hover {
background-color: #444; background-color: #444;
} }
/* Display menu bar on arger screens */
@media screen and (min-width: 600px) {
/*Hide sidebar button*/
.inflate {display: none;}
/*Change Menu Dimensions*/
.sidebar {
width: 100%;
height: 10px;
}
}