docs/website/css/bootswatch.less

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