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