panel.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. .panel {
  2. overflow: hidden;
  3. font-size: 12px;
  4. text-align: left;
  5. }
  6. .panel-header,
  7. .panel-body {
  8. border-width: 1px;
  9. border-style: solid;
  10. }
  11. .panel-header {
  12. padding: 5px;
  13. position: relative;
  14. }
  15. .panel-title {
  16. background: url('images/blank.gif') no-repeat;
  17. }
  18. .panel-header-noborder {
  19. border-width: 0 0 1px 0;
  20. }
  21. .panel-body {
  22. overflow: auto;
  23. border-top-width: 0px;
  24. }
  25. .panel-body-noheader {
  26. border-top-width: 1px;
  27. }
  28. .panel-body-noborder {
  29. border-width: 0px;
  30. }
  31. .panel-with-icon {
  32. padding-left: 18px;
  33. }
  34. .panel-icon,
  35. .panel-tool {
  36. position: absolute;
  37. top: 50%;
  38. margin-top: -8px;
  39. height: 16px;
  40. overflow: hidden;
  41. }
  42. .panel-icon {
  43. left: 5px;
  44. width: 16px;
  45. }
  46. .panel-tool {
  47. right: 5px;
  48. width: auto;
  49. }
  50. .panel-tool a {
  51. display: inline-block;
  52. width: 16px;
  53. height: 16px;
  54. opacity: 0.6;
  55. filter: alpha(opacity=60);
  56. margin: 0 0 0 2px;
  57. vertical-align: top;
  58. }
  59. .panel-tool a:hover {
  60. opacity: 1;
  61. filter: alpha(opacity=100);
  62. background-color: #eaf2ff;
  63. -moz-border-radius: 3px 3px 3px 3px;
  64. -webkit-border-radius: 3px 3px 3px 3px;
  65. border-radius: 3px 3px 3px 3px;
  66. }
  67. .panel-loading {
  68. padding: 11px 0px 10px 30px;
  69. }
  70. .panel-noscroll {
  71. overflow: hidden;
  72. }
  73. .panel-fit,
  74. .panel-fit body {
  75. height: 100%;
  76. margin: 0;
  77. padding: 0;
  78. border: 0;
  79. overflow: hidden;
  80. }
  81. .panel-loading {
  82. background: url('images/loading.gif') no-repeat 10px 10px;
  83. }
  84. .panel-tool-close {
  85. background: url('images/panel_tools.png') no-repeat -16px 0px;
  86. }
  87. .panel-tool-min {
  88. background: url('images/panel_tools.png') no-repeat 0px 0px;
  89. }
  90. .panel-tool-max {
  91. background: url('images/panel_tools.png') no-repeat 0px -16px;
  92. }
  93. .panel-tool-restore {
  94. background: url('images/panel_tools.png') no-repeat -16px -16px;
  95. }
  96. .panel-tool-collapse {
  97. background: url('images/panel_tools.png') no-repeat -32px 0;
  98. }
  99. .panel-tool-expand {
  100. background: url('images/panel_tools.png') no-repeat -32px -16px;
  101. }
  102. .panel-header,
  103. .panel-body {
  104. border-color: #95B8E7;
  105. }
  106. .panel-header {
  107. background-color: #E0ECFF;
  108. background: -webkit-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
  109. background: -moz-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
  110. background: -o-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
  111. background: linear-gradient(to bottom,#EFF5FF 0,#E0ECFF 100%);
  112. background-repeat: repeat-x;
  113. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF,endColorstr=#E0ECFF,GradientType=0);
  114. }
  115. .panel-body {
  116. background-color: #ffffff;
  117. color: #000000;
  118. }
  119. .panel-title {
  120. font-weight: bold;
  121. color: #0E2D5F;
  122. height: 16px;
  123. line-height: 16px;
  124. }