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

   1 // Amelia 3.0.1
   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
  16 // Buttons ====================================================================
  17
  18 .btn {
  19
  20         .caret {
  21                 border-top-color: #fff;
  22         }
  23 }
  24
  25 .btn-default {
  26
  27         &:hover {
  28                 color: @btn-default-color;
  29         }
  30
  31         .caret {
  32                 border-top-color: @btn-default-color;
  33         }
  34 }
  35
  36 // Typography =================================================================
  37
  38 .text-primary {
  39         color: lighten(@brand-primary, 40%);
  40 }
  41
  42 .text-success {
  43         color: lighten(@brand-success, 20%);
  44 }
  45
  46 .text-danger {
  47         color: lighten(@brand-danger, 20%);
  48 }
  49
  50 .text-warning {
  51         color: lighten(@brand-warning, 20%);
  52 }
  53
  54 .text-info {
  55         color: lighten(@brand-info, 40%);
  56 }
  57
  58 // Tables =====================================================================
  59
  60 .table-responsive > .table {
  61         background-color: @table-bg;
  62 }
  63
  64 // Forms ======================================================================
  65
  66 .has-warning {
  67         .help-block,
  68         .control-label {
  69                 color: lighten(@brand-warning, 20%);
  70         }
  71
  72         .form-control,
  73         .form-control:focus {
  74                 border-color: lighten(@brand-warning, 20%);
  75         }
  76 }
  77
  78 .has-error {
  79         .help-block,
  80         .control-label {
  81                 color: lighten(@brand-primary, 40%);
  82         }
  83
  84         .form-control,
  85         .form-control:focus {
  86                 border-color: lighten(@brand-primary, 40%);
  87         }
  88 }
  89
  90 .has-success {
  91         .help-block,
  92         .control-label {
  93                 color: lighten(@brand-success, 20%);
  94         }
  95
  96         .form-control,
  97         .form-control:focus {
  98                 border-color: lighten(@brand-success, 20%);
  99         }
 100 }
 101
 102 legend {
 103         font-family: 'Lobster', cursive;
 104         color: #fff;
 105 }
 106
 107 .input-group-addon {
 108         color: @btn-default-color;
 109 }
 110
 111 // Navs =======================================================================
 112
 113 .pagination {
 114
 115         a:hover {
 116                 color: #fff;
 117         }
 118 }
 119
 120 .pager {
 121
 122         a:hover {
 123                 color: #fff;
 124         }
 125 }
 126
 127 // Indicators =================================================================
 128
 129 // Progress bars ==============================================================
 130
 131 // Containers =================================================================
 132
 133 .list-group-item {
 134         background-color: lighten(@body-bg, 5%);
 135 }
 136
 137 .popover {
 138         color: @gray-dark;
 139 }