-// Slate 3.0.0
+// Slate 3.0.3
// Bootswatch
// -----------------------------------------------------
.btn-shadow(@color) {
#gradient > .vertical-three-colors(lighten(@color, 6%), @color, 60%, darken(@color, 4%));
+ filter: none;
}
.btn-shadow-inverse(@color) {
#gradient > .vertical-three-colors(darken(@color, 24%), darken(@color, 18%), 40%, darken(@color, 14%));
+ filter: none;
}
// Navbar =====================================================================
.navbar {
- .btn-shadow(@navbar-bg);
+ .btn-shadow(@navbar-default-bg);
border: 1px solid rgba(0, 0, 0, 0.6);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
.btn-shadow(@navbar-inverse-bg);
}
- &-brand {
- margin-right: 0;
- border-right: 1px solid rgba(0, 0, 0, 0.4);
-
- &:hover {
- .btn-shadow-inverse(@navbar-bg);
- }
- }
-
&-nav > li > a {
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.1);
&:hover {
- .btn-shadow-inverse(@navbar-bg);
+ .btn-shadow-inverse(@navbar-default-bg);
border-left-color: transparent;
}
}
+ .nav .open > a {
+ border-color: transparent;
+ }
+
&-nav > li.active > a {
border-left-color: transparent;
}
.btn-default {
.btn-shadow(@btn-default-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-default-bg);
+ }
}
.btn-primary {
.btn-shadow(@btn-primary-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-primary-bg);
+ }
}
.btn-success {
.btn-shadow(@btn-success-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-success-bg);
+ }
}
.btn-info {
.btn-shadow(@btn-info-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-info-bg);
+ }
}
.btn-warning {
.btn-shadow(@btn-warning-bg);
+
+ &:hover {
+ .btn-shadow-inverse(@btn-warning-bg);
+ }
}
.btn-danger {
.btn-shadow(@btn-danger-bg);
-}
-
-.btn-default:hover {
- .btn-shadow-inverse(@btn-default-bg);
-}
-
-.btn-primary:hover {
- .btn-shadow-inverse(@btn-primary-bg);
-}
-
-.btn-success:hover {
- .btn-shadow-inverse(@btn-success-bg);
-}
-.btn-info:hover {
- .btn-shadow-inverse(@btn-info-bg);
-}
-
-.btn-warning:hover {
- .btn-shadow-inverse(@btn-warning-bg);
+ &:hover {
+ .btn-shadow-inverse(@btn-danger-bg);
+ }
}
-.btn-danger:hover {
- .btn-shadow-inverse(@btn-danger-bg);
+.btn-link,
+.btn-link:hover {
+ border-color: transparent;
}
// Typography =================================================================
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
-.text-primary {
+.text-primary,
+.text-primary:hover {
color: @brand-primary;
}
-.text-success {
+.text-success,
+.text-success:hover {
color: @brand-success;
}
-.text-danger {
+.text-danger,
+.text-danger:hover {
color: @brand-danger;
}
-.text-warning {
+.text-warning,
+.text-warning:hover {
color: @brand-warning;
}
-.text-info {
+.text-info,
+.text-info:hover {
color: @brand-info;
}
}
}
+.table-responsive > .table {
+ background-color: @table-bg;
+}
+
// Forms ======================================================================
.has-warning {
border-color: rgba(0, 0, 0, 0.6);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
.btn-shadow(@btn-default-bg);
+ color: @btn-default-color;
}
// Navs =======================================================================
+.nav {
+
+ .open > a,
+ .open > a:hover,
+ .open > a:focus {
+ border-color: rgba(0, 0, 0, 0.6);
+ }
+
+}
+
.nav-pills {
+
& > li > a {
.btn-shadow(@btn-default-bg);
border: 1px solid rgba(0, 0, 0, 0.6);
& > li.active > a,
& > li.active > a:hover {
- bacground-color: none;
+ background-color: none;
.btn-shadow-inverse(@btn-default-bg);
border: 1px solid rgba(0, 0, 0, 0.6);
}
& > li.active > a {
.btn-shadow-inverse(@btn-default-bg);
+ border-color: rgba(0, 0, 0, 0.6);
}
& > li.disabled > a,
.list-group-item {
background-color: lighten(@body-bg, 5%);
+}
+
+.panel-primary,
+.panel-success,
+.panel-danger,
+.panel-warning,
+.panel-info {
+
+ .panel-heading {
+ border-color: #000;
+ }
}
\ No newline at end of file