1 | /* |
---|
2 | * Ext JS Library 2.2.1 |
---|
3 | * Copyright(c) 2006-2009, Ext JS, LLC. |
---|
4 | * licensing@extjs.com |
---|
5 | * |
---|
6 | * http://extjs.com/license |
---|
7 | */ |
---|
8 | |
---|
9 | .x-toolbar{ |
---|
10 | border-color:#a9bfd3; |
---|
11 | border-style:solid; |
---|
12 | border-width:0 0 1px 0; |
---|
13 | display: block; |
---|
14 | padding:2px; |
---|
15 | background:#d0def0 url(../images/default/toolbar/bg.gif) repeat-x top left; |
---|
16 | position:relative; |
---|
17 | zoom:1; |
---|
18 | } |
---|
19 | .x-toolbar .x-item-disabled .x-btn-icon { |
---|
20 | opacity: .35; |
---|
21 | -moz-opacity: .35; |
---|
22 | filter: alpha(opacity=35); |
---|
23 | } |
---|
24 | .x-toolbar td { |
---|
25 | vertical-align:middle; |
---|
26 | } |
---|
27 | .mso .x-toolbar, .x-grid-mso .x-toolbar{ |
---|
28 | border: 0 none; |
---|
29 | background: url(../images/default/grid/mso-hd.gif); |
---|
30 | } |
---|
31 | .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{ |
---|
32 | white-space: nowrap; |
---|
33 | font:normal 11px tahoma, arial, helvetica, sans-serif; |
---|
34 | } |
---|
35 | .x-toolbar .x-item-disabled { |
---|
36 | color:gray; |
---|
37 | cursor:default; |
---|
38 | opacity:.6; |
---|
39 | -moz-opacity:.6; |
---|
40 | filter:alpha(opacity=60); |
---|
41 | } |
---|
42 | .x-toolbar .x-item-disabled * { |
---|
43 | color:gray; |
---|
44 | cursor:default; |
---|
45 | } |
---|
46 | .x-toolbar .x-btn-left{ |
---|
47 | background:none; |
---|
48 | } |
---|
49 | .x-toolbar .x-btn-right{ |
---|
50 | background:none; |
---|
51 | } |
---|
52 | .x-toolbar .x-btn-center{ |
---|
53 | background:none; |
---|
54 | padding:0 0; |
---|
55 | } |
---|
56 | .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{ |
---|
57 | padding-right:2px; |
---|
58 | } |
---|
59 | .ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{ |
---|
60 | padding-right:0; |
---|
61 | } |
---|
62 | .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{ |
---|
63 | padding:0 2px; |
---|
64 | } |
---|
65 | |
---|
66 | .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button { |
---|
67 | width:12px; |
---|
68 | background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px; |
---|
69 | } |
---|
70 | .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button { |
---|
71 | width:12px; |
---|
72 | background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px; |
---|
73 | } |
---|
74 | .x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button { |
---|
75 | background-position: 0 -47px; |
---|
76 | } |
---|
77 | .x-toolbar .x-btn-over .x-btn-left{ |
---|
78 | background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0; |
---|
79 | } |
---|
80 | .x-toolbar .x-btn-over .x-btn-right{ |
---|
81 | background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px; |
---|
82 | } |
---|
83 | .x-toolbar .x-btn-over .x-btn-center{ |
---|
84 | background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px; |
---|
85 | } |
---|
86 | |
---|
87 | .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{ |
---|
88 | background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px; |
---|
89 | } |
---|
90 | .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{ |
---|
91 | background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px; |
---|
92 | } |
---|
93 | |
---|
94 | .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{ |
---|
95 | background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px; |
---|
96 | } |
---|
97 | |
---|
98 | .x-toolbar .x-btn-with-menu .x-btn-center em{ |
---|
99 | padding-right:8px; |
---|
100 | } |
---|
101 | |
---|
102 | .x-toolbar .ytb-text{ |
---|
103 | padding:2px; |
---|
104 | } |
---|
105 | .x-toolbar .ytb-sep { |
---|
106 | background-image: url(../images/default/grid/grid-blue-split.gif); |
---|
107 | background-position: center; |
---|
108 | background-repeat: no-repeat; |
---|
109 | display: block; |
---|
110 | font-size: 1px; |
---|
111 | height: 16px; |
---|
112 | width:4px; |
---|
113 | overflow: hidden; |
---|
114 | cursor:default; |
---|
115 | margin: 0 2px 0; |
---|
116 | border:0; |
---|
117 | } |
---|
118 | .x-toolbar .ytb-spacer { |
---|
119 | width:2px; |
---|
120 | } |
---|
121 | |
---|
122 | /* Paging Toolbar */ |
---|
123 | |
---|
124 | .x-tbar-page-number{ |
---|
125 | width:24px; |
---|
126 | height:14px; |
---|
127 | } |
---|
128 | .x-tbar-page-first{ |
---|
129 | background-image: url(../images/default/grid/page-first.gif) !important; |
---|
130 | } |
---|
131 | .x-tbar-loading{ |
---|
132 | background-image: url(../images/default/grid/refresh.gif) !important; |
---|
133 | } |
---|
134 | .x-tbar-page-last{ |
---|
135 | background-image: url(../images/default/grid/page-last.gif) !important; |
---|
136 | } |
---|
137 | .x-tbar-page-next{ |
---|
138 | background-image: url(../images/default/grid/page-next.gif) !important; |
---|
139 | } |
---|
140 | .x-tbar-page-prev{ |
---|
141 | background-image: url(../images/default/grid/page-prev.gif) !important; |
---|
142 | } |
---|
143 | .x-item-disabled .x-tbar-loading{ |
---|
144 | background-image: url(../images/default/grid/loading.gif) !important; |
---|
145 | } |
---|
146 | .x-item-disabled .x-tbar-page-first{ |
---|
147 | background-image: url(../images/default/grid/page-first-disabled.gif) !important; |
---|
148 | } |
---|
149 | .x-item-disabled .x-tbar-page-last{ |
---|
150 | background-image: url(../images/default/grid/page-last-disabled.gif) !important; |
---|
151 | } |
---|
152 | .x-item-disabled .x-tbar-page-next{ |
---|
153 | background-image: url(../images/default/grid/page-next-disabled.gif) !important; |
---|
154 | } |
---|
155 | .x-item-disabled .x-tbar-page-prev{ |
---|
156 | background-image: url(../images/default/grid/page-prev-disabled.gif) !important; |
---|
157 | } |
---|
158 | .x-paging-info { |
---|
159 | position:absolute; |
---|
160 | top:5px; |
---|
161 | right: 8px; |
---|
162 | color:#444; |
---|
163 | } |
---|
164 | |
---|
165 | /* StatusBar */ |
---|
166 | |
---|
167 | .x-statusbar .x-status-text { |
---|
168 | height: 21px; |
---|
169 | line-height: 21px; |
---|
170 | padding: 0 4px; |
---|
171 | cursor: default; |
---|
172 | } |
---|
173 | .x-statusbar .x-status-busy { |
---|
174 | padding-left: 25px; |
---|
175 | background: transparent url(../images/default/grid/loading.gif) no-repeat 3px 3px; |
---|
176 | } |
---|
177 | .x-statusbar .x-status-text-panel { |
---|
178 | border-top: 1px solid #99BBE8; |
---|
179 | border-right: 1px solid #fff; |
---|
180 | border-bottom: 1px solid #fff; |
---|
181 | border-left: 1px solid #99BBE8; |
---|
182 | padding: 2px 8px 2px 5px; |
---|
183 | } |
---|