2 * Component: Main Header
3 * ----------------------
12 .transition(margin-left @transition-speed @transition-fn);
14 margin-left: @sidebar-width;
16 min-height: @navbar-height;
22 //Navbar search text input
23 #navbar-search-input.form-control {
24 background: rgba(255, 255, 255, .2);
25 border-color: transparent;
28 border-color: rgba(0, 0, 0, .1);
29 background: rgba(255, 255, 255, .9);
35 &:-ms-input-placeholder {
38 &::-webkit-input-placeholder {
46 @media (max-width: @screen-sm-max) {
49 background: transparent;
54 @media (max-width: @screen-header-collapse) {
66 //Navbar toggle button
69 background-color: transparent;
70 background-image: none;
71 padding: @navbar-padding-vertical @navbar-padding-horizontal;
72 //Add the fontawesome bars icon
73 font-family: fontAwesome;
82 background: transparent;
85 .sidebar-toggle .icon-bar {
89 .navbar .nav > li.user > a {
98 .navbar .nav > li > a > .label {
110 .transition(width @transition-speed @transition-fn);
113 height: @navbar-height;
117 width: @sidebar-width;
118 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
122 //Add support to sidebar mini by allowing the user to create
123 //2 logo designs. mini and lg
125 //should be visibile when sidebar isn't collapsed
132 //Navbar Brand. Alternative logo with layout-top-nav
141 padding: 15px 15px 0 15px;
148 display: inline-block;
156 background: transparent;
167 text-decoration: none;
168 display: inline-block;
169 > .fa, > .glyphicon, > .ion {
178 @media (max-width: @screen-sm-max) {
188 color: darken(@gray, 20%);
198 padding: @navbar-padding-vertical @navbar-padding-horizontal;
201 //Control navbar scaffolding on x-small screens
202 @media (max-width: @screen-sm-max) {
203 .navbar-custom-menu .navbar-nav > li {
207 //Dont't let links get full width
208 .navbar-custom-menu .navbar-nav {
213 .navbar-custom-menu .navbar-nav > li > a {
215 padding-bottom: 15px;
221 @media (max-width: @screen-header-collapse) {
232 .navbar-custom-menu {
238 .navbar-collapse.pull-left {
239 @media (max-width: @screen-sm-max) {
240 float: none !important;
241 + .navbar-custom-menu {