addons/theme_bootswatch/static/src/less/cerulean/bootswatch.less

   1 // Cerulean 3.2.0
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 .btn-shadow(@color) {
   6   #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
   7   filter: none;
   8   border-bottom: 1px solid darken(@color, 10%);
   9 }
  10
  11 // Navbar =====================================================================
  12
  13 .navbar {
  14   .btn-shadow(@navbar-default-bg);
  15   filter: none;
  16   .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
  17
  18   &-default {
  19
  20     .badge {
  21       background-color: #fff;
  22       color: @navbar-default-bg;
  23     }
  24   }
  25
  26   &-inverse {
  27     #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), lighten(@navbar-inverse-bg, 4%), 60%, darken(@navbar-inverse-bg, 2%));
  28     filter: none;
  29     border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
  30
  31     .badge {
  32       background-color: #fff;
  33       color: @navbar-inverse-bg;
  34     }
  35   }
  36
  37   .navbar-nav > li > a,
  38   &-brand {
  39     text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  40   }
  41 }
  42
  43 @media (max-width: @grid-float-breakpoint-max) {
  44
  45   .navbar {
  46
  47     .dropdown-header {
  48       color: #fff;
  49     }
  50   }
  51 }
  52
  53 // Buttons ====================================================================
  54
  55 .btn {
  56
  57   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  58
  59   .caret {
  60     border-top-color: #fff;
  61   }
  62 }
  63
  64 .btn-default {
  65
  66   .btn-shadow(@btn-default-bg);
  67
  68   &:hover {
  69     color: @btn-default-color;
  70   }
  71
  72   .caret {
  73     border-top-color: @text-color;
  74   }
  75 }
  76
  77 .btn-default {
  78   .btn-shadow(@btn-default-bg);
  79 }
  80
  81 .btn-primary {
  82   .btn-shadow(@btn-primary-bg);
  83 }
  84
  85 .btn-success {
  86   .btn-shadow(@btn-success-bg);
  87 }
  88
  89 .btn-info {
  90   .btn-shadow(@btn-info-bg);
  91 }
  92
  93 .btn-warning {
  94   .btn-shadow(@btn-warning-bg);
  95 }
  96
  97 .btn-danger {
  98   .btn-shadow(@btn-danger-bg);
  99 }
 100
 101 // Typography =================================================================
 102
 103 // Tables =====================================================================
 104
 105 // Forms ======================================================================
 106
 107 // Navs =======================================================================
 108
 109 // Indicators =================================================================
 110
 111 // Progress bars ==============================================================
 112
 113 // Containers =================================================================
 114
 115 .panel-primary,
 116 .panel-success,
 117 .panel-warning,
 118 .panel-danger,
 119 .panel-info {
 120
 121   .panel-heading,
 122   .panel-title {
 123     color: #fff;
 124   }
 125 }