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

Line 85: Line 85:
 
     h6 {
 
     h6 {
 
       margin: 0 0 35px;
 
       margin: 0 0 35px;
       text-transform: none;
+
       text-transform: uppercase;
 
       font-family: Tahoma, Geneva, sans-serif;
 
       font-family: Tahoma, Geneva, sans-serif;
 
       font-weight: 700;
 
       font-weight: 700;
Line 115: Line 115:
 
     .light {
 
     .light {
 
       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:52, 6 September 2017