| /*! |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| |
| /* |
| * Component: Main Header |
| * ---------------------- |
| */ |
| |
| .main-header { |
| position: relative; |
| max-height: 100px; |
| z-index: 1030; |
| box-shadow: 0 5px 5px -5px #aaaaaa !important; |
| //Navbar |
| > .navbar { |
| .transition(margin-left @transition-speed @transition-fn); |
| margin-bottom: 0; |
| border: none; |
| min-height: @navbar-height; |
| border-radius: 0; |
| .layout-top-nav & { |
| margin-left: 0!important; |
| } |
| h1{ |
| font-size: 24px; |
| color: #808080; |
| margin: 27px 10px; |
| float: left; |
| font-weight: 300; |
| } |
| } |
| |
| //Navbar Right Menu |
| .navbar-custom-menu, |
| .navbar-right { |
| float: right; |
| .spinner{ |
| display: none; |
| margin: 28px 40px; |
| float: left; |
| } |
| @media (max-width: @screen-sm-max) { |
| a { |
| color: inherit; |
| background: transparent; |
| } |
| .spinner{ |
| margin: 28px 20px; |
| } |
| } |
| } |
| .navbar-right { |
| @media (max-width: @screen-header-collapse) { |
| float: none; |
| .navbar-collapse & { |
| margin: 7.5px -15px; |
| } |
| > li { |
| color: inherit; |
| border: 0; |
| } |
| } |
| } |
| //Navbar toggle button |
| .sidebar-toggle { |
| float: left; |
| background-color: transparent; |
| background-image: none; |
| padding: @navbar-padding-vertical @navbar-padding-horizontal; |
| //Add the fontawesome bars icon |
| font-family: fontAwesome; |
| &:before { |
| content: "\f0c9"; |
| } |
| &:hover { |
| color: #fff; |
| } |
| &:focus, |
| &:active { |
| background: transparent; |
| } |
| } |
| .sidebar-toggle .icon-bar { |
| display: none; |
| } |
| //Navbar User Menu |
| .navbar .nav > li.user > a { |
| > .fa { |
| margin-right: 5px; |
| } |
| } |
| |
| //Labels in navbar |
| .navbar .nav > li > a > .label { |
| position: absolute; |
| top: 9px; |
| right: 7px; |
| text-align: center; |
| font-size: 9px; |
| padding: 2px 3px; |
| line-height: .9; |
| } |
| |
| //Logo bar |
| .logo { |
| .transition(width @transition-speed @transition-fn); |
| display: block; |
| float: left; |
| height: @navbar-height; |
| font-size: 20px; |
| line-height: @navbar-height - 3; |
| text-align: center; |
| width: @sidebar-width; |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
| padding: 0 15px; |
| font-weight: 300; |
| overflow: hidden; |
| //Add support to sidebar mini by allowing the user to create |
| //2 logo designs. mini and lg |
| .logo-lg { |
| //should be visibile when sidebar isn't collapsed |
| display: block; |
| } |
| .logo-mini { |
| display: none; |
| } |
| img{ |
| width:100%; |
| height: 100%; |
| } |
| } |
| //Navbar Brand. Alternative logo with layout-top-nav |
| .navbar-brand { |
| color: #fff; |
| } |
| } |
| |
| // Content Header |
| .content-header { |
| position: relative; |
| padding: 15px 15px 0 15px; |
| // Header Text |
| > h1 { |
| margin: 0; |
| font-size: 24px; |
| > small { |
| font-size: 15px; |
| display: inline-block; |
| padding-left: 4px; |
| font-weight: 300; |
| } |
| } |
| } |
| .navbar-toggle { |
| color: #fff; |
| border: 0; |
| margin: 0; |
| padding: @navbar-padding-vertical @navbar-padding-horizontal; |
| } |
| //Control navbar scaffolding on x-small screens |
| @media (max-width: @screen-sm-max) { |
| .navbar-custom-menu .navbar-nav > li { |
| float: left; |
| } |
| //Dont't let links get full width |
| .navbar-custom-menu .navbar-nav { |
| margin: 0; |
| float: left; |
| } |
| |
| .navbar-custom-menu .navbar-nav > li > a { |
| padding-top: 15px; |
| padding-bottom: 15px; |
| line-height: 20px; |
| } |
| } |
| |
| // Collapse header |
| @media (max-width: @screen-header-collapse) { |
| .main-header { |
| position: relative; |
| .navbar { |
| margin: 0; |
| } |
| .navbar-custom-menu { |
| float: right; |
| } |
| |
| .sidebar-toggle{ |
| float:right; |
| border-left:solid 1px #eee; |
| } |
| } |
| } |
| |
| .navbar-collapse.pull-left { |
| @media(max-width: @screen-sm-max) { |
| float: none!important; |
| + .navbar-custom-menu { |
| display: block; |
| position: absolute; |
| top: 0; |
| right: 40px; |
| } |
| } |
| } |