-// Bootswatch.less
-// Swatch: Cerulean
-// Version: 2.0.3
+// Cerulean 3.0.3
+// Bootswatch
// -----------------------------------------------------
-// TYPOGRAPHY
-// -----------------------------------------------------
-
-@import url(https://fonts.googleapis.com/css?family=Telex);
-
-.navbar, .subnav {
- font-family: @headingsFontFamily;
+.btn-shadow(@color) {
+ #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
+ filter: none;
+ border-bottom: 1px solid darken(@color, 10%);
}
-// NAVBAR
-// -----------------------------------------------------
+// Navbar =====================================================================
-.navbar-inner {
- #gradient > .vertical-three-colors(@navbarBackground, @navbarBackground, 90%, @navbarBackgroundHighlight);
-}
+.navbar {
+ .btn-shadow(@navbar-default-bg);
+ filter: none;
+ .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
- .nav li.dropdown.active > .dropdown-toggle,
- .nav li.dropdown.active.open > .dropdown-toggle {
- background-color: @navbarLinkBackgroundActive;
+ .navbar-nav > li > a,
+ &-brand {
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
+}
-.navbar .search-query {
- border: 1px solid darken(@linkColor, 10%);
+.navbar-inverse {
+ #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));
+ filter: none;
+ border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
}
-// responsive menu colors
+// Buttons ====================================================================
-.navbar .nav-collapse.in > .nav > li .dropdown-menu a {
- color: @white;
-
- &:hover {
- color: @white;
+.btn {
+
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
+
+ .caret {
+ border-top-color: #fff;
}
}
-.navbar .nav-collapse.in .nav li > a {
- color: @white;
+.btn-default {
+ .btn-shadow(@btn-default-bg);
+
&:hover {
- background-color: #2B7CAC;
+ color: @btn-default-color;
}
-}
-.btn-navbar:hover {
- background-color: darken(@white, 20%);
+ .caret {
+ border-top-color: @text-color;
+ }
}
-// BUTTONS
-// -----------------------------------------------------
-
-.btn {
- #gradient > .vertical-three-colors(@white, @white, 5%, darken(@white, 0%));
- @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
- .box-shadow(@shadow);
-
- &:hover {
- background-position: 0 0;
- }
+.btn-default {
+ .btn-shadow(@btn-default-bg);
}
.btn-primary {
- .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground);
+ .btn-shadow(@btn-primary-bg);
}
-.btn-info {
- .buttonBackground(lighten(@btnInfoBackground, 5%), @btnInfoBackground);
+.btn-success {
+ .btn-shadow(@btn-success-bg);
}
-.btn-success {
- .buttonBackground(lighten(@btnSuccessBackground, 5%), @btnSuccessBackground);
+.btn-info {
+ .btn-shadow(@btn-info-bg);
}
.btn-warning {
- .buttonBackground(lighten(@btnWarningBackground, 5%), @btnWarningBackground);
+ .btn-shadow(@btn-warning-bg);
}
.btn-danger {
- .buttonBackground(lighten(@btnDangerBackground, 5%), @btnDangerBackground);
+ .btn-shadow(@btn-danger-bg);
}
-.btn-inverse {
- .buttonBackground(lighten(@btnInverseBackground, 5%), @btnInverseBackground);
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+// Navs =======================================================================
+
+.pagination {
+
+ .active > a,
+ .active > a:hover {
+ border-color: #ddd;
+ }
}
-// ICONS
-// -----------------------------------------------------
+// Indicators =================================================================
-// Make icons gray
-i[class^="icon-"]{
- opacity: 0.8;
+// Progress bars ==============================================================
+
+// Containers =================================================================
+
+.panel-primary,
+.panel-success,
+.panel-warning,
+.panel-danger,
+.panel-info {
+
+ .panel-heading,
+ .panel-title {
+ color: #fff;
+ }
}