-// Bootswatch.less
-// Swatch: Simplex
+// Simplex 3.0.2
+// Bootswatch
// -----------------------------------------------------
-// TYPOGRAPHY
-// -----------------------------------------------------
+@import url("//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700");
-// Make headers black
-h1, h2, h3, h4, h5, h6 {
- color: @black;
+.btn-shadow(@color) {
+ #gradient > .vertical-three-colors(lighten(@color, 15%), @color, 6%, darken(@color, 4%));
+ filter: none;
+ border: 1px solid darken(@color, 10%);
}
-// NAVBAR
-// -----------------------------------------------------
+// Navbar =====================================================================
-// Gray text color
-.navbar .brand, .subnav a {
- color: @navbarText;
-}
+.navbar {
+ border-bottom: 1px solid #dfdfdf;
+ font-family: @headings-font-family;
-// Make active item white
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover {
- background-color: @grayDarker;
- color: @white;
-}
+ &-nav > li > a {
+ padding-top: @navbar-padding-vertical + 2px;
+ padding-bottom: @navbar-padding-vertical - 2px;
+ }
-// Remove text-shadow and make white on hover
-.navbar .nav > li > a {
- text-shadow: none;
- &:hover {
- color: @white;
- background-color: rgba(256, 256, 256, 0.2);
+ &-brand {
+ padding: 14px 15px 8px;
}
}
-// Remove menu item dividers on subnav
-.subnav .nav > li > a {
- border-left: 0px solid white !important;
- border-right: 0px solid white !important;
- color: @grayDark;
-}
+// Buttons ====================================================================
-// FORMS
-// -----------------------------------------------------
+.btn {
+ font-family: @headings-font-family;
+}
-// Style search input
-.search-query {
- border: 1px solid #CCC;
- .border-radius(2px);
- background-color: @white;
+.btn-default,
+.btn-default:hover {
+ .btn-shadow(@btn-default-bg);
}
-// BUTTONS
-// -----------------------------------------------------
+.btn-primary,
+.btn-primary:hover {
+ .btn-shadow(@btn-primary-bg);
+}
-// Make buttons boxier and flatter
-.btn {
- .border-radius(2px);
- #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%));
+.btn-success,
+.btn-success:hover {
+ .btn-shadow(@btn-success-bg);
}
-.btn-warning {
- .caret {
- border-top-color: @white;
- .opacity(75);
- }
+.btn-info,
+.btn-info:hover {
+ .btn-shadow(@btn-info-bg);
}
-.btn-primary {
- .buttonBackground(lighten(@primaryButtonBackground, 5%), @primaryButtonBackground);
+.btn-warning,
+.btn-warning:hover {
+ .btn-shadow(@btn-warning-bg);
}
-.btn-warning {
- .buttonBackground(lighten(@orange, 5%), @orange);
+.btn-danger,
+.btn-danger:hover {
+ .btn-shadow(@btn-danger-bg);
}
-.btn-danger {
- .buttonBackground(lighten(@red, 5%), @red);
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+.has-warning {
+ .help-block,
+ .control-label {
+ color: @brand-danger;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-danger;
+ }
}
-.btn-success {
- .buttonBackground(lighten(@green, 5%), @green);
+.has-error {
+ .help-block,
+ .control-label {
+ color: @brand-primary;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-primary;
+ }
}
-.btn-info {
- .buttonBackground(lighten(#5bc0de, 5%), #5bc0de);
+.has-success {
+ .help-block,
+ .control-label {
+ color: @brand-success;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-success;
+ }
}
-// ICONS
-// -----------------------------------------------------
+// Navs =======================================================================
-// Make icons gray
-i[class^="icon-"]{
- opacity: 0.6;
+.pagination {
+
+ .active > a,
+ .active > a:hover {
+ border-color: #ddd;
+ }
}
+
+// Indicators =================================================================
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
\ No newline at end of file