3.0.0 -> 3.0.1
[bootswatch] / cerulean / bootswatch.less
old mode 100755 (executable)
new mode 100644 (file)
index 9dca9ba..7ee0c28
-// 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;
+       }
 }
 
-// FORMS
-// -----------------------------------------------------
+.btn-default {
+       
+       .btn-shadow(@btn-default-bg);
 
-// 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);
+       &:hover {
+               color: @btn-default-color;
+       }
+
+       .caret {
+               border-top-color: @text-color;
+       }
 }
 
-// BUTTONS
-// -----------------------------------------------------
+.btn-default {
+       .btn-shadow(@btn-default-bg);
+}
 
-.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);
-}
-// Success appears as green
-.btn-success {
-  .buttonBackground(lighten(@green, 5%), @green);
+       .btn-shadow(@btn-danger-bg);
 }
-// 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;
+       }
+}