Upgrade to ExtJS 3.1.1 - Released 02/08/2010
[extjs.git] / resources / css / theme-access / button.css
1 /*!
2  * Ext JS Library 3.1.1
3  * Copyright(c) 2006-2010 Ext JS, LLC
4  * licensing@extjs.com
5  * http://www.extjs.com/license
6  */
7 .x-btn {\r
8         font:normal 14px tahoma, verdana, helvetica;\r
9 }\r
10 \r
11 .x-btn button {\r
12     font:normal 14px arial,tahoma,verdana,helvetica;\r
13     color:#fffffa;\r
14     padding-left:6px !important;\r
15     padding-right:6px !important;\r
16 }\r
17 \r
18 .x-btn-over .x-btn button{\r
19     color:#fff;\r
20 }\r
21 \r
22 .x-btn-noicon .x-btn-small .x-btn-text, .x-btn-text-icon .x-btn-icon-small-left .x-btn-text,\r
23 .x-btn-icon .x-btn-small .x-btn-text, .x-btn-text-icon .x-btn-icon-small-right .x-btn-text {\r
24     height:18px;\r
25 }\r
26 \r
27 .x-btn-icon .x-btn-small .x-btn-text {\r
28     width:18px;\r
29 }\r
30 \r
31 .x-btn-text-icon .x-btn-icon-small-left .x-btn-text {\r
32     padding-left:21px !important;\r
33 }\r
34 \r
35 .x-btn-text-icon .x-btn-icon-small-right .x-btn-text {\r
36     padding-right:21px !important;\r
37 }\r
38 \r
39 .x-btn-text-icon .x-btn-icon-medium-left .x-btn-text {\r
40     padding-left:29px !important;\r
41 }\r
42 \r
43 .x-btn-text-icon .x-btn-icon-medium-right .x-btn-text {\r
44     padding-right:29px !important;\r
45 }\r
46 \r
47 .x-btn-text-icon .x-btn-icon-large-left .x-btn-text {\r
48     padding-left:37px !important;\r
49 }\r
50 \r
51 .x-btn-text-icon .x-btn-icon-large-right .x-btn-text {\r
52     padding-right:37px !important;\r
53 }\r
54 \r
55 .x-btn em {\r
56     font-style:normal;\r
57     font-weight:normal;\r
58 }\r
59 \r
60 .x-btn-tl, .x-btn-tr, .x-btn-tc, .x-btn-ml, .x-btn-mr, .x-btn-mc, .x-btn-bl, .x-btn-br, .x-btn-bc{\r
61         background-image:url(../images/access/button/btn.gif);\r
62 }\r
63 \r
64 .x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text{\r
65     color:#fff;\r
66 }\r
67 \r
68 .x-btn-disabled *{\r
69         color:#eee !important;\r
70 }\r
71 \r
72 .x-btn-mc em.x-btn-arrow {\r
73     background-image:url(../images/access/button/arrow.gif);\r
74     padding-right:13px;\r
75 }\r
76 \r
77 .x-btn-mc em.x-btn-split {\r
78     background-image:url(../images/access/button/s-arrow.gif);\r
79     padding-right:20px;\r
80 }\r
81 \r
82 .x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, .x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {\r
83     background-image:url(../images/access/button/s-arrow-o.gif);\r
84 }\r
85 \r
86 .x-btn-mc em.x-btn-arrow-bottom {\r
87     background-image:url(../images/access/button/s-arrow-b-noline.gif);\r
88 }\r
89 \r
90 .x-btn-mc em.x-btn-split-bottom {\r
91     background-image:url(../images/access/button/s-arrow-b.gif);\r
92 }\r
93 \r
94 .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom {\r
95     background-image:url(../images/access/button/s-arrow-bo.gif);\r
96 }\r
97 \r
98 .x-btn-group-header {\r
99     color: #d2d2d2;\r
100 }\r
101 \r
102 .x-btn-group-tc {\r
103         background-image: url(../images/access/button/group-tb.gif);\r
104 }\r
105 \r
106 .x-btn-group-tl {\r
107         background-image: url(../images/access/button/group-cs.gif);\r
108 }\r
109 \r
110 .x-btn-group-tr {\r
111         background-image: url(../images/access/button/group-cs.gif);\r
112 }\r
113 \r
114 .x-btn-group-bc {\r
115         background-image: url(../images/access/button/group-tb.gif);\r
116 }\r
117 \r
118 .x-btn-group-bl {\r
119         background-image: url(../images/access/button/group-cs.gif);\r
120 }\r
121 \r
122 .x-btn-group-br {\r
123         background-image: url(../images/access/button/group-cs.gif);\r
124 }\r
125 \r
126 .x-btn-group-ml {\r
127         background-image: url(../images/access/button/group-lr.gif);\r
128 }\r
129 \r
130 .x-btn-group-mr {\r
131         background-image: url(../images/access/button/group-lr.gif);\r
132 }\r
133 \r
134 .x-btn-group-notitle .x-btn-group-tc {\r
135         background-image: url(../images/access/button/group-tb.gif);\r
136 }\r