libs/bootstrap/less/alerts.less

   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 }