2123174
/
Candle
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

„burgerIcon.js“ ändern

master_stand_10_05_23
Ahmed Bada 2023-05-17 14:57:35 +02:00
parent ec340299e1
commit d89f7e4f72
1 changed files with 62 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
burgerIcon.js
View File

@ -6,10 +6,15 @@ function openNav() {
opacity: 0;
pointer-events: none;
}
#uberuns{
pointer-events: auto;
opacity: 1;
}
#abmelden{
pointer-events: auto;
opacity: 1;
}
#buecher{
pointer-events: auto;
opacity: 1;
@ -42,21 +47,59 @@ function openNav() {
right: 240px;
top: 0px;
}
#uberuns{
position: fixed;
left: 340px;
top: 43px;
left: 43%;
top: 96px;
width: 120px;
height: 35px;
background-color:#664220 ;
color:rgb(255, 255, 255);
}
#abmelden{
position: fixed;
left: 0px;
top: 150px;
width: 120px;
height: 35px;
background-color:#664220 ;
color:rgb(255, 255, 255);
}
#buecher{
position: fixed;
left: 340px;
top: 96px;
left: 43%;
top: 43px;
width: 120px;
height: 35px;
background-color:#664220 ;
color:rgb(255, 255, 255);
padding-right:10px;
padding-left: 8px;
padding-top: 15px;
padding-bottom: 0px;
text-align: center;
text-decoration: none;
}
#meinebuecher{
position: fixed;
left: 340px;
top: 150px;
left: 43%;
top: 149px;
width: 120px;
height: 35px;
background-color:#664220 ;
color:rgb(255, 255, 255);
padding-right:10px;
padding-left: 8px;
padding-top: 15px;
padding-bottom: 0px;
text-align: center;
text-decoration: none;
}
@ -65,6 +108,8 @@ function openNav() {
opacity: 1;
pointer-events: auto;
}
`;
if (document.getElementById('nav-toggle').checked) {
var styleSheet = document.createElement("style")
@ -78,7 +123,7 @@ function openNav() {
link.type = 'text/css';
link.href = 'style.css';
link.href = 'probestyle.css';
// Get HTML head element to append
// link element to it
@ -91,21 +136,24 @@ function openNav() {
function unset()
{
var link = document.createElement('link');
var head = document.getElementsByTagName('head')[0];
// set the attributes for link element
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'style.css';
link.href = 'probestyle.css';
link.media = 'all';
// Get HTML head element to append
// link element to it
document.getElementsByTagName('HEAD')[0].appendChild(link);
var styleSheet = document.createElement("style")
styleSheet.innerText = closeNav
document.head.appendChild(styleSheet)
//document.getElementsByTagName('head').appendChild(link);
head.appendChild(link);
var styleSheet = document.createElement("style")
styleSheet.innerText = closeNav
document.head.appendChild(styleSheet)
}