4.21.5 警告框样式主题

针对警告框样式,先是统一调整了阴影设置,源码如下:

  1. // 源码214行
  2. .alert {
  3. text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  4. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba
  5. (0, 0, 0, 0.05);
  6. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba
  7. (0, 0, 0, 0.05);
  8. }

然后又对所有风格的边框颜色和背景设置进行了调整,以success为例,源码如下:

  1. // 源码219行
  2. .alert-success {
  3. background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  4. background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  5. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8',
  6. endColorstr='#ffc8e5bc', GradientType=0);
  7. background-repeat: repeat-x;
  8. border-color: #b2dba1;
  9. }