3 /* ------------ BUTTON FONTS ------------------ */
7 font: normal 8pt tahoma,verdan,arial,helvetica;
9 text-decoration:none !important;
10 color:black !important;
11 -moz-user-select: none;
12 -khtml-user-select: none;
15 vertical-align: middle;
19 /* override em (which is what the <button> is wrapped in) */
26 /* -------- BUTTON LEFT RIGHT MAKE SMALL */
27 .x-toolbar .x-btn-left,
28 .x-toolbar .x-btn-right,
54 /* -------- BUTTON BACKGROUND IMAGE -------------- */
60 background-image :url(../images/default/basic-dialog/btn-sprite.gif);
61 background-repeat: no-repeat;
62 /* might have height, and padding / margin zero'd */
64 vertical-align: middle;
70 background-position:0 0;
74 background-position:0 -21px;
78 background-position: 0 -42px;
79 background-repeat: repeat-x;
86 .x-btn-clear .x-btn-center .x-btn-text {
89 background:url(../images/default/basic-dialog/btn-clear.gif) no-repeat 0 0;
91 /** - button with icon only **/
92 .x-btn-icon .x-btn-text {
97 /* -------------------------- BUTTON OVER -------------------------- */
98 .x-btn-over .x-btn-left
100 background-position:0 -63px;
102 .x-btn-over .x-btn-right
104 background-position:0 -84px;
106 .x-btn-over .x-btn-center
108 background-position:0 -105px;
110 /* -------------------------- BUTTON CLICK -------------------------- */
111 .x-btn-click .x-btn-left
113 background-position:0 -63px; /* FIXME */
115 .x-btn-click .x-btn-right
117 background-position:0 -84px; /* FIXME */
119 .x-btn-click .x-btn-center
121 background-position:0 -126px;
124 /* -------------------------- BUTTON FOCUS -------------------------- */
125 /* ??? any special settings ?? */
127 /* -------------------------- BUTTON DISABLED -------------------------- */
128 .x-btn .x-btn-disabled
132 .x-btn-disabled .x-btn-center
136 /* -------------------------- BUTTON ELEMENT -------------------------- */
139 background: none no-repeat scroll 0 0 transparent;
143 color: -moz-use-text-color;
155 .roo-gecko .x-btn button
160 /* -------------------------- BUTTON WITH ICONS -------------------------- */
161 .x-btn-text-icon .x-btn-center .x-btn-text
163 background-position:0 2px;
164 background:none no-repeat scroll 0 0 transparent;
165 /* padding : 3px 0 2px 18px; */
166 padding: 1px 0px 1px 18px;
171 /* -------------------------- BUTTON WITH MENUS -------------------------- */
172 button.x-btn-menu-arrow-el
175 background: url(../images/default/grid/sort_desc.gif) no-repeat scroll left 7px;
179 .x-btn-text-icon .x-btn-with-menu .x-btn-center em
182 background: url(../images/default/grid/sort_desc.gif) no-repeat scroll right 6px;
185 .x-btn-with-menu .x-btn-center em
188 /* ??? background: url(../images/default/grid/sort_desc.gif) no-repeat scroll right 3px */
192 .x-btn-pressed .x-btn-center .x-btn-text
194 /* padding : 3px 0 2px 18px; */
195 padding : 0 0 2px 0px;