// Bootswatch.less // Swatch: Spacelab // ----------------------------------------------------- // NAVBAR // ----------------------------------------------------- // navbar style .navbar { border-bottom: 1px solid #CACACA; .brand { font-size: 20px; font-weight: bold; color: @textColor; &:hover { color: @linkColor; } } } // navbar dropshadow .navbar .navbar-inner { .box-shadow(0 1px 0 rgba(255,255,255,0.4)); .box-shadow(0 0 10px rgba(0,0,0,0.1)); } // nav item typography .navbar .nav > li > a { font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .navbar .nav .active > a { background-color: transparent; color: @textColor; &:hover { background-color: transparent; color: @linkColor; } } .navbar .nav .open.dropdown .dropdown-toggle { color: @linkColor; } .navbar .nav .dropdown-toggle .caret { border-top-color: @textColor; opacity: 1; } .navbar .nav .open.dropdown .caret { border-top-color: @linkColor; } .navbar .nav .dropdown-toggle:hover .caret { border-top-color: @linkColor; } .subnav .nav > li > a { font-weight: bold; color: #777; &:hover { color: @linkColor; } } .subnav .nav > li.active > a { color: @textColor; &:hover { color: @grayDark; } } .navbar-search .search-query, .navbar-search .search-query:hover { border: none; color: @grayLight; .placeholder(@grayLight); .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5)); &:focus, &.focused { .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.5)); color: @textColor; } } .navbar .nav-collapse > .nav > li > a > .caret { border-top-color: @grayLight; } .navbar .nav-collapse > .nav > li > a:hover { text-shadow: none; color: @white; .caret { border-top-color: @white; } } // BUTTON // ----------------------------------------------------- .btn { .buttonBackground(#F4F4F4, #ECECEC); } .btn-warning { .caret { border-top-color: @white; .opacity(75); } } .btn-primary { .buttonBackground(#909090, #3F3F3F); } .btn-warning { .buttonBackground(lighten(@yellow, 15%), @yellow); } .btn-danger { .buttonBackground(lighten(#DA2D2D, 15%), #DA2D2D); } .btn-success { .buttonBackground(#8ADD6D, #60B044); } .btn-info { .buttonBackground(lighten(#4488BB, 15%), #4488BB); } // FORMS // ----------------------------------------------------- // Warning .control-group.warning { .formFieldState(#E29235, #E29235, @warningBackground); } // Error .control-group.error { .formFieldState(#C00, #C00, @errorBackground); } // Success .control-group.success { .formFieldState(#2BA949, #2BA949, @successBackground); } // LABELS // ----------------------------------------------------- .label-important { background-color: #BD2C00; } .label-warning { background-color: #E3E84D; } .label-success { background-color: #6CC644; } .label-info { background-color: #4183C4; }