Difference between revisions of "Template:Duesseldorf"

Line 25: Line 25:
 
}
 
}
  
−
/* Icon 1 */
 
  
 
#nav-icon3 {
 
#nav-icon3 {
Line 61: Line 60:
 
   transition: .25s ease-in-out;
 
   transition: .25s ease-in-out;
 
}
 
}
−
 
−
/* Icon 3 */
 
  
 
#nav-icon3 span:nth-child(1) {
 
#nav-icon3 span:nth-child(1) {
Line 76: Line 73:
 
}
 
}
  
−
#nav-icon3.open span:nth-child(1) {
+
.nav-open #nav-icon3 span:nth-child(1) {
 
   top: 18px;
 
   top: 18px;
 
   width: 0%;
 
   width: 0%;
Line 82: Line 79:
 
}
 
}
  
−
#nav-icon3.open span:nth-child(2) {
+
.nav-open #nav-icon3 span:nth-child(2) {
 
   -webkit-transform: rotate(45deg);
 
   -webkit-transform: rotate(45deg);
 
   -moz-transform: rotate(45deg);
 
   -moz-transform: rotate(45deg);
Line 89: Line 86:
 
}
 
}
  
−
#nav-icon3.open span:nth-child(3) {
+
.nav-open #nav-icon3 span:nth-child(3) {
 
   -webkit-transform: rotate(-45deg);
 
   -webkit-transform: rotate(-45deg);
 
   -moz-transform: rotate(-45deg);
 
   -moz-transform: rotate(-45deg);
Line 96: Line 93:
 
}
 
}
  
−
#nav-icon3.open span:nth-child(4) {
+
.nav-open #nav-icon3 span:nth-child(4) {
 
   top: 18px;
 
   top: 18px;
 
   width: 0%;
 
   width: 0%;
Line 106: Line 103:
 
<div id="2021DD_TopBar">
 
<div id="2021DD_TopBar">
  
−
<button id="2021DD_NavButton" onclick="document.getElementById('nav-icon3').classList.toggle('open')">
+
<button id="2021DD_NavButton" onclick="document.body.classList.toggle('nav-open')">
 
Menu
 
Menu
 
<div id="nav-icon3">
 
<div id="nav-icon3">
Line 117: Line 114:
  
  
−
<nav>
+
</div>
 +
 
 +
<nav id="2021DD_Navigation" >
  
 
<ol>
 
<ol>
Line 127: Line 126:
  
 
</nav>
 
</nav>
−
 
−
</div>
 
  
 
</html>
 
</html>

Revision as of 15:03, 19 September 2021