You are here

jquery.jscrollpane.css in Media Browser Plus 7

Same filename and directory in other branches
  1. 7.2 css/jquery.jscrollpane.css
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

File

css/jquery.jscrollpane.css
View source
  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: #dde;
  51. position: relative;
  52. }
  53. .jspDrag
  54. {
  55. background: #bbd;
  56. position: relative;
  57. top: 0;
  58. left: 0;
  59. cursor: pointer;
  60. }
  61. .jspHorizontalBar .jspTrack,
  62. .jspHorizontalBar .jspDrag
  63. {
  64. float: left;
  65. height: 100%;
  66. }
  67. .jspArrow
  68. {
  69. background: #50506d;
  70. text-indent: -20000px;
  71. display: block;
  72. cursor: pointer;
  73. }
  74. .jspArrow.jspDisabled
  75. {
  76. cursor: default;
  77. background: #80808d;
  78. }
  79. .jspVerticalBar .jspArrow
  80. {
  81. height: 16px;
  82. }
  83. .jspHorizontalBar .jspArrow
  84. {
  85. width: 16px;
  86. float: left;
  87. height: 100%;
  88. }
  89. .jspVerticalBar .jspArrow:focus
  90. {
  91. outline: none;
  92. }
  93. .jspCorner
  94. {
  95. background: #eeeef4;
  96. float: left;
  97. height: 100%;
  98. }
  99. /* Yuk! CSS Hack for IE6 3 pixel bug :( */
  100. * html .jspCorner
  101. {
  102. margin: 0 -3px 0 0;
  103. }