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

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