| 1 | /* |
| 2 | * The contents of this file are subject to the Netscape Public |
| 3 | * License Version 1.1 (the "License"); you may not use this file |
| 4 | * except in compliance with the License. You may obtain a copy of |
| 5 | * the License at http://www.mozilla.org/NPL/ |
| 6 | * |
| 7 | * Software distributed under the License is distributed on an "AS |
| 8 | * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or |
| 9 | * implied. See the License for the specific language governing |
| 10 | * rights and limitations under the License. |
| 11 | * |
| 12 | * The Original Code is Mozilla Communicator client code, released |
| 13 | * March 31, 1998. |
| 14 | * |
| 15 | * The Initial Developer of the Original Code is Netscape |
| 16 | * Communications Corporation. Portions created by Netscape are |
| 17 | * Copyright (C) 1998-1999 Netscape Communications Corporation. All |
| 18 | * Rights Reserved. |
| 19 | * |
| 20 | * Contributor(s): |
| 21 | * Joe Hewitt (hewitt@netscape.com) |
| 22 | */ |
| 23 | |
| 24 | /* ===== button.css ===================================================== |
| 25 | == Styles used by the XUL button element. |
| 26 | ======================================================================= */ |
| 27 | |
| 28 | @namespace url(http://www.w3.org/1999/xhtml); |
| 29 | |
| 30 | /* :::::::::: button :::::::::: */ |
| 31 | |
| 32 | button, |
| 33 | input[type="button"], |
| 34 | input[type="submit"], |
| 35 | input[type="reset"] { |
| 36 | -moz-appearance: button; |
| 37 | margin: 1px 5px 2px 5px; |
| 38 | min-width: 6.3em; |
| 39 | border: 3px solid; |
| 40 | -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow; |
| 41 | -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow; |
| 42 | -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow; |
| 43 | -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow; |
| 44 | background-color: ThreeDFace; |
| 45 | color: ButtonText; |
| 46 | } |
| 47 | |
| 48 | .button-box { |
| 49 | border: 1px solid transparent; |
| 50 | padding: 1px 4px 2px 3px; |
| 51 | } |
| 52 | |
| 53 | .button-box-text { |
| 54 | margin: 0 !important; |
| 55 | text-align: center; |
| 56 | } |
| 57 | |
| 58 | /* .......... focused state .......... */ |
| 59 | |
| 60 | button:focus, |
| 61 | input[type="button"]:focus, |
| 62 | input[type="submit"]:focus, |
| 63 | input[type="reset"]:focus { |
| 64 | -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight transparent; |
| 65 | -moz-border-right-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; |
| 66 | -moz-border-bottom-colors: ThreeDDarkShadow ThreeDDarkShadow ThreeDShadow; |
| 67 | -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight transparent; |
| 68 | } |
| 69 | |
| 70 | button:focus > .button-box, |
| 71 | input[type="button"]:focus > .button-box, |
| 72 | input[type="submit"]:focus > .button-box, |
| 73 | input[type="reset"]:focus > .button-box { |
| 74 | border: 1px dotted ThreeDDarkShadow; |
| 75 | } |
| 76 | |
| 77 | /* .......... disabled state .......... */ |
| 78 | |
| 79 | button[disabled="true"], |
| 80 | input[type="button"][disabled="true"], |
| 81 | input[type="submit"][disabled="true"], |
| 82 | input[type="reset"][disabled="true"] { |
| 83 | -moz-border-top-colors: transparent ThreeDHighlight ThreeDLightShadow !important; |
| 84 | -moz-border-right-colors: transparent ThreeDDarkShadow ThreeDShadow !important; |
| 85 | -moz-border-bottom-colors: transparent ThreeDDarkShadow ThreeDShadow !important; |
| 86 | -moz-border-left-colors: transparent ThreeDHighlight ThreeDLightShadow !important; |
| 87 | color: GrayText; |
| 88 | } |
| 89 | |
| 90 | button[disabled="true"] > .button-box, |
| 91 | input[type="button"][disabled="true"] > .button-box, |
| 92 | input[type="submit"][disabled="true"] > .button-box, |
| 93 | input[type="reset"][diasbled="true"] > .button-box { |
| 94 | padding: 1px 4px 2px 3px !important; |
| 95 | } |
| 96 | |