4.21.8 面板样式主题

面板样式的调整有两个:一个是容器的阴影,一个是每种风格下的head元素的背景调整。示例源码如下:

  1. // 源码298行
  2. .panel {
  3. -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  4. box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  5. }
  6. .panel-default > .panel-heading {
  7. background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  8. background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  9. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',
  10. endColorstr='#ffe8e8e8', GradientType=0);
  11. background-repeat: repeat-x;
  12. }