-// Bootswatch.less
-// Swatch: Cerulean
+// Cerulean 3.0.1
+// Bootswatch
// -----------------------------------------------------
-// TYPOGRAPHY
-// -----------------------------------------------------
+.btn-shadow(@color) {
+ #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
+ border-bottom: 1px solid darken(@color, 10%);
+}
+
+// Navbar =====================================================================
-@import url(http://fonts.googleapis.com/css?family=Telex);
+.navbar {
+ .btn-shadow(@navbar-default-bg);
+ filter: none;
+ .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
-h1,h2,h3,h4,h5,h6, .navbar, .subnav {
- font-family: 'Telex', sans-serif;
+ .navbar-nav > li > a,
+ &-brand {
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+ }
}
-h1,h2,h3,h4,h5,h6 {
- color: #317EAC
+.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%);
}
-// NAVBAR
-// -----------------------------------------------------
+// Buttons ====================================================================
-.navbar-inner {
- #gradient > .vertical-three-colors(@navbarBackground, @navbarBackground, 90%, @navbarBackgroundHighlight);
-}
+.btn {
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover {
- background-color: @navbarBackground;
- background-color: rgba(0,0,0,.2);
-}
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
-.navbar .search-query {
- border: 1px solid darken(@linkColor, 10%);
+ .caret {
+ border-top-color: #fff;
+ }
}
-// responsive menu colors
-
-.navbar .nav-collapse > .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%);
- background-position: 0 0;
+ .caret {
+ border-top-color: @text-color;
+ }
}
-// FORMS
-// -----------------------------------------------------
-
-// Warning
-.control-group.warning {
- .formFieldState(@orange, @orange, @warningBackground);
-}
-// Error
-.control-group.error {
- .formFieldState(@red, @red, @errorBackground);
-}
-// Success
-.control-group.success {
- .formFieldState(darken(@green, 10%), darken(@green, 10%), @successBackground);
+.btn-default {
+ .btn-shadow(@btn-default-bg);
}
-// 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);
+.btn-primary {
+ .btn-shadow(@btn-primary-bg);
}
-.btn-warning {
- .caret {
- border-top-color: @white;
- .opacity(75);
- }
+.btn-success {
+ .btn-shadow(@btn-success-bg);
}
-// Set the backgrounds
-// -------------------------
-.btn-primary {
- .buttonBackground(lighten(@linkColor, 5%), @linkColor);
+.btn-info {
+ .btn-shadow(@btn-info-bg);
}
-// Warning appears are orange
+
.btn-warning {
- .buttonBackground(lighten(@orange, 5%), @orange);
+ .btn-shadow(@btn-warning-bg);
}
-// Danger and error appear as red
+
.btn-danger {
- .buttonBackground(lighten(@red, 5%), @red);
+ .btn-shadow(@btn-danger-bg);
}
-// Success appears as green
-.btn-success {
- .buttonBackground(lighten(@green, 5%), @green);
-}
-// Info appears as a neutral blue
-.btn-info {
- .buttonBackground(lighten(@purple, 5%), @purple);
+
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+// Navs =======================================================================
+
+.pagination {
+
+ .active > a,
+ .active > a:hover {
+ border-color: #ddd;
+ }
}
-// ICONS
-// -----------------------------------------------------
+// Indicators =================================================================
-// Make icons gray
-i[class^="icon-"]{
- opacity: 0.8;
-}
\ No newline at end of file
+// Progress bars ==============================================================
+
+// Containers =================================================================
+
+.panel-primary,
+.panel-success,
+.panel-warning,
+.panel-danger,
+.panel-info {
+
+ .panel-heading,
+ .panel-title {
+ color: #fff;
+ }
+}