gecko-dev/themes/modern/global/scrollbars.css
2000-09-13 10:47:38 +00:00

189 lines
5.0 KiB
CSS

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */
/********* XP Scrollbar *********/
scrollbar {
-moz-binding: url("chrome://global/skin/globalBindings.xml#scrollbar");
}
slider {
-moz-user-focus: ignore;
-moz-user-select: none;
background: url("chrome://global/skin/scroll-track-horz-middle.gif") repeat-x;
height: 15px;
border-top: 1px solid #4D5971;
border-bottom: 1px solid #4D5971;
}
slider[align="vertical"] {
-moz-user-focus: ignore;
-moz-user-select: none;
background: url("chrome://global/skin/scroll-track-vert-middle.gif") repeat-y;
width: 15px;
border-left: 1px solid #4D5971;
border-right: 1px solid #4D5971;
border-top: 0px;
border-bottom: 0px;
}
/* Horizontal Thumb */
thumb {
-moz-binding: url(chrome://global/skin/globalBindings.xml#thumb-horizontal);
-moz-user-focus: ignore;
-moz-user-select: none;
}
.thumb-horz-spring-left {
background: url(chrome://global/skin/scroll-thumb-horz-left.gif) no-repeat;
width: 7px;
height: 13px;
}
.thumb-horz-box-middle {
background: url(chrome://global/skin/scroll-thumb-horz-expand.gif) repeat-x;
height: 13px;
}
.thumb-horz-spring-right {
background: url(chrome://global/skin/scroll-thumb-horz-right.gif) no-repeat;
width: 6px;
height: 13px;
}
.thumb-horz-grippy {
list-style-image: url(chrome://global/skin/scroll-thumb-horz-grippy.gif);
}
/* Thumb Clicked States */
thumb:active > .thumb-horz-spring-left {
background: url(chrome://global/skin/scroll-thumb-horz-cl-left.gif) no-repeat;
width: 7px;
height: 13px;
}
thumb:active > .thumb-horz-box-middle {
background: url(chrome://global/skin/scroll-thumb-horz-cl-expand.gif) repeat-x;
height: 13px;
}
thumb:active > .thumb-horz-spring-right {
background: url(chrome://global/skin/scroll-thumb-horz-cl-right.gif) no-repeat;
width: 6px;
height: 13px;
}
thumb:active > .thumb-horz-box-middle > .thumb-horz-grippy {
list-style-image: url(chrome://global/skin/scroll-thumb-horz-cl-grippy.gif);
}
/* Vertical Thumb */
thumb[align="vertical"] {
-moz-binding: url(chrome://global/skin/globalBindings.xml#thumb-vertical);
-moz-user-focus: ignore;
-moz-user-select: none;
}
.thumb-vert-spring-top {
background: url(chrome://global/skin/scroll-thumb-vert-top.gif) no-repeat;
height: 7px;
width: 13px;
}
.thumb-vert-box-middle {
background: url(chrome://global/skin/scroll-thumb-vert-expand.gif) repeat-y;
width: 13px;
}
.thumb-vert-spring-bottom {
background: url(chrome://global/skin/scroll-thumb-vert-bottom.gif) no-repeat;
height: 6px;
width: 13px;
}
.thumb-vert-grippy {
list-style-image: url(chrome://global/skin/scroll-thumb-vert-grippy.gif);
}
/* Thumb Clicked States */
thumb:active > .thumb-vert-spring-top {
background: url(chrome://global/skin/scroll-thumb-vert-cl-top.gif) no-repeat;
height: 7px;
width: 13px;
}
thumb:active > .thumb-vert-box-middle {
background: url(chrome://global/skin/scroll-thumb-vert-cl-expand.gif) repeat-y;
width: 13px;
}
thumb:active > .thumb-vert-spring-bottom {
background: url(chrome://global/skin/scroll-thumb-vert-cl-bottom.gif) no-repeat;
height: 6px;
width: 13px;
}
thumb:active > .thumb-vert-box-middle > .thumb-vert-grippy {
list-style-image: url(chrome://global/skin/scroll-thumb-vert-cl-grippy.gif);
}
/* Scrollbar Buttons */
scrollbarbutton {
-moz-user-focus: ignore;
-moz-user-select: none;
vertical-align: bottom;
cursor: default;
}
scrollbarbutton[type="decrement"] {
list-style-image: url("chrome://global/skin/scroll-left.gif")
}
scrollbarbutton[type="decrement"]:hover:active {
list-style-image: url("chrome://global/skin/scroll-left-clicked.gif")
}
scrollbarbutton[type="decrement"][disabled="true"] {
list-style-image: url("chrome://global/skin/scroll-left-disabled.gif")
}
scrollbarbutton[type="increment"] {
list-style-image: url("chrome://global/skin/scroll-right.gif")
}
scrollbarbutton[type="increment"]:hover:active {
list-style-image: url("chrome://global/skin/scroll-right-clicked.gif")
}
scrollbarbutton[type="increment"][disabled="true"] {
list-style-image: url("chrome://global/skin/scroll-right-disabled.gif")
}
scrollbar[align="vertical"] > scrollbarbutton[type="decrement"] {
list-style-image: url("chrome://global/skin/scroll-up.gif")
}
scrollbar[align="vertical"] > scrollbarbutton[type="decrement"]:hover:active {
list-style-image: url("chrome://global/skin/scroll-up-clicked.gif")
}
scrollbar[align="vertical"] > scrollbarbutton[type="decrement"][disabled="true"] {
list-style-image: url("chrome://global/skin/scroll-up-disabled.gif")
}
scrollbar[align="vertical"] > scrollbarbutton[type="increment"] {
list-style-image: url("chrome://global/skin/scroll-down.gif")
}
scrollbar[align="vertical"] > scrollbarbutton[type="increment"]:hover:active {
list-style-image: url("chrome://global/skin/scroll-down-clicked.gif")
}
scrollbar[align="vertical"] > scrollbarbutton[type="increment"][disabled="true"] {
list-style-image: url("chrome://global/skin/scroll-down-disabled.gif")
}