panel.css 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. .panel {
  2. background-color: #fff;
  3. border: solid 1px transparent;
  4. }
  5. .panel-header {
  6. border-bottom: solid 1px transparent;
  7. padding: 8px 15px;
  8. font-size: 14px;
  9. font-weight: 700;
  10. }
  11. /*面板标题*/
  12. .panel-body {
  13. padding: 15px;
  14. }
  15. /*面板内容*/
  16. .panel-footer {
  17. background-color: #f5f5f5;
  18. border-top: 1px solid #ddd;
  19. padding: 5px 20px;
  20. }
  21. /*面板页脚*/
  22. /*默认面板*/
  23. .panel-default {
  24. border-color: #dddddd;
  25. }
  26. .panel-default > .panel-header {
  27. border-color: #ddd;
  28. background-color: #f5f5f5;
  29. color: #444444;
  30. }
  31. /*主要面板*/
  32. .panel-primary {
  33. border-color: #5a98de;
  34. }
  35. .panel-primary > .panel-header {
  36. border-color: #5a98de;
  37. background-color: #5a98de;
  38. color: #ffffff;
  39. }
  40. /*次要面板*/
  41. .panel-secondary {
  42. border-color: #3bb4f2;
  43. }
  44. .panel-secondary > .panel-header {
  45. border-color: #3bb4f2;
  46. background-color: #3bb4f2;
  47. color: #ffffff;
  48. }
  49. /*成功面板*/
  50. .panel-success {
  51. border-color: #5eb95e;
  52. }
  53. .panel-success > .panel-header {
  54. border-color: #5eb95e;
  55. background-color: #5eb95e;
  56. color: #ffffff;
  57. }
  58. /*警告面板*/
  59. .panel-warning {
  60. border-color: #f37b1d;
  61. }
  62. .panel-warning > .panel-header {
  63. border-color: #f37b1d;
  64. background-color: #f37b1d;
  65. color: #ffffff;
  66. }
  67. /*危险面板*/
  68. .panel-danger {
  69. border-color: #dd514c;
  70. }
  71. .panel-danger > .panel-header {
  72. border-color: #dd514c;
  73. background-color: #dd514c;
  74. color: #ffffff;
  75. }