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