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

   1 // Cyborg 3.2.0
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 @import url("//fonts.googleapis.com/css?family=Roboto:400,700");
   6
   7 // Navbar =====================================================================
   8
   9 // Buttons ====================================================================
  10
  11 // Typography =================================================================
  12
  13 .text-primary,
  14 .text-primary:hover {
  15   color: @brand-primary;
  16 }
  17
  18 .text-success,
  19 .text-success:hover {
  20   color: @brand-success;
  21 }
  22
  23 .text-danger,
  24 .text-danger:hover {
  25   color: @brand-danger;
  26 }
  27
  28 .text-warning,
  29 .text-warning:hover {
  30   color: @brand-warning;
  31 }
  32
  33 .text-info,
  34 .text-info:hover {
  35   color: @brand-info;
  36 }
  37
  38 // Tables =====================================================================
  39
  40 table,
  41 .table {
  42   color: #fff;
  43
  44   a:not(.btn) {
  45     color: #fff;
  46     text-decoration: underline;
  47   }
  48
  49   .text-muted {
  50     color: @text-muted;
  51   }
  52 }
  53
  54 .table-responsive > .table {
  55   background-color: @table-bg;
  56 }
  57
  58 // Forms ======================================================================
  59
  60 .has-warning {
  61   .help-block,
  62   .control-label,
  63   .form-control-feedback {
  64     color: @brand-warning;
  65   }
  66
  67   .form-control,
  68   .form-control:focus,
  69   .input-group-addon {
  70     border-color: @brand-warning;
  71   }
  72 }
  73
  74 .has-error {
  75   .help-block,
  76   .control-label,
  77   .form-control-feedback {
  78     color: @brand-danger;
  79   }
  80
  81   .form-control,
  82   .form-control:focus,
  83   .input-group-addon {
  84     border-color: @brand-danger;
  85   }
  86 }
  87
  88 .has-success {
  89   .help-block,
  90   .control-label,
  91   .form-control-feedback {
  92     color: @brand-success;
  93   }
  94
  95   .form-control,
  96   .form-control:focus,
  97   .input-group-addon {
  98     border-color: @brand-success;
  99   }
 100 }
 101
 102 legend {
 103   color: #fff;
 104 }
 105
 106 .input-group-addon {
 107   background-color: @btn-default-bg;
 108 }
 109
 110 // Navs =======================================================================
 111
 112 .nav-tabs,
 113 .nav-pills,
 114 .breadcrumb,
 115 .pager {
 116
 117   a {
 118     color: #fff;
 119   }
 120 }
 121
 122 // Indicators =================================================================
 123
 124 .alert {
 125
 126   .alert-link,
 127   a {
 128     color: @alert-warning-text;
 129     text-decoration: underline;
 130   }
 131
 132   .close {
 133     text-decoration: none;
 134   }
 135 }
 136
 137 .close {
 138   color: #fff;
 139   text-decoration: none;
 140   opacity: 0.4;
 141
 142   &:hover,
 143   &:focus {
 144     color: #fff;
 145     opacity: 1;
 146   }
 147 }
 148
 149 // Progress bars ==============================================================
 150
 151 // Containers =================================================================
 152
 153 a.thumbnail:hover,
 154 a.thumbnail:focus,
 155 a.thumbnail.active {
 156   border-color: @thumbnail-border;
 157 }
 158
 159 .jumbotron {
 160
 161   h1, h2, h3, h4, h5, h6 {
 162     color: #fff;
 163   }
 164 }