-// Slate 2.2.1
+// Slate 2.3.0
// Bootswatch
// -----------------------------------------------------
// SCAFFOLDING
// -----------------------------------------------------
-hr, legend, .page-header {
- border-top: none;
- border-bottom: 1px solid darken(@grayDarker, 5%);
- background-color: transparent;
+legend, .page-header {
+ border-bottom: 1px solid @hrBorder;
+}
+
+hr {
+ border-bottom: none;
}
// NAVBAR
.nav li > a:hover,
.nav li.active > a,
.nav li.active > a:hover {
- #gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg);
+ #gradient > .directional(darken(@grayDarker, 10%), darken(@grayDarker, 5%), 280deg);
}
}
}
div.subnav {
+ margin: 0 1px;
#gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark);
border: 1px solid transparent;
.box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)');
border-left: 1px solid transparent;
}
- &.subnav-fixed .nav > li.active:first-child > a,
- &.subnav-fixed .nav > li:first-child > a:hover {
- border-left: 1px solid darken(@gray, 15%);
- }
-
.nav > li.active:last-child > a,
.nav > li:last-child > a:hover {
border-right: 1px solid darken(@gray, 15%);
}
&.subnav-fixed {
+ top: @navbarHeight;
+ margin: 0;
.box-shadow(none);
+
+ .nav > li.active:first-child > a,
+ .nav > li:first-child > a:hover {
+ border-left: 1px solid darken(@gray, 15%);
+ }
}
}
.nav {
.nav-header {
- text-shadow: none;
+ text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}
& > li > a {
.box-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));
}
-.alert-heading {
- color: rgba(255, 255, 255, 0.9);
- text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
-}
-
.alert {
background-color: @orange;
border-color: @orange;
+
+ .alert-heading {
+ color: rgba(255, 255, 255, 0.9);
+ text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.4);
+ }
}
.alert-success {