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

   1 // Journal 3.2.0
   2 // Bootswatch
   3 // -----------------------------------------------------
   4
   5 @import url("//fonts.googleapis.com/css?family=News+Cycle:400,700");
   6
   7 // Navbar =====================================================================
   8
   9 .navbar {
  10   font-size: 18px;
  11   font-family: @font-family-sans-serif;
  12   font-weight: @headings-font-weight;
  13
  14   &-default {
  15
  16     .badge {
  17       background-color: #000;
  18       color: #fff;
  19     }
  20   }
  21
  22   &-inverse {
  23
  24     .badge {
  25       background-color: #fff;
  26       color: @navbar-inverse-bg;
  27     }
  28   }
  29 }
  30
  31 .navbar-brand {
  32   font-size: 18px;
  33   font-weight: @headings-font-weight;
  34   text-transform: uppercase;
  35 }
  36
  37 // Buttons ====================================================================
  38
  39 // Typography =================================================================
  40
  41 // Tables =====================================================================
  42
  43 // Forms ======================================================================
  44
  45 .has-warning {
  46   .help-block,
  47   .control-label,
  48   .form-control-feedback {
  49     color: @brand-danger;
  50   }
  51
  52   .form-control,
  53   .form-control:focus {
  54     border-color: @brand-danger;
  55   }
  56 }
  57
  58 .has-error {
  59   .help-block,
  60   .control-label,
  61   .form-control-feedback {
  62     color: @brand-primary;
  63   }
  64
  65   .form-control,
  66   .form-control:focus {
  67     border-color: @brand-primary;
  68   }
  69 }
  70
  71 .has-success {
  72   .help-block,
  73   .control-label,
  74   .form-control-feedback {
  75     color: @brand-success;
  76   }
  77
  78   .form-control,
  79   .form-control:focus {
  80     border-color: @brand-success;
  81   }
  82 }
  83
  84 // Navs =======================================================================
  85
  86 // Indicators =================================================================
  87
  88 .badge {
  89   padding-bottom: 4px;
  90   vertical-align: 3px;
  91   font-size: 10px;
  92 }
  93
  94 // Progress bars ==============================================================
  95
  96 // Containers =================================================================
  97
  98 .jumbotron {
  99
 100   h1, h2, h3, h4, h5, h6 {
 101     font-family: @font-family-sans-serif;
 102     font-weight: @headings-font-weight;
 103     color: #000;
 104   }
 105 }
 106
 107 .panel {
 108
 109   &-primary,
 110   &-success,
 111   &-warning,
 112   &-danger,
 113   &-info {
 114     .panel-title {
 115       color: #fff;
 116     }
 117   }
 118
 119
 120 }