1 /* ------- MAIN TOOLBAR ---------------- */
4 background: url(../images/default/toolbar/gray-bg.gif) repeat-x 0 0;
5 border-top: 1px solid #cbc7b8;
6 border-bottom: 1px solid #cbc7b8;
18 /* ------------ FONTS / colors.-----------------------*/
27 font: normal 11px tahoma, verdana, helvetica;
34 /* ------------ VERTICAL ALIGNMENT -----------------------*/
37 vertical-align: middle;
40 /* ------------ TOOLBAR BUTTONS -----------------------*/
42 .x-toolbar .x-btn-left,
43 .x-toolbar .x-btn-right,
44 .x-toolbar .x-btn-center
47 /* background: none; */
50 .x-toolbar .x-btn-center
55 /* ------------ TOOLBAR BUTTONS (WITH MENU) --------- */
56 .x-toolbar .x-btn-with-menu .x-btn-center em
63 /* ------------ TOOLBAR ITEMS -----------------------*/
70 /* ------------ TOOLBAR OVER / CLICK / CENTER-----------------------*/
72 .x-toolbar .x-btn-click .x-btn-center,
73 .x-toolbar .x-btn-pressed .x-btn-center,
74 .x-toolbar .x-btn-active .x-btn-center,
75 .x-toolbar .x-btn-over .x-btn-center,
77 .x-toolbar .x-btn-click .x-btn-left,
78 .x-toolbar .x-btn-pressed .x-btn-left,
79 .x-toolbar .x-btn-active .x-btn-left,
80 .x-toolbar .x-btn-over .x-btn-left,
82 .x-toolbar .x-btn-click .x-btn-right,
83 .x-toolbar .x-btn-pressed .x-btn-right,
84 .x-toolbar .x-btn-active .x-btn-right,
85 .x-toolbar .x-btn-over .x-btn-right
87 background-repeat: no-repeat;
88 background-image: url(../images/default/basic-dialog/btn-sprite.gif);
92 .x-toolbar .x-btn-click .x-btn-center,
93 .x-toolbar .x-btn-pressed .x-btn-center,
94 .x-toolbar .x-btn-active .x-btn-center
96 background-position:0 -42px;
97 background-repeat: repeat-x;
100 .x-toolbar .x-btn-over .x-btn-center
102 background-position: 0 -105px;
103 background-repeat: repeat-x;
106 .x-toolbar .x-btn-click .x-btn-left,
107 .x-toolbar .x-btn-pressed .x-btn-left,
108 .x-toolbar .x-btn-active .x-btn-left
110 background-position:0 0;
114 .x-toolbar .x-btn-over .x-btn-left
116 background-position: 0 -63px;
120 .x-toolbar .x-btn-click .x-btn-right,
121 .x-toolbar .x-btn-pressed .x-btn-right,
122 .x-toolbar .x-btn-active .x-btn-right
124 background-position:0 -21px;
128 .x-toolbar .x-btn-over .x-btn-right
130 background-position: 0 -84px;
134 /* ------------ COMBOS/ FIELDS-----------------------*/
135 .x-toolbar .x-form-text
140 .roo-gecko .x-toolbar .x-form-text {
145 /* ------------ MENUS -----------------------*/
149 background: white url(../images/default/menu/menu-bg.gif) repeat-y 0 0;
150 font:normal 11px arial, tahoma, verdana, helvetica;
151 border: 1px solid black;
160 .x-menu-plain .x-menu-list-item .x-color-palette,
161 .x-menu-plain .x-menu-list-item .x-date-picker
176 border: 1px solid white;
185 -moz-user-select: none;
194 /*pointer: cursor; */
199 padding: 3px 21px 3px 3px;
200 text-decoration:none ;
205 background-color: #ABC9C2;
209 .x-menu li.x-menu-sep-li
217 margin: 3px 3px 3px 32px;
221 background-position: center center;
227 vertical-align: middle;
232 .x-menu-list-item .x-menu-item-arrow
234 background: url(../images/default/grid/page-next.gif) no-repeat right 2px;
241 /* ------------ CHECKBOX ITEM-----------------------*/
244 /* ------------ DISABLED ITEMS -----------------------*/
245 .x-item-disabled .x-menu-item ,
249 cursor: default !important;
259 /* ------------ OLD STUFF!!! -----------------------*/
260 .x-menu-check-item .x-menu-item-icon
262 background: url(../images/default/menu/chk-sprite.gif) no-repeat 0 0;
266 .x-menu-item-checked .x-menu-item-icon
268 background-position: 0 -16px;
276 /* NOT SURE WHAT THIS DOES ? - MS HACK? */
279 .mso .x-toolbar, .x-grid-mso .x-toolbar
282 background: url(../images/default/grid/mso-hd.gif);
288 .x-toolbar .x-tb-button-disabled .x-tb-button-inner
303 .x-toolbar .ytb-sep {
304 background-image:url(../images/default/grid/grid-split.gif);
305 background-position:center center;
306 background-repeat:no-repeat;
322 Default button class is icon only. Add a class with a background-image property
323 to your toolbar button
326 .x-toolbar .x-tb-button-inner
328 background-position: center;
329 background-repeat: no-repeat;
339 Button class for icon and text. Add this class and a class with a background-image
340 to your toolbar button for both text and icon
344 .x-toolbar .x-tb-text-icon
346 background-position: 0px 0px;
347 background-repeat: no-repeat;
356 Button class for a button with only text. Add this class
357 to your toolbar button for a just text button
360 .x-toolbar .x-tb-text-only{
367 .x-toolbar .x-tb-text{
370 .x-toolbar .x-tb-button{
374 .x-toolbar .x-tb-button-over{
375 background:#c3d3ed url(../images/default/toolbar/btn-over-bg.gif) repeat-x;
376 border:1px solid #6593cf;
379 .x-toolbar .x-tb-sep {
380 background-image: url(../images/default/grid/grid-split.gif);
381 background-position: center;
382 background-repeat: no-repeat;
392 .mso .x-toolbar .x-tb-sep, .x-grid-mso .x-toolbar .x-tb-sep{
393 background-image: url(../images/default/grid/grid-blue-split.gif);
399 /** ---- Toolbar ontop of tab bar ---------- **/
400 .x-tabs-strip-wrap .x-toolbar {
401 background: none !important;
403 .x-tab-strip-toolbar {