-// Bootswatch.less
-// Swatch: Simplex
-// Version: 2.0.2
+// Simplex 3.0.3
+// Bootswatch
// -----------------------------------------------------
-// TYPOGRAPHY
-// -----------------------------------------------------
+@import url("//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700");
-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 =====================================================================
-.navbar .brand, .subnav a {
- color: @navbarText;
-}
+.navbar {
+ border-bottom: 1px solid #dfdfdf;
+ font-family: @headings-font-family;
-.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;
+ }
-.navbar .nav > li > a {
- text-shadow: none;
- &:hover {
- color: @white;
- background-color: rgba(256, 256, 256, 0.2);
+ &-brand {
+ padding: 14px 15px 8px;
}
}
-.subnav .nav > li > a {
- border-left: 0px solid white !important;
- border-right: 0px solid white !important;
- color: @grayDark;
-}
+// Buttons ====================================================================
-.btn-navbar:hover {
- background-color: darken(@white, 20%);
- background-position: 0 0;
+.btn {
+ font-family: @headings-font-family;
}
-// FORMS
-// -----------------------------------------------------
-
-.search-query {
- border: 1px solid #CCC;
- .border-radius(2px);
+.btn-default,
+.btn-default:hover {
+ .btn-shadow(@btn-default-bg);
}
-// BUTTONS
-// -----------------------------------------------------
+.btn-primary,
+.btn-primary:hover {
+ .btn-shadow(@btn-primary-bg);
+}
-.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-primary {
- .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground);
+.btn-info,
+.btn-info:hover {
+ .btn-shadow(@btn-info-bg);
}
-.btn-warning {
- .buttonBackground(lighten(@orange, 5%), @orange);
+.btn-warning,
+.btn-warning:hover {
+ .btn-shadow(@btn-warning-bg);
}
-.btn-danger {
- .buttonBackground(lighten(@red, 5%), @red);
+.btn-danger,
+.btn-danger:hover {
+ .btn-shadow(@btn-danger-bg);
}
-.btn-success {
- .buttonBackground(lighten(@green, 5%), @green);
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+.has-warning {
+ .help-block,
+ .control-label {
+ color: @brand-danger;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-danger;
+ }
}
-.btn-info {
- .buttonBackground(lighten(#5bc0de, 5%), #5bc0de);
+.has-error {
+ .help-block,
+ .control-label {
+ color: @brand-primary;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-primary;
+ }
}
-.btn-inverse {
- .buttonBackground(lighten(@purple, 5%), @purple);
+.has-success {
+ .help-block,
+ .control-label {
+ color: @brand-success;
+ }
+
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-success;
+ }
}
-// MISCELLANEOUS
-// -----------------------------------------------------
+// Navs =======================================================================
+
+.pagination {
-i[class^="icon-"]{
- opacity: 0.6;
+ .active > a,
+ .active > a:hover {
+ border-color: #ddd;
+ }
}
-.hero-unit {
- border: 1px solid rgba(0,0,0,.05);
- .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
-}
\ No newline at end of file
+// Indicators =================================================================
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
\ No newline at end of file