1 /* NEW WIDGET ANDING: <button> */
3 /** Default Button Styles (apply to usage of <button> without
11 margin : 1px 5px 2px 5px;
13 background-color : #CCD0DD;
15 -moz-user-focus : normal;
19 margin: 0px !important;
24 button[disabled="true"][default],
25 button[disabled="true"]:hover:active
31 button[disabled="true"][default] > .button-box,
32 button[disabled="true"]:hover:active > .button-box
34 border : 1px outset #CCD0DD;
35 -moz-user-focus : none;
39 button[disabled="true"][default] > .button-box > .button-box-2,
40 button[disabled="true"]:hover:active > .button-box > .button-box-2
47 button[checked="true"]
52 button:hover:active > .button-box,
53 button[checked="true"] > .button-box,
54 button[checked="true"]:focus > .button-box,
55 button[open="true"] > .button-box,
56 button[open="true"]:focus > .button-box
58 border : 1px inset #CCD0DD;
61 button:hover:active > .button-box > .button-box-2,
62 button[checked="true"] > .button-box > .button-box-2,
63 button[checked="true"]:focus> .button-box > .button-box-2,
64 button[open="true"] > .button-box > .button-box-2,
65 button[open="true"]:focus > .button-box > .button-box-2
70 button:hover:active > .button-box > .button-box-2 > .button-box-text,
71 button[open="true"] > .button-box > .button-box-2 > .button-box-text
73 padding : 1px 2px 0px 3px;
76 button[disabled="true"],
77 button[disabled="true"]:hover:active
82 button[disabled="true"] > .button-box > .button-box-2 > .button-box-text,
83 button[disabled="true"]:hover:active > .button-box > .button-box-2 > .button-box-text
85 padding : 0px 3px 1px 2px;
88 /* text wrapping frame (hack because <text> does not support alignment) */
90 button[disabled]:focus > .button-box > .button-box-2 > .button-box-text
92 padding : 0px 3px 1px 2px;
93 border : 1px solid transparent;
97 button:focus > .button-box > .button-box-2 > .button-box-text
99 border : 1px dotted #9999CC;
102 /** Styles for "DEFAULT" buttons (usually 'OK' or equivalent in dialogs.
103 * To activate, set 'default' attribute on button.
107 button[default], button:focus
112 button[default] > .button-box > .button-box-2 > .button-box-text
115 list-style-image : url("chrome://global/skin/return.gif");
116 -moz-box-direction : reverse;
119 button[default][disabled="true"] > .button-box > .button-box-2 > .button-box-text
122 list-style-image : url("chrome://global/skin/return-disabled.gif");
125 /* ::::: menu-button buttons ::::: */
127 button[type="menu-button"] {
128 margin: 0px !important;
129 border: none !important;
132 .menu-button-dropmarker {
133 list-style-image: url("chrome://global/skin/scroll-down.gif");
136 .menu-button-dropmarker[disabled="true"] {
137 list-style-image: url("chrome://global/skin/scroll-down-disabled.gif");
140 /* ::::: plain buttons ::::: */
144 button.plain:hover:active,
145 button.plain > .button-box,
146 button.plain:hover > .button-box,
147 button.plain:hover:active > .button-box {
148 border: 0px ! important;