panel.less 1.2 KB

123456789101112131415161718192021222324252627
  1. .panel{ background-color:#fff; border:solid 1px transparent}
  2. .panel-header{ border-bottom:solid 1px transparent; padding:8px 15px; font-size:14px; font-weight:700}/*面板标题*/
  3. .panel-body{ padding:15px}/*面板内容*/
  4. .panel-footer{background-color: #f5f5f5;border-top: 1px solid #ddd;padding:5px 20px}/*面板页脚*/
  5. /*默认面板*/
  6. .panel-default{border-color:#ddd}
  7. .panel-default > .panel-header{ border-color:#ddd; background-color:#f5f5f5; color:#444}
  8. /*主要面板*/
  9. .panel-primary{border-color:#5a98de}
  10. .panel-primary > .panel-header{ border-color:#5a98de; background-color:#5a98de; color:#fff}
  11. /*次要面板*/
  12. .panel-secondary{border-color:#3bb4f2}
  13. .panel-secondary > .panel-header{ border-color:#3bb4f2; background-color:#3bb4f2; color:#fff}
  14. /*成功面板*/
  15. .panel-success{border-color:#5eb95e}
  16. .panel-success > .panel-header{ border-color:#5eb95e; background-color:#5eb95e; color:#fff}
  17. /*警告面板*/
  18. .panel-warning{border-color:#f37b1d}
  19. .panel-warning > .panel-header{ border-color:#f37b1d; background-color:#f37b1d; color:#fff}
  20. /*危险面板*/
  21. .panel-danger{border-color:#dd514c}
  22. .panel-danger > .panel-header{ border-color:#dd514c; background-color:#dd514c; color:#fff}