Enhanced menu experience to ease the navigation
This commit is contained in:
parent
2bb4d70903
commit
91c082b2d0
27
hamdash.html
27
hamdash.html
|
@ -37,6 +37,8 @@ db 8D 88 88 88booo. 88. db 8D
|
|||
body {
|
||||
background: black;
|
||||
font-size: 100%;
|
||||
max-width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.iframe-container {
|
||||
|
@ -187,9 +189,10 @@ db 8D 88 88 88booo. 88. db 8D
|
|||
width: auto;
|
||||
height: auto;
|
||||
margin-top: 70px;
|
||||
left: 0px;
|
||||
left: -100px;
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
/* Style for the right menu options */
|
||||
|
@ -197,18 +200,28 @@ db 8D 88 88 88booo. 88. db 8D
|
|||
display: grid;
|
||||
grid-gap: 3px;
|
||||
position: absolute;
|
||||
width: auto;
|
||||
width: 30px;
|
||||
height: auto;
|
||||
margin-top: 70px;
|
||||
right: 0px;
|
||||
z-index: 2;
|
||||
overflow: hidden;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
#myMenu:hover {
|
||||
width: 140px;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
#myMenuR:hover {
|
||||
width: 140px;
|
||||
right: 0px;
|
||||
}
|
||||
|
||||
#mySidenav a {
|
||||
position: relative;
|
||||
float: inline-start;
|
||||
left: -120px;
|
||||
left: -20px;
|
||||
transition: 0.3s;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
|
@ -234,7 +247,7 @@ db 8D 88 88 88booo. 88. db 8D
|
|||
#mySidenavR a {
|
||||
position: relative;
|
||||
float: inline-start;
|
||||
right: -120px;
|
||||
right: -20px;
|
||||
transition: 0.3s;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
|
@ -255,6 +268,7 @@ db 8D 88 88 88booo. 88. db 8D
|
|||
|
||||
#mySidenavR a:hover {
|
||||
right: 0;
|
||||
width: 130px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
@ -384,7 +398,8 @@ db 8D Y8b d8 88 `88. .88. 88 88 db 8D
|
|||
document.getElementById("FullScreen").style.display = "block";
|
||||
document.getElementById("iFrameContainer").style.zIndex = 1;
|
||||
document.getElementById("FullScreen").src = aURL[num][2];
|
||||
document.getElementById("FullScreen").style.transform = "scale(" + aURL[num][3] + ")";
|
||||
document.getElementById("FullScreen").style.transform =
|
||||
"scale(" + aURL[num][3] + ")";
|
||||
|
||||
if (aURL[num][1].toLowerCase() == "back") {
|
||||
// Start refreshes
|
||||
|
|
Loading…
Reference in New Issue