| 1 | @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); /* set default namespace to XUL */ |
| 2 | |
| 3 | /********* XP Scrollbar *********/ |
| 4 | |
| 5 | scrollbar |
| 6 | { |
| 7 | -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#scrollbar"); |
| 8 | cursor : default; |
| 9 | background-color : black; |
| 10 | } |
| 11 | |
| 12 | /********* XP Scrollbar *********/ |
| 13 | |
| 14 | thumb |
| 15 | { |
| 16 | -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#thumbh"); |
| 17 | background-color : #9C9CFF; |
| 18 | padding : 1px; |
| 19 | list-style-image : url("chrome://global/skin/scroll-thumb-horiz.gif"); |
| 20 | -moz-box-pack : center; |
| 21 | -moz-box-align : center; |
| 22 | } |
| 23 | |
| 24 | thumb[disabled="true"] { |
| 25 | list-style-image : url("chrome://global/skin/scroll-thumb-horiz-disabled.gif"); |
| 26 | } |
| 27 | |
| 28 | scrollbar[orient="vertical"] > slider > thumb { |
| 29 | -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#thumbv"); |
| 30 | list-style-image : url("chrome://global/skin/scroll-thumb-vert.gif") |
| 31 | } |
| 32 | |
| 33 | scrollbar[orient="vertical"] > slider > thumb[disabled="true"] { |
| 34 | list-style-image : url("chrome://global/skin/scroll-thumb-vert-disabled.gif") |
| 35 | } |
| 36 | |
| 37 | thumb:active, |
| 38 | thumb:hover:active { |
| 39 | background-color: #008484; |
| 40 | } |
| 41 | |
| 42 | thumb:hover { |
| 43 | background-color: #FFCF00; |
| 44 | } |
| 45 | |
| 46 | /** |
| 47 | * Scrollbar button |
| 48 | **/ |
| 49 | scrollbarbutton |
| 50 | { |
| 51 | -moz-binding : url("chrome://global/skin/scrollbarBindings.xml#scrollbarbutton"); |
| 52 | /* border : 1px outset white; |
| 53 | background-color : #CCCCCC; */ |
| 54 | } |
| 55 | |
| 56 | .scrollbarbutton-box |
| 57 | { |
| 58 | padding : 1px; |
| 59 | } |
| 60 | |
| 61 | scrollbarbutton:hover:active |
| 62 | { |
| 63 | /* border-style : inset; */ |
| 64 | } |
| 65 | |
| 66 | scrollbarbutton:hover:active > .scrollbarbutton-box |
| 67 | { |
| 68 | padding : 2px 0px 0px 2px; |
| 69 | } |
| 70 | |
| 71 | scrollbarbutton[type="decrement"] |
| 72 | { |
| 73 | list-style-image : url("chrome://global/skin/scroll-left-hover.gif"); |
| 74 | background-image : url("chrome://global/skin/scrollbtn-left.gif"); |
| 75 | margin : 0px; |
| 76 | margin-right : 3px; |
| 77 | } |
| 78 | |
| 79 | scrollbarbutton[type="decrement"][disabled="true"] |
| 80 | { |
| 81 | list-style-image : url("chrome://global/skin/scroll-left-disabled.gif") ; |
| 82 | } |
| 83 | |
| 84 | scrollbarbutton[type="increment"] |
| 85 | { |
| 86 | list-style-image : url("chrome://global/skin/scroll-right-hover.gif"); |
| 87 | background-image : url("chrome://global/skin/scrollbtn-right.gif"); |
| 88 | margin : 0px; |
| 89 | margin-left : 3px; |
| 90 | } |
| 91 | |
| 92 | |
| 93 | scrollbarbutton[type="increment"][disabled="true"] |
| 94 | { |
| 95 | list-style-image : url("chrome://global/skin/scroll-right-disabled.gif"); |
| 96 | } |
| 97 | |
| 98 | |
| 99 | scrollbarbutton[type="decrement"][sborient="vertical"] |
| 100 | { |
| 101 | list-style-image : url("chrome://global/skin/scroll-up-hover.gif"); |
| 102 | background-image : url("chrome://global/skin/scrollbtn-up.gif"); |
| 103 | margin : 0px; |
| 104 | margin-bottom : 3px; |
| 105 | } |
| 106 | |
| 107 | scrollbarbutton[type="decrement"][disabled="true"][sborient="vertical"] |
| 108 | { |
| 109 | list-style-image : url("chrome://global/skin/scroll-up-disabled.gif") ; |
| 110 | } |
| 111 | |
| 112 | scrollbarbutton[type="increment"][sborient="vertical"] |
| 113 | { |
| 114 | list-style-image : url("chrome://global/skin/scroll-down-hover.gif"); |
| 115 | background-image : url("chrome://global/skin/scrollbtn-down.gif"); |
| 116 | margin : 0px; |
| 117 | margin-top : 3px; |
| 118 | } |
| 119 | |
| 120 | scrollbarbutton[type="increment"][disabled="true"][sborient="vertical"] |
| 121 | { |
| 122 | list-style-image : url("chrome://global/skin/scroll-down-disabled.gif") ; |
| 123 | } |
| 124 | |
| 125 | slider |
| 126 | { |
| 127 | background-color : #000000; |
| 128 | } |
| 129 | |
| 130 | |