193 lines
No EOL
3.3 KiB
Text
193 lines
No EOL
3.3 KiB
Text
// 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);
|
|
} |