accordion.css 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .accordion {
  2. overflow: hidden;
  3. border-width: 1px;
  4. border-style: solid;
  5. }
  6. .accordion .accordion-header {
  7. border-width: 0 0 1px;
  8. cursor: pointer;
  9. }
  10. .accordion .accordion-body {
  11. border-width: 0 0 1px;
  12. }
  13. .accordion-noborder {
  14. border-width: 0;
  15. }
  16. .accordion-noborder .accordion-header {
  17. border-width: 0 0 1px;
  18. }
  19. .accordion-noborder .accordion-body {
  20. border-width: 0 0 1px;
  21. }
  22. .accordion-collapse {
  23. background: url('images/accordion_arrows.png') no-repeat 0 0;
  24. }
  25. .accordion-expand {
  26. background: url('images/accordion_arrows.png') no-repeat -16px 0;
  27. }
  28. .accordion {
  29. background: #ffffff;
  30. border-color: #D3D3D3;
  31. }
  32. .accordion .accordion-header {
  33. background: #f3f3f3;
  34. filter: none;
  35. }
  36. .accordion .accordion-header-selected {
  37. background: #0092DC;
  38. }
  39. .accordion .accordion-header-selected .panel-title {
  40. color: #fff;
  41. }
  42. .accordion .panel-last > .accordion-header {
  43. border-bottom-color: #f3f3f3;
  44. }
  45. .accordion .panel-last > .accordion-body {
  46. border-bottom-color: #ffffff;
  47. }
  48. .accordion .panel-last > .accordion-header-selected,
  49. .accordion .panel-last > .accordion-header-border {
  50. border-bottom-color: #D3D3D3;
  51. }
  52. .accordion> .panel-hleft {
  53. float: left;
  54. }
  55. .accordion> .panel-hleft>.panel-header {
  56. border-width: 0 1px 0 0;
  57. }
  58. .accordion> .panel-hleft> .panel-body {
  59. border-width: 0 1px 0 0;
  60. }
  61. .accordion> .panel-hleft.panel-last > .accordion-header {
  62. border-right-color: #f3f3f3;
  63. }
  64. .accordion> .panel-hleft.panel-last > .accordion-body {
  65. border-right-color: #ffffff;
  66. }
  67. .accordion> .panel-hleft.panel-last > .accordion-header-selected,
  68. .accordion> .panel-hleft.panel-last > .accordion-header-border {
  69. border-right-color: #D3D3D3;
  70. }
  71. .accordion> .panel-hright {
  72. float: right;
  73. }
  74. .accordion> .panel-hright>.panel-header {
  75. border-width: 0 0 0 1px;
  76. }
  77. .accordion> .panel-hright> .panel-body {
  78. border-width: 0 0 0 1px;
  79. }
  80. .accordion> .panel-hright.panel-last > .accordion-header {
  81. border-left-color: #f3f3f3;
  82. }
  83. .accordion> .panel-hright.panel-last > .accordion-body {
  84. border-left-color: #ffffff;
  85. }
  86. .accordion> .panel-hright.panel-last > .accordion-header-selected,
  87. .accordion> .panel-hright.panel-last > .accordion-header-border {
  88. border-left-color: #D3D3D3;
  89. }