3.0.0 -> 3.0.1
[bootswatch] / cerulean / bootswatch.less
old mode 100755 (executable)
new mode 100644 (file)
index 3c9e678..7ee0c28
-// Bootswatch.less
-// Swatch: Cerulean
-// Version: 2.0.4
+// Cerulean 3.0.1
+// Bootswatch
 // -----------------------------------------------------
 
-// IMPORTS
-// -----------------------------------------------------
+.btn-shadow(@color) {
+       #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
+       border-bottom: 1px solid darken(@color, 10%);
+}
 
-@import url(https://fonts.googleapis.com/css?family=Telex);
-
-// NAVBAR
-// -----------------------------------------------------
+// Navbar =====================================================================
 
 .navbar {
+       .btn-shadow(@navbar-default-bg);
+       filter: none;
+       .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
 
-       font-family: @headingsFontFamily;
-
-       .navbar-inner {
-               #gradient > .vertical-three-colors(@navbarBackground, @navbarBackground, 90%, @navbarBackgroundHighlight);
-       }
-
-       .brand {
-               padding: 15px 20px;
-       }
-
-       .nav > li > a {
-               padding: 16px 10px 14px;
+       .navbar-nav > li > a,
+       &-brand {
+               text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }
+}
 
-       .nav li.dropdown.active > .dropdown-toggle,
-       .nav li.dropdown.active.open > .dropdown-toggle {
-               background-color: @navbarLinkBackgroundActive;
-       }
+.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%);
+}
 
-       .nav-collapse.in > .nav > li .dropdown-menu a {
-               color: @white;
+// Buttons ====================================================================
 
-               &:hover {
-                       color: @white;
-               }
-       }
+.btn {
 
-       .nav-collapse.in .nav li > a {
-               color: @white;
+       text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 
-               &:hover {
-                       background-color: #2B7CAC;
-               }
+       .caret {
+               border-top-color: #fff;
        }
+}
 
-       .search-query {
-               border: 1px solid darken(@linkColor, 10%);
-       }
+.btn-default {
+       
+       .btn-shadow(@btn-default-bg);
 
-       .btn-navbar:hover {
-           background-color: darken(@white, 20%);
+       &:hover {
+               color: @btn-default-color;
        }
 
-       .navbar-text {
-               padding: 19px 10px 18px;
-               line-height: 13px;
-               color: rgba(0, 0, 0, 0.5);
-               text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.25);
+       .caret {
+               border-top-color: @text-color;
        }
 }
 
-div.subnav {
-       font-family: @headingsFontFamily;
-
-       &-fixed {
-               top: @navbarHeight;
-       }
-}
-
-// 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;
+       }
 }