1 /* ------- MAIN TOOLBAR ---------------- */
4 background: url(../images/default/toolbar/gray-bg.gif) repeat-x 0 0;
\r
5 border-top: 1px solid #cbc7b8;
6 border-bottom: 1px solid #cbc7b8;
\r
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
139 .roo-gecko x-toolbar .x-form-text {
144 /* ------------ MENUS -----------------------*/
148 background: white url(../images/default/menu/menu-bg.gif) repeat-y 0 0;
149 font:normal 11px arial, tahoma, verdana, helvetica;
150 border: 1px solid black;
159 .x-menu-plain .x-menu-list-item .x-color-palette,
160 .x-menu-plain .x-menu-list-item .x-date-picker
175 border: 1px solid white;
184 -moz-user-select: none;
193 /*pointer: cursor; */
198 padding: 3px 21px 3px 3px;
199 text-decoration:none ;
204 background-color: #ABC9C2;
208 .x-menu li.x-menu-sep-li
216 margin: 3px 3px 3px 32px;
220 background-position: center center;
226 vertical-align: middle;
231 .x-menu-list-item .x-menu-item-arrow
233 background: url(../images/default/grid/page-next.gif) no-repeat right 2px;
240 /* ------------ CHECKBOX ITEM-----------------------*/
243 /* ------------ DISABLED ITEMS -----------------------*/
244 .x-item-disabled .x-menu-item ,
248 cursor: default !important;
258 /* ------------ OLD STUFF!!! -----------------------*/
259 .x-menu-check-item .x-menu-item-icon
261 background: url(../images/default/menu/chk-sprite.gif) no-repeat 0 0;
265 .x-menu-item-checked .x-menu-item-icon
267 background-position: 0 -16px;
275 /* NOT SURE WHAT THIS DOES ? - MS HACK? */
278 .mso .x-toolbar, .x-grid-mso .x-toolbar
281 background: url(../images/default/grid/mso-hd.gif);
\r
287 .x-toolbar .x-tb-button-disabled .x-tb-button-inner
302 .x-toolbar .ytb-sep {
303 background-image:url(../images/default/grid/grid-split.gif);
304 background-position:center center;
305 background-repeat:no-repeat;
321 Default button class is icon only. Add a class with a background-image property
\r
322 to your toolbar button
\r
325 .x-toolbar .x-tb-button-inner
327 background-position: center;
\r
328 background-repeat: no-repeat;
\r
333 white-space: nowrap;
\r
338 Button class for icon and text. Add this class and a class with a background-image
\r
339 to your toolbar button for both text and icon
\r
343 .x-toolbar .x-tb-text-icon
345 background-position: 0px 0px;
\r
346 background-repeat: no-repeat;
\r
355 Button class for a button with only text. Add this class
\r
356 to your toolbar button for a just text button
\r
359 .x-toolbar .x-tb-text-only{
\r
366 .x-toolbar .x-tb-text{
\r
369 .x-toolbar .x-tb-button{
\r
373 .x-toolbar .x-tb-button-over{
\r
374 background:#c3d3ed url(../images/default/toolbar/btn-over-bg.gif) repeat-x;
\r
375 border:1px solid #6593cf;
\r
378 .x-toolbar .x-tb-sep {
\r
379 background-image: url(../images/default/grid/grid-split.gif);
\r
380 background-position: center;
\r
381 background-repeat: no-repeat;
\r
388 margin: 0px 2px 0px;
\r
391 .mso .x-toolbar .x-tb-sep, .x-grid-mso .x-toolbar .x-tb-sep{
\r
392 background-image: url(../images/default/grid/grid-blue-split.gif);
\r