jscrollpane-2b3.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. /*
  2. * CSS Styles that are needed by jScrollPane for it to operate correctly.
  3. *
  4. * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
  5. * may not operate correctly without them.
  6. */
  7. .jspContainer
  8. {
  9. overflow: hidden;
  10. position: relative;
  11. }
  12. .jspPane
  13. {
  14. position: absolute;
  15. }
  16. .jspVerticalBar
  17. {
  18. position: absolute;
  19. top: 0;
  20. right: 0;
  21. width: 16px;
  22. height: 100%;
  23. background: red;
  24. }
  25. .jspHorizontalBar
  26. {
  27. position: absolute;
  28. bottom: 0;
  29. left: 0;
  30. width: 100%;
  31. height: 16px;
  32. background: red;
  33. }
  34. .jspVerticalBar *,
  35. .jspHorizontalBar *
  36. {
  37. margin: 0;
  38. padding: 0;
  39. }
  40. .jspCap
  41. {
  42. display: none;
  43. }
  44. .jspHorizontalBar .jspCap
  45. {
  46. float: left;
  47. }
  48. .jspTrack
  49. {
  50. background: #000 url(../__imgs/furn/track.gif) repeat-y center;
  51. position: relative;
  52. }
  53. .jspDrag
  54. {
  55. background: #666;
  56. border: solid #aaa 2px;
  57. position: relative;
  58. top: 0;
  59. left: 0;
  60. cursor: pointer;
  61. }
  62. .jspHorizontalBar .jspTrack,
  63. .jspHorizontalBar .jspDrag
  64. {
  65. float: left;
  66. height: 100%;
  67. }
  68. .jspArrow
  69. {
  70. background-color: rgba(0,0,0,0.9);
  71. text-indent: -20000px;
  72. display: block;
  73. cursor: pointer;
  74. }
  75. .jspArrowUp
  76. {
  77. background-image: url("../__imgs/furn/arrow_up.gif");
  78. }
  79. .jspArrowDown
  80. {
  81. background-image: url("../__imgs/furn/arrow_down.gif");
  82. }
  83. .jspArrow.jspDisabled
  84. {
  85. cursor: default;
  86. background: #80808d;
  87. }
  88. .jspArrowUp.jspDisabled
  89. {
  90. cursor: default;
  91. background-image: url("../__imgs/furn/arrow_up.gif");
  92. }
  93. .jspArrowDown.jspDisabled
  94. {
  95. cursor: default;
  96. background-image: url("../__imgs/furn/arrow_down.gif");
  97. }
  98. .jspVerticalBar .jspArrow
  99. {
  100. height: 16px;
  101. }
  102. .jspHorizontalBar .jspArrow
  103. {
  104. width: 16px;
  105. float: left;
  106. height: 100%;
  107. }
  108. .jspVerticalBar .jspArrow:focus
  109. {
  110. outline: none;
  111. }
  112. .jspCorner
  113. {
  114. background: #eeeef4;
  115. float: left;
  116. height: 100%;
  117. }
  118. /* Yuk! CSS Hack for IE6 3 pixel bug :( */
  119. * html .jspCorner
  120. {
  121. margin: 0 -3px 0 0;
  122. }