mirror of
https://github.com/rembo10/headphones.git
synced 2026-03-21 12:19:27 +00:00
143 lines
2.0 KiB
CSS
143 lines
2.0 KiB
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;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.jspPane
|
|
{
|
|
position: absolute;
|
|
}
|
|
|
|
.jspVerticalBar
|
|
{
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 15px;
|
|
height: 100%;
|
|
background: rgb(90,90,90);
|
|
border-bottom: 1px solid rgb(20,20,20);
|
|
border-right: 1px solid rgb(20,20,20);
|
|
border-top: 1px solid rgb(130,130,130);
|
|
border-left: 1px solid rgb(130,130,130);
|
|
box-shadow: 0px 0px 5px #000;
|
|
padding-left: 2px;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.jspHorizontalBar
|
|
{
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 15px;
|
|
background: rgb(160,160,160);
|
|
}
|
|
|
|
.jspVerticalBar *,
|
|
.jspHorizontalBar *
|
|
{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.jspCap
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.jspHorizontalBar .jspCap
|
|
{
|
|
float: left;
|
|
background: rgb(160,160,160);
|
|
}
|
|
|
|
.jspTrack
|
|
{
|
|
position: relative;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
.jspDrag
|
|
{
|
|
position: relative;
|
|
top: 0;
|
|
left: 0;
|
|
cursor: pointer;
|
|
border-radius: 20px;
|
|
box-shadow: 0px 0px 3px #000;
|
|
border: 1px solid rgba(0,0,0,0.9);
|
|
}
|
|
|
|
.jspHorizontalBar .jspTrack,
|
|
.jspHorizontalBar .jspDrag
|
|
{
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
|
|
.jspArrow
|
|
{
|
|
background: rgb(160,160,160);
|
|
text-indent: 0px;
|
|
display: block;
|
|
cursor: pointer;
|
|
box-shadow: 0px 0px 3px #000;
|
|
}
|
|
|
|
.jspArrow.jspDisabled
|
|
{
|
|
cursor: default;
|
|
background: rgb(90,90,90);
|
|
}
|
|
|
|
.jspVerticalBar .jspArrow
|
|
{
|
|
height: 20px;
|
|
box-shadow: 1px 1px 3px;
|
|
}
|
|
|
|
.jspHorizontalBar .jspArrow
|
|
{
|
|
width: 20px;
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
|
|
.jspVerticalBar .jspArrow:focus
|
|
{
|
|
outline: none;
|
|
}
|
|
|
|
.jspCorner
|
|
{
|
|
background: rgb(160,160,160);
|
|
border: 1px solid #000;
|
|
float: left;
|
|
height: 100%;
|
|
}
|
|
|
|
.jspArrowUp
|
|
{
|
|
background: url(../images/arrow-up.png) center center no-repeat;
|
|
}
|
|
.jspArrowDown
|
|
{
|
|
background: url(../images/arrow-down.png) center center no-repeat;
|
|
}
|
|
|
|
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
|
* html .jspCorner
|
|
{
|
|
margin: 0 -3px 0 0;
|
|
} |