Difference between revisions of "Template:BOKU-Vienna-header"

Line 116: Line 116:
 
       font-weight: 400;
 
       font-weight: 400;
 
     }
 
     }
     .navbar-custom {
+
      
      margin-top:12px;
+
 
      margin-bottom: 0;
+
 
      border-bottom: 0px solid rgba(255, 255, 255, 0.3);
+
 
      text-transform: uppercase;
+
 
      font-family: Tahoma, Geneva, sans-serif;
+
 
      background-color: black;
+
 
    }
+
 
    .navbar-custom .navbar-toggle {
+
 
      color: white;
+
 
      background-color: rgba(255, 255, 255, 0.2);
+
 
      font-size: 12px;
+
    }
+
    .navbar-custom .navbar-toggle:focus,
+
    .navbar-custom .navbar-toggle:active {
+
      outline: none;
+
    }
+
    .navbar-custom .navbar-brand {
+
      font-weight: 700;
+
    }
+
    .navbar-custom .navbar-brand img {
+
      height: 40px;
+
    }
+
    .navbar-custom .navbar-brand:focus {
+
      outline: none;
+
    }
+
    .navbar-custom a {
+
      color: black;
+
    }
+
    .navbar-custom .nav li a {
+
      -webkit-transition: background 0.3s ease-in-out;
+
      -moz-transition: background 0.3s ease-in-out;
+
      transition: background 0.3s ease-in-out;
+
    }
+
    .navbar-custom .nav li a:hover {
+
      color: rgba(255, 255, 255, 0.8);
+
      outline: none;
+
      background-color: transparent;
+
    }
+
    .navbar-custom .nav li a:focus,
+
    .navbar-custom .nav li a:active {
+
      outline: none;
+
      background-color: transparent;
+
    }
+
    .navbar-custom .nav li.active {
+
      outline: none;
+
    }
+
    .navbar-custom .nav li.active a {
+
      background-color: rgba(255, 255, 255, 0.3);
+
    }
+
    .navbar-custom .nav li.active a:hover {
+
      color: white;
+
    }
+
    @media (min-width: 768px) {
+
      .navbar-custom {
+
        padding: 20px 0;
+
        border-bottom: none;
+
        letter-spacing: 1px;
+
        background: transparent;
+
        -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
        -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
        transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
      }
+
      .navbar-custom.top-nav-collapse {
+
        padding: 0;
+
        background: black;
+
        border-bottom: 0px solid rgba(255, 255, 255, 0.3);
+
      }
+
 
     }
 
     }
 
     @media (min-width: 768px) {
 
     @media (min-width: 768px) {

Revision as of 12:51, 6 September 2017