144 lines
2.5 KiB
CSS
144 lines
2.5 KiB
CSS
.jspArrowUp{
|
|
background: url("../img/jscrollpane/up.png") no-repeat 0 0;
|
|
background-image: -webkit-image-set(url("../img/jscrollpane/up.png") 1x, url("../img/jscrollpane/up@2x.png") 2x);
|
|
}
|
|
.jspArrowDown{
|
|
background: url("../img/jscrollpane/down.png") no-repeat 0 -38px;
|
|
background-image: -webkit-image-set(url("../img/jscrollpane/down.png") 1x, url("../img/jscrollpane/down@2x.png") 2x);
|
|
}
|
|
.jspArrowLeft{
|
|
background: url("../img/jscrollpane/left.png") no-repeat 0 0;
|
|
background-image: -webkit-image-set(url("../img/jscrollpane/left.png") 1x, url("../img/jscrollpane/left@2x.png") 2x);
|
|
}
|
|
.jspArrowRight{
|
|
background: url("../img/jscrollpane/right.png") no-repeat -38px 0;
|
|
background-image: -webkit-image-set(url("../img/jscrollpane/right.png") 1x, url("../img/jscrollpane/right@2x.png") 2x);
|
|
}
|
|
|
|
.jspContainer{
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
|
|
.jspPane{
|
|
position: absolute;
|
|
}
|
|
|
|
.jspVerticalBar{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 10px;
|
|
padding-right: 0;
|
|
height: 100%;
|
|
background: transparent;
|
|
}
|
|
|
|
.jspUndocking .jspVerticalBar{
|
|
width: 13px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.jspHorizontalBar{
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 10px;
|
|
background: #DDE2E8;
|
|
}
|
|
|
|
.jspVerticalBar *,
|
|
.jspHorizontalBar *{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.jspCap{
|
|
display: none;
|
|
}
|
|
|
|
.jspHorizontalBar .jspCap
|
|
{
|
|
float: left;
|
|
}
|
|
|
|
.jspTrack {
|
|
background: transparent;
|
|
position: relative;
|
|
}
|
|
|
|
.jspDrag {
|
|
background: #D3D3D3;
|
|
border-style: solid;
|
|
border-width: 0px;
|
|
border-color: #929292;
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.jspHorizontalBar .jspTrack,
|
|
.jspHorizontalBar .jspDrag{
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
|
|
.jspArrow{
|
|
text-indent: -20000px;
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.jspArrow.jspDisabled{
|
|
cursor: default;
|
|
}
|
|
|
|
.jspVerticalBar .jspArrow{
|
|
height: 10px;
|
|
}
|
|
|
|
.jspHorizontalBar .jspArrow{
|
|
width: 10px;
|
|
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;
|
|
}
|
|
|
|
.scroll-pane{
|
|
position:absolute;
|
|
padding:0;
|
|
margin:0;
|
|
width:100%;
|
|
height:100%;
|
|
overflow:auto;
|
|
}
|
|
|
|
.jspCap{
|
|
display: block;
|
|
background: #eeeef4;
|
|
}
|
|
|
|
.jspVerticalBar .jspCap{
|
|
height: 0;
|
|
}
|
|
|
|
.jspHorizontalBar .jspCap{
|
|
width: 0;
|
|
height: 100%;
|
|
} |