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         .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 .pagination {
  88
  89         .active > a,
  90         .active > a:hover {
  91                 border-color: #ddd;
  92         }
  93 }
  94
  95 // Indicators =================================================================
  96
  97 // Progress bars ==============================================================
  98
  99 // Containers =================================================================
 100
 101 .panel-primary {
 102
 103         .panel-title {
 104                 color: #fff;
 105         }
 106 }
 107
 108 .panel-success {
 109
 110         .panel-heading {
 111                 background-color: @brand-success;
 112                 color: #fff;
 113         }
 114
 115         .panel-title {
 116                 color: #fff;
 117         }
 118 }
 119
 120 .panel-warning {
 121
 122         .panel-heading {
 123                 background-color: @brand-warning;
 124                 color: #fff;
 125         }
 126
 127         .panel-title {
 128                 color: #fff;
 129         }
 130 }
 131
 132 .panel-danger {
 133
 134         .panel-heading {
 135                 background-color: @brand-danger;
 136                 color: #fff;
 137         }
 138
 139         .panel-title {
 140                 color: #fff;
 141         }
 142 }
 143
 144 .panel-info {
 145
 146         .panel-heading {
 147                 background-color: @brand-info;
 148                 color: #fff;
 149         }
 150
 151         .panel-title {
 152                 color: #fff;
 153         }
 154 }