From 5b06b0397e5dcd71e4ca6dbe0aa4763e7e7094cb Mon Sep 17 00:00:00 2001 From: "nbhatla%netscape.com" Date: Thu, 6 Sep 2007 21:50:44 +0000 Subject: [PATCH] #46423 -> new modern skin. brand new widgets. r=hewitt. git-svn-id: svn://10.0.0.236/trunk@234319 18797224-902f-48f8-a5cc-f745e15eee43 --- .../suite/themes/modern/global/scrollbars.css | 176 ++++++++++++++---- 1 file changed, 139 insertions(+), 37 deletions(-) diff --git a/mozilla/suite/themes/modern/global/scrollbars.css b/mozilla/suite/themes/modern/global/scrollbars.css index 3dbca50c5e1..19a2f1c6ba1 100644 --- a/mozilla/suite/themes/modern/global/scrollbars.css +++ b/mozilla/suite/themes/modern/global/scrollbars.css @@ -3,50 +3,150 @@ /********* XP Scrollbar *********/ scrollbar { - -moz-binding: url("chrome://global/content/xulBindings.xml#scrollbar"); + -moz-binding: url("chrome://global/skin/globalBindings.xml#scrollbar"); } -/********* XP 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/content/xulBindings.xml#thumb); - background-color: #CCCCCC; - border: 1px outset #CCCCCC; - list-style-image: url("chrome://global/skin/scroll-thumb-horiz.gif") + -moz-binding: url(chrome://global/skin/globalBindings.xml#thumb-horizontal); + -moz-user-focus: ignore; + -moz-user-select: none; } -thumb[disabled="true"] { - list-style-image: url("chrome://global/skin/scroll-thumb-horiz-disabled.gif"); +.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"] { - list-style-image: url("chrome://global/skin/scroll-thumb-vert.gif") + -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; - - border: 1px outset white; - background-color: #CCCCCC; - color:black; - - padding: 1px; -} - -scrollbarbutton:active { - border-style: inset; - - padding-left: 2px; - padding-right: 0px; - padding-top: 2px; - padding-bottom: 0px; } 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") } @@ -55,32 +155,34 @@ 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"] { +scrollbar[align="vertical"] > scrollbarbutton[type="decrement"] { list-style-image: url("chrome://global/skin/scroll-up.gif") } -scrollbar[align="vertical"] scrollbarbutton[type="decrement"][disabled="true"] { +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"] { +scrollbar[align="vertical"] > scrollbarbutton[type="increment"] { list-style-image: url("chrome://global/skin/scroll-down.gif") } -scrollbar[align="vertical"] scrollbarbutton[type="increment"][disabled="true"] { +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") } - -slider[align="vertical"] thumb:active { - background-color: #CCCCCC; -} - -slider { - background-color: #999999; -}