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