scale.css (1355B)
1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 2 3 /* ::::: scale ::::: */ 4 5 .scale-slider { 6 -moz-appearance: scale-horizontal; 7 background: url("chrome://global/skin/scale/scale-tray-horiz.gif") 0% 50% repeat-x; 8 margin: 2px 4px; 9 width: 100px; 10 } 11 12 .scale-slider[orient="vertical"] 13 { 14 -moz-appearance: scale-vertical; 15 background: url("chrome://global/skin/scale/scale-tray-vert.gif") 50% 0% repeat-y; 16 margin: 4px 2px; 17 width: auto; 18 height: 100px; 19 } 20 21 /* ::::: scale thumb ::::: */ 22 23 .scale-thumb { 24 -moz-appearance: scalethumb-horizontal; 25 border: 2px solid; 26 -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; 27 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow; 28 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow; 29 -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight; 30 background-color: -moz-Dialog; 31 min-width: 30px; 32 min-height: 15px; 33 } 34 35 .scale-thumb[orient="vertical"] { 36 -moz-appearance: scalethumb-vertical; 37 min-width: 15px; 38 min-height: 30px; 39 } 40 41 .scale-thumb[disabled="true"] { 42 -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow !important; 43 -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow !important; 44 -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow !important; 45 -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow !important; 46 }