Difference between revisions of "Template:Freiburg/MenubarTest"

Line 437: Line 437:
 
/* ==== End Settings Submenu Level 2 ==== */
 
/* ==== End Settings Submenu Level 2 ==== */
  
.smallnav{
+
#smallnav{
 
     display: none;
 
     display: none;
 
}
 
}
Line 450: Line 450:
 
}
 
}
  
nav {
+
#smallnav {
 
     height: 40px;
 
     height: 40px;
 
     width: 100%;
 
     width: 100%;
Line 460: Line 460:
 
}
 
}
  
nav ul {
+
#smallnav ul {
 
     padding: 0;
 
     padding: 0;
 
     margin: 0 auto;
 
     margin: 0 auto;
Line 468: Line 468:
  
 
/* display list elements on the left */
 
/* display list elements on the left */
nav li {
+
#smallnav li {
 
     display: inline;
 
     display: inline;
 
     float: left;
 
     float: left;
Line 474: Line 474:
  
 
/* 6 elements in 600 px make 100px per element */
 
/* 6 elements in 600 px make 100px per element */
nav a {
+
#smallnav a {
 
     color: #fff;
 
     color: #fff;
 
     display: inline-block;
 
     display: inline-block;
Line 484: Line 484:
 
}
 
}
  
nav li a {
+
#smallnav li a {
 
     border-right: 1px solid #576979;
 
     border-right: 1px solid #576979;
 
     box-sizing:border-box;
 
     box-sizing:border-box;
Line 490: Line 490:
 
     -webkit-box-sizing:border-box;
 
     -webkit-box-sizing:border-box;
 
}
 
}
nav li:last-child a {
+
#smallnav li:last-child a {
 
     border-right: 0;
 
     border-right: 0;
  
nav a:hover, nav a:active {
+
#smallnav a:hover, #smallnav a:active {
 
     background-color: #8c99a4;
 
     background-color: #8c99a4;
 
}
 
}
  
nav a#pull {
+
#smallnav a#pull {
 
     display: none;
 
     display: none;
 
}   
 
}   
Line 781: Line 781:
 
<!-- BEGIN: Mobile Navigation -->
 
<!-- BEGIN: Mobile Navigation -->
  
         <nav class="clearfix smallnav">
+
         <div class="clearfix" id="smallnav">
 
             <ul class="clearfix">
 
             <ul class="clearfix">
 
                 <li><a href="#">Home</a></li>
 
                 <li><a href="#">Home</a></li>
Line 791: Line 791:
 
             </ul>
 
             </ul>
 
             <a href="#" id="pull">Menu</a>
 
             <a href="#" id="pull">Menu</a>
         </nav>
+
         </div>
  
 
<!-- END: Mobile Navigation -->
 
<!-- END: Mobile Navigation -->

Revision as of 09:40, 16 September 2015

""