-// Bootswatch.less
-// Swatch: Journal
-// Version: 2.1.0
+// Journal 2.3.0
+// Bootswatch
// -----------------------------------------------------
+
// TYPOGRAPHY
// -----------------------------------------------------
-@import url('https://fonts.googleapis.com/css?family=News+Cycle:400,700');
+@import url('//fonts.googleapis.com/css?family=News+Cycle:400,700');
h1, h2, h3, h4, h5, h6 {
- line-height: 1.5em;
+ margin: 0 0 10px;
+ line-height: 1.2;
a {
color: @headingsColor;
}
.brand {
- padding: 16px 20px 20px;
+ padding: 19px 20px 21px;
font-size: 24px;
font-weight: bold;
text-shadow: none;
}
.nav > li > a {
- padding: 20px 10px 21px;
+ padding: 20px 10px 20px;
font-size: 18px;
text-shadow: none;
text-transform: uppercase;
}
- .nav > li.active > a {
+ .nav > .active > a {
background-color: transparent;
- color: @headingsColor;
}
.navbar-text {
- margin-top: 21px;
+ margin-top: 20px;
padding-left: 10px;
padding-right: 10px;
font-size: 18px;
- line-height: 18px;
+ line-height: 20px;
}
.nav > .active > a,
.box-shadow(none);
}
- .nav li.dropdown > .dropdown-toggle:hover,
- .nav li.dropdown.active > .dropdown-toggle:hover {
- color: @black;
- }
-
- .nav li.dropdown > .dropdown-toggle .caret,
- .nav li.dropdown.open > .dropdown-toggle:hover .caret {
- border-top-color: @headingsColor;
- border-bottom-color: @headingsColor;
+ .divider-vertical {
+ border-left-color: @grayLighter;
+ border-right-color: @grayLighter;
}
.dropdown-menu {
}
}
- .nav-collapse.collapse {
+ .navbar-search .search-query,
+ .navbar-search .search-query:hover {
+ border: 2px solid @grayLighter;
+ color: @textColor;
+ .placeholder(@gray);
+ }
+}
+
+@media (max-width: @navbarCollapseWidth) {
+
+ .nav-collapse .navbar-form,
+ .nav-collapse .navbar-search {
+ margin-bottom: 0;
+ border-top: 2px solid @grayLighter;
+ border-bottom: 2px solid @grayLighter;
+ }
+
+
+
+ .navbar .nav-collapse {
.nav li > a {
- color: @headingsColor;
+ color: @navbarLinkColor;
&:hover {
background-color: @dropdownLinkBackgroundHover;
}
}
- .navbar-search .search-query,
- .navbar-search .search-query:hover {
- border: 2px solid @grayLighter;
- color: @textColor;
- .placeholder(@gray);
+ .navbar-inverse .nav-collapse {
+
+ .nav li > a {
+ color: @navbarInverseLinkColor;
+
+ &:hover {
+ background-color: #111;
+ background-image: none;
+ }
+ }
+
}
}
div.subnav {
+ margin: 0 1px;
height: 54px;
- background-color: @bodyBackground;
- background-image: none;
+ background: @bodyBackground none;
.box-shadow(none);
border: 2px solid @grayLighter;
border-left: none;
.border-radius(0);
&.subnav-fixed {
- top: @navbarHeight;
+ top: @navbarHeight + 1;
+ margin: 0;
+ border-top: none;
}
.nav > li > a,
}
.hero-unit {
+ padding: 30px 60px;
border: 1px solid rgba(0,0,0,.05);
.border-radius(0);
.box-shadow(none);
h1 {
- line-height: 1.5em;
+ margin: 0 0 10px;
+ line-height: 1.2;
}
}
border-color: #e5e5e5;
}
}
-
-@media (max-width: 979px) {
-
- .nav-collapse .navbar-form,
- .nav-collapse .navbar-search {
- margin-bottom: 0;
- border-top: 2px solid @grayLighter;
- border-bottom: 2px solid @grayLighter;
- }
-
-}