[Summary view] [Print] [Text view]

   1  //
   2  // Alerts
   3  // --------------------------------------------------
   4  
   5  
   6  // Base styles
   7  // -------------------------
   8  
   9  .alert {
  10    padding: 8px 35px 8px 14px;
  11    margin-bottom: @baseLineHeight;
  12    text-shadow: 0 1px 0 rgba(255,255,255,.5);
  13    background-color: @warningBackground;
  14    border: 1px solid @warningBorder;
  15    .border-radius(@baseBorderRadius);
  16  }
  17  .alert,
  18  .alert h4 {
  19    // Specified for the h4 to prevent conflicts of changing @headingsColor
  20    color: @warningText;
  21  }
  22  .alert h4 {
  23    margin: 0;
  24  }
  25  
  26  // Adjust close link position
  27  .alert .close {
  28    position: relative;
  29    top: -2px;
  30    right: -21px;
  31    line-height: @baseLineHeight;
  32  }
  33  
  34  
  35  // Alternate styles
  36  // -------------------------
  37  
  38  .alert-success {
  39    background-color: @successBackground;
  40    border-color: @successBorder;
  41    color: @successText;
  42  }
  43  .alert-success h4 {
  44    color: @successText;
  45  }
  46  .alert-danger,
  47  .alert-error {
  48    background-color: @errorBackground;
  49    border-color: @errorBorder;
  50    color: @errorText;
  51  }
  52  .alert-danger h4,
  53  .alert-error h4 {
  54    color: @errorText;
  55  }
  56  .alert-info {
  57    background-color: @infoBackground;
  58    border-color: @infoBorder;
  59    color: @infoText;
  60  }
  61  .alert-info h4 {
  62    color: @infoText;
  63  }
  64  
  65  
  66  // Block alerts
  67  // -------------------------
  68  
  69  .alert-block {
  70    padding-top: 14px;
  71    padding-bottom: 14px;
  72  }
  73  .alert-block > p,
  74  .alert-block > ul {
  75    margin-bottom: 0;
  76  }
  77  .alert-block p + p {
  78    margin-top: 5px;
  79  }