/* | |
* 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: 8px; | |
height: 100%; | |
background: transparent; | |
} | |
.jspHorizontalBar | |
{ | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
width: 100%; | |
height: 6px; | |
background: transparent; | |
} | |
.jspVerticalBar *, | |
.jspHorizontalBar * | |
{ | |
margin: 0; | |
padding: 0; | |
} | |
.jspCap | |
{ | |
display: none; | |
} | |
.jspHorizontalBar .jspCap | |
{ | |
float: left; | |
} | |
.jspTrack | |
{ | |
background: transparent; | |
position: relative; | |
} | |
.jspDrag | |
{ | |
background: #4D5B66; /*#2b3c49;*/ | |
position: relative; | |
top: 0; | |
left: 0; | |
cursor: pointer; | |
border-radius:4px; | |
} | |
.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; | |
} |