// Bootswatch.less // Swatch: Spacelab // Version: 2.0.4 // ----------------------------------------------------- // NAVBAR // ----------------------------------------------------- .navbar { .icon-bar { color: @linkColor; } //border-bottom: 1px solid #CACACA; .navbar-inner { //.box-shadow(0 1px 0 rgba(255,255,255,0.4)~", "0 0 10px rgba(0,0,0,0.1)); } .brand { font-weight: bold; &:hover { color: @linkColor; } } .navbar-text { line-height: 38px; padding: 0 10px; } .nav > li > a { font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .nav .active > a { background-color: transparent; color: @textColor; &:hover { background-color: transparent; color: @linkColor; } } .nav > li > a:hover, .nav li.open.dropdown .dropdown-toggle { color: @linkColor; } .nav .dropdown-toggle .caret { border-top-color: @textColor; opacity: 1; } .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; } } .nav-collapse.in .navbar-search { border-top: none; border-bottom: none; } .nav-collapse.in > .nav li > a { color: @textColor; .caret { border-top-color: @grayLight; } } .nav-collapse.in > .nav li > a:hover { text-shadow: none; color: @linkColor; background-color: transparent; .caret { border-top-color: @white; } } } .nav li.open.dropdown .caret, .nav .dropdown-toggle:hover .caret { border-top-color: @linkColor; } div.subnav { .nav > li > a { font-weight: bold; color: @textColor; &:hover { color: @linkColor; } } .nav > li.active > a { color: @textColor; &:hover { color: @grayDark; } } .nav > li > .dropdown-toggle { background-color: transparent; } .nav > li.dropdown.open > .dropdown-toggle { border-left: 1px solid whiteSmoke; border-right: 1px solid #E5E5E5; color: @linkColor; } .nav > .open > .dropdown-toggle:hover .caret { border-top-color: @linkColor; } } // BUTTON // ----------------------------------------------------- .btn { .buttonBackground(#F4F4F4, #ECECEC); } .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); } .btn-inverse { .buttonBackground(lighten(@purple, 5%), @purple); } // FORMS // ----------------------------------------------------- .control-group.warning { .formFieldState(#E29235, #E29235, @warningBackground); } .control-group.error { .formFieldState(#C00, #C00, @errorBackground); } .control-group.success { .formFieldState(#2BA949, #2BA949, @successBackground); } // MISC // ----------------------------------------------------- .label-important { background-color: #BD2C00; } .label-warning { background-color: #E3E84D; } .label-success { background-color: #6CC644; } .label-info { background-color: #4183C4; } .hero-unit { .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); border: 1px solid rgba(0,0,0,.05); }