addons/website/static/src/less/option_color_cobalt.less

   1 /* COLORS --------------------------------------------------------- */
   2
   3 @color-primary:         @color-blue;
   4 @color-success:         @color-turquoise;
   5 @color-info:            @color-green;
   6 @color-warning:         @color-asphalt;
   7 @color-danger:          @color-midnight;
   8
   9 /* COLORED BG -------------------------------------------------------- */
  10
  11 .bg-primary {
  12     background-color: @color-wind;
  13 }
  14 .bg-success {
  15     background-color: @color-silver;
  16 }
  17 .bg-info {
  18     background-color: @color-blue;
  19 }
  20 .bg-warning {
  21     background-color: @color-blue-dark;
  22 }
  23 .bg-danger {
  24     background-color: @color-asphalt;
  25 }
  26
  27 /* TEXTS & LINKS --------------------------------------------------- */
  28
  29 @text-muted:        @color-primary;
  30 @link-color:        @color-primary;
  31 @link-hover-color:  @color-info;
  32
  33 /* BUTTONS --------------------------------------------------------- */
  34
  35 @btn-primary-bg:                 @color-blue;
  36 @btn-success-bg:                 @color-turquoise;
  37 @btn-info-bg:                    @color-green;
  38 @btn-warning-bg:                 @color-orange;
  39 @btn-danger-bg:                  @color-red;
  40
  41 .btn .fa {
  42         color: white;}
  43
  44 .btn-default .fa {
  45         color: @gray-dark;}
  46
  47 /* TRANSPARENT BG --------------------------------------------------- */
  48 /* Used in snippets Prx Image Color and Prx Image Shade ------------- */
  49
  50 .bg-transparent-color { background: @color-blue-dark; opacity: 0.9;}
  51 .bg-transparent-shade { background: black; opacity: 0.5;}
  52
  53 /* Footer ----------------------------------------------------------- */
  54
  55 #wrapwrap footer {
  56    background-color: @color-midnight;
  57    color: @gray;
  58 }
  59 footer ul li a {
  60         color: @color-silver;
  61 }
  62
  63 footer ul li a:hover {
  64         color: @color-clouds;
  65     text-decoration: none;
  66 }
  67 footer h4 {
  68         color: @color-stone;
  69         padding-bottom: 12px;
  70     text-transform: uppercase;
  71 }
  72 footer .fa {
  73     color: @gray-light;
  74 }