git.roojs.org Git - bootswatch/blob - cerulean/bootswatch.less

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