addons/theme_bootswatch/static/src/less/amelia/bootswatch.less

   1 // Amelia 3.2.0
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 @import url("//fonts.googleapis.com/css?family=Lobster|Cabin:400,700");
   6
   7 // Navbar =====================================================================
   8
   9 .navbar {
  10
  11   &-brand {
  12     font-family: 'Lobster', cursive;
  13   }
  14
  15   &-default {
  16     .badge {
  17       background-color: #fff;
  18       color: @navbar-default-bg;
  19     }
  20   }
  21 }
  22
  23 // Buttons ====================================================================
  24
  25 .btn {
  26
  27   .caret {
  28     border-top-color: #fff;
  29   }
  30 }
  31
  32 .btn-default {
  33
  34   &:hover {
  35     color: @btn-default-color;
  36   }
  37
  38   .caret {
  39     border-top-color: @btn-default-color;
  40   }
  41 }
  42
  43 // Typography =================================================================
  44
  45 .text-primary,
  46 .text-primary:hover {
  47   color: lighten(@brand-primary, 40%);
  48 }
  49
  50 .text-success,
  51 .text-success:hover {
  52   color: lighten(@brand-success, 20%);
  53 }
  54
  55 .text-danger,
  56 .text-danger:hover {
  57   color: lighten(@brand-danger, 20%);
  58 }
  59
  60 .text-warning,
  61 .text-warning:hover {
  62   color: lighten(@brand-warning, 20%);
  63 }
  64
  65 .text-info,
  66 .text-info:hover {
  67   color: lighten(@brand-info, 40%);
  68 }
  69
  70 // Tables =====================================================================
  71
  72 .table-responsive > .table {
  73   background-color: @table-bg;
  74 }
  75
  76 table,
  77 .table {
  78
  79   a:not(.btn) {
  80     color: #fff;
  81     text-decoration: underline;
  82   }
  83
  84   .text-muted {
  85     color: @text-muted;
  86   }
  87 }
  88
  89 // Forms ======================================================================
  90
  91 input,
  92 textarea {
  93   color: @input-color;
  94 }
  95
  96 legend {
  97   font-family: 'Lobster', cursive;
  98   color: #fff;
  99 }
 100
 101 .input-group-addon {
 102   color: @btn-default-color;
 103 }
 104
 105 .has-warning {
 106   .help-block,
 107   .control-label,
 108   .form-control-feedback {
 109     color: lighten(@brand-warning, 20%);
 110   }
 111
 112   .form-control,
 113   .form-control:focus {
 114     border-color: lighten(@brand-warning, 20%);
 115   }
 116
 117   .input-group-addon {
 118     border: none;
 119   }
 120 }
 121
 122 .has-error {
 123   .help-block,
 124   .control-label,
 125   .form-control-feedback {
 126     color: lighten(@brand-primary, 40%);
 127   }
 128
 129   .form-control,
 130   .form-control:focus {
 131     border-color: lighten(@brand-primary, 40%);
 132   }
 133
 134   .input-group-addon {
 135     border: none;
 136   }
 137 }
 138
 139 .has-success {
 140   .help-block,
 141   .control-label,
 142   .form-control-feedback {
 143     color: lighten(@brand-success, 20%);
 144   }
 145
 146   .form-control,
 147   .form-control:focus {
 148     border-color: lighten(@brand-success, 20%);
 149   }
 150
 151   .input-group-addon {
 152     border: none;
 153   }
 154 }
 155
 156 // Navs =======================================================================
 157
 158 .pagination {
 159
 160   a:hover {
 161     color: #fff;
 162   }
 163 }
 164
 165 .pager {
 166
 167   a:hover {
 168     color: #fff;
 169   }
 170 }
 171
 172 // Indicators =================================================================
 173
 174 .close {
 175   opacity: 0.4;
 176
 177   &:hover,
 178   &:focus {
 179     opacity: 1;
 180   }
 181 }
 182
 183 // Progress bars ==============================================================
 184
 185 // Containers =================================================================
 186
 187 a.thumbnail:hover,
 188 a.thumbnail:focus,
 189 a.thumbnail.active {
 190   border-color: @thumbnail-border;
 191 }
 192
 193 .popover {
 194   color: @gray-dark;
 195 }