diff --git a/burgerIcon.js b/burgerIcon.js index 088a557..5b7858e 100644 --- a/burgerIcon.js +++ b/burgerIcon.js @@ -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) }