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