-// Bootswatch.less
-// Swatch: United
+// United 2.2.2
+// Bootswatch
// -----------------------------------------------------
+
// TYPOGRAPHY
// -----------------------------------------------------
-// Ubuntu web font
-@import url(http://fonts.googleapis.com/css?family=Ubuntu);
+@import url(https://fonts.googleapis.com/css?family=Ubuntu);
+
+// SCAFFOLDING
+// -----------------------------------------------------
// NAVBAR
// -----------------------------------------------------
-// Added dividers to items
-.navbar .nav > li > a {
- border-right: 1px solid #C03D14;
- border-left: 1px solid #E6633A;
-
- &:hover {
- background-color: @linkColorHover;
- }
-}
+.navbar {
-// Lightened color of active item
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover {
- background-color: rgba(0,0,0,.2);
-}
+ .nav > li > a {
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
-// Styled item divider
-.navbar .divider-vertical {
- background-color: inherit;
- border-right: 0px solid #CE4213;
-}
+ &:hover {
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ }
+ }
-.navbar-search .search-query {
- border: 1px solid darken(@navbarBackground, 15%);
-}
+ .nav > .active > a,
+ .nav > .active > a:hover {
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ }
+
+ .divider-vertical {
+ background-color: inherit;
+ border-right: 1px solid rgba(0, 0, 0, 0.2);
+ }
-.navbar .nav-collapse > .nav > li .dropdown-menu a {
- color: @linkColor;
-
- &:hover {
+ .navbar-text {
+ padding: 9px 10px 11px;
+ line-height: 19px;
color: @white;
}
+
+ .navbar-search .search-query {
+ margin-bottom: 3px;
+ border: 1px solid darken(@navbarBackground, 15%);
+ }
}
-.navbar .nav-collapse.collapse > .nav li > a {
- color: @white;
- border-left: 0px solid @orange;
- border-right: 0px solid @orange;
-
- &:hover {
- background-color: #2B7CAC;
+@media (max-width: @navbarCollapseWidth) {
+
+ .navbar .nav-collapse {
+
+ .nav li > a {
+ color: @white;
+ border-left: 0px solid @orange;
+ border-right: 0px solid @orange;
+
+ &:hover {
+ background-color: rgba(0, 0, 0, 0.3) !important;
+ background-image: none;
+ }
+ }
+
+ .navbar-form,
+ .navbar-search {
+ border-top: 0px solid @orange;
+ border-bottom: 0px solid @orange;
+ .box-shadow(none);
+ }
+
+ .nav-header {
+ color: @grayLighter;
+ }
}
}
-.navbar .nav-collapse .navbar-form,
-.navbar .nav-collapse .navbar-search {
- border-top: 0px solid @orange;
- border-bottom: 0px solid @orange;
- .box-shadow(none);
+// NAV
+// -----------------------------------------------------
+
+.nav-tabs .open .dropdown-toggle,
+.nav-pills .open .dropdown-toggle,
+.nav > li.dropdown.open.active > a:hover {
+ border-right: 1px solid #C03D14;
+ border-left: 1px solid #E6633A;
}
// BUTTONS
// -----------------------------------------------------
-// Reversed gradient on primary button
.btn-primary {
- .buttonBackground(lighten(@primaryButtonBackground, 15%), @primaryButtonBackground);
+ .buttonBackground(lighten(@btnPrimaryBackground, 15%), @btnPrimaryBackground);
}
-// Made warning button yellow since orange is taken
.btn-warning {
.buttonBackground(lighten(@yellow, 15%), @yellow);
-
- .caret {
- border-top-color: @white;
- .opacity(75);
- }
}
+// TABLES
+// -----------------------------------------------------
+
+// FORMS
+// -----------------------------------------------------
+// DROPDOWNS
+// -----------------------------------------------------
-// ALERTS
+// ALERTS, LABELS, BADGES
// -----------------------------------------------------
-// Removed text-shadow
.alert {
- text-shadow: none !important;
+ text-shadow: none;
}
+// MISC
+// -----------------------------------------------------
+
+.hero-unit {
+ border: 1px solid rgba(0,0,0,.05);
+ .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+
+ h1 {
+ line-height: 1.6em;
+ }
+}
+
+// MEDIA QUERIES
+// -----------------------------------------------------