Difference between revisions of "Template:Marburg/navigation"

Line 6: Line 6:
 
             ul.topnav {
 
             ul.topnav {
 
                 width: 100%;
 
                 width: 100%;
−
                position: fixed;
 
 
                 list-style-type: none;
 
                 list-style-type: none;
 
                 margin: 0;
 
                 margin: 0;
Line 36: Line 35:
 
             ul.topnav li.icon {
 
             ul.topnav li.icon {
 
                 display: none;
 
                 display: none;
−
            }
 
−
 
−
            @media screen and (max-width:680px) {
 
−
                ul.topnav li:not(:first-child) {
 
−
                    display: none;
 
−
                }
 
−
                ul.topnav li.icon {
 
−
                    float: right;
 
−
                    display: inline-block;
 
−
                }
 
−
            }
 
−
 
−
            @media screen and (max-width:680px) {
 
−
                ul.topnav.responsive {
 
−
                    position: fixed;
 
−
                }
 
−
                ul.topnav.responsive li.icon {
 
−
                    position: fixed;
 
−
                    right: 0;
 
−
                    top: 0;
 
−
                }
 
−
                ul.topnav.responsive li {
 
−
                    float: none;
 
−
                    display: inline;
 
−
                }
 
−
                ul.topnav.responsive li a {
 
−
                    display: block;
 
−
                    text-align: left;
 
−
                }
 
−
            }
 
−
 
−
            ul {
 
−
 
 
             }
 
             }
  
Line 103: Line 69:
 
             </li>
 
             </li>
 
         </ul>
 
         </ul>
−
 
−
        <script>
 
−
            function myFunction() {
 
−
                var x = document.getElementById("myTopnav");
 
−
                if (x.className === "topnav") {
 
−
                    x.className += " responsive";
 
−
                } else {
 
−
                    x.className = "topnav";
 
−
                }
 
−
            }
 
−
        </script>
 
  
 
     </body>
 
     </body>
 
</html>
 
</html>

Revision as of 03:33, 20 October 2016