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