jquery.jscrollpane.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  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: 10px;
  21. width: 8px;
  22. height: 100%;
  23. }
  24. .jspHorizontalBar
  25. {
  26. position: absolute;
  27. bottom: 0;
  28. left: 0;
  29. width: 100%;
  30. height: 8px;
  31. background: red;
  32. }
  33. .jspCap
  34. {
  35. display: none;
  36. }
  37. .jspHorizontalBar .jspCap
  38. {
  39. float: left;
  40. }
  41. .jspTrack
  42. {
  43. background: transparent;
  44. position: relative;
  45. }
  46. .jspDrag
  47. {
  48. position: relative;
  49. top: 0;
  50. left: 0;
  51. cursor: pointer;
  52. background: #E1E1E1;
  53. }
  54. .jspDragTop, .jspDragBottom {
  55. position: absolute;
  56. width: 8px;
  57. height: 4px;
  58. left: 0;
  59. }
  60. .jspDragTop {
  61. top: 0;
  62. background-repeat: no-repeat;
  63. background-image: url(../img/talent/slice/jsScrollTop.jpg);
  64. }
  65. .jspDragBottom {
  66. bottom: 0;
  67. background-repeat: no-repeat;
  68. background-image: url(../img/talent/slice/jsScrollBtm.jpg);
  69. }
  70. .jspHorizontalBar .jspTrack,
  71. .jspHorizontalBar .jspDrag
  72. {
  73. float: left;
  74. height: 100%;
  75. }
  76. .jspArrow
  77. {
  78. background: #50506d;
  79. text-indent: -20000px;
  80. display: block;
  81. cursor: pointer;
  82. padding: 0;
  83. margin: 0;
  84. }
  85. .jspArrow.jspDisabled
  86. {
  87. cursor: default;
  88. background: #80808d;
  89. }
  90. .jspVerticalBar .jspArrow
  91. {
  92. height: 16px;
  93. }
  94. .jspHorizontalBar .jspArrow
  95. {
  96. width: 16px;
  97. float: left;
  98. height: 100%;
  99. }
  100. .jspVerticalBar .jspArrow:focus
  101. {
  102. outline: none;
  103. }
  104. .jspCorner
  105. {
  106. background: #eeeef4;
  107. float: left;
  108. height: 100%;
  109. }
  110. /* Yuk! CSS Hack for IE6 3 pixel bug :( */
  111. * html .jspCorner
  112. {
  113. margin: 0 -3px 0 0;
  114. }