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;
162 .x-menu-plain .x-menu-list-item .x-color-palette,
163 .x-menu-plain .x-menu-list-item .x-date-picker
178 border: 1px solid white;
187 -moz-user-select: none;
196 /*pointer: cursor; */
201 padding: 3px 21px 3px 3px;
202 text-decoration:none ;
207 background-color: #ABC9C2;
211 .x-menu li.x-menu-sep-li
219 margin: 3px 3px 3px 32px;
223 background-position: center center;
229 vertical-align: middle;
234 .x-menu-list-item .x-menu-item-arrow
236 background: url(../images/default/grid/page-next.gif) no-repeat right 2px;
243 /* ------------ CHECKBOX ITEM-----------------------*/
246 /* ------------ DISABLED ITEMS -----------------------*/
247 .x-item-disabled .x-menu-item ,
251 cursor: default !important;
261 /* ------------ OLD STUFF!!! -----------------------*/
262 .x-menu-check-item .x-menu-item-icon
264 background: url(../images/default/menu/chk-sprite.gif) no-repeat 0 0;
268 .x-menu-item-checked .x-menu-item-icon
270 background-position: 0 -16px;
278 /* NOT SURE WHAT THIS DOES ? - MS HACK? */
281 .mso .x-toolbar, .x-grid-mso .x-toolbar
284 background: url(../images/default/grid/mso-hd.gif);
290 .x-toolbar .x-tb-button-disabled .x-tb-button-inner
305 .x-toolbar .ytb-sep {
306 background-image:url(../images/default/grid/grid-split.gif);
307 background-position:center center;
308 background-repeat:no-repeat;
324 Default button class is icon only. Add a class with a background-image property
325 to your toolbar button
328 .x-toolbar .x-tb-button-inner
330 background-position: center;
331 background-repeat: no-repeat;
341 Button class for icon and text. Add this class and a class with a background-image
342 to your toolbar button for both text and icon
346 .x-toolbar .x-tb-text-icon
348 background-position: 0px 0px;
349 background-repeat: no-repeat;
358 Button class for a button with only text. Add this class
359 to your toolbar button for a just text button
362 .x-toolbar .x-tb-text-only{
369 .x-toolbar .x-tb-text{
372 .x-toolbar .x-tb-button{
376 .x-toolbar .x-tb-button-over{
377 background:#c3d3ed url(../images/default/toolbar/btn-over-bg.gif) repeat-x;
378 border:1px solid #6593cf;
381 .x-toolbar .x-tb-sep {
382 background-image: url(../images/default/grid/grid-split.gif);
383 background-position: center;
384 background-repeat: no-repeat;
394 .mso .x-toolbar .x-tb-sep, .x-grid-mso .x-toolbar .x-tb-sep{
395 background-image: url(../images/default/grid/grid-blue-split.gif);
401 /** ---- Toolbar ontop of tab bar ---------- **/
402 .x-tabs-strip-wrap .x-toolbar {
403 background: none !important;
405 .x-tab-strip-toolbar {