57 lines
837 B
CSS
57 lines
837 B
CSS
/**
|
|
*
|
|
* Horizontal Scrollbar
|
|
*
|
|
*/
|
|
.myScrollbarH {
|
|
position:absolute;
|
|
z-index:100;
|
|
height:7px;
|
|
bottom:1px;
|
|
left:2px;
|
|
right:7px
|
|
}
|
|
|
|
.myScrollbarH > div {
|
|
height:100%;
|
|
}
|
|
|
|
|
|
/**
|
|
*
|
|
* Vertical Scrollbar
|
|
*
|
|
*/
|
|
.myScrollbarV {
|
|
position:absolute;
|
|
z-index:100;
|
|
width:7px;bottom:7px;top:2px;right:1px
|
|
}
|
|
|
|
.myScrollbarV > div {
|
|
width:100%;
|
|
}
|
|
|
|
|
|
/**
|
|
*
|
|
* Both Scrollbars
|
|
*
|
|
*/
|
|
.myScrollbarH > div,
|
|
.myScrollbarV > div {
|
|
position:absolute;
|
|
z-index:100;
|
|
|
|
/* The following is probably what you want to customize */
|
|
-webkit-box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
-o-box-sizing:border-box;
|
|
box-sizing:border-box;
|
|
|
|
border-width:3px;
|
|
-webkit-border-image:url(scrollbar.png) 6 6 6 6;
|
|
-moz-border-image:url(scrollbar.png) 6 6 6 6;
|
|
-o-border-image:url(scrollbar.png) 6 6 6 6;
|
|
border-image:url(scrollbar.png) 6 6 6 6;
|
|
}
|