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

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