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
17 /* ------------ FONTS / colors.-----------------------*/
26 font: normal 11px tahoma, verdana, helvetica;
33 /* ------------ VERTICAL ALIGNMENT -----------------------*/
36 vertical-align: middle;
39 /* ------------ TOOLBAR BUTTONS -----------------------*/
41 .x-toolbar .x-btn-left,
42 .x-toolbar .x-btn-right,
43 .x-toolbar .x-btn-center
45 /* not sure if blanking background looks that good - it confuses end users */
49 .x-toolbar .x-btn-center
54 /* ------------ TOOLBAR BUTTONS (WITH MENU) --------- */
55 .x-toolbar .x-btn-with-menu .x-btn-center em
62 /* ------------ TOOLBAR ITEMS -----------------------*/
69 /* ------------ TOOLBAR OVER / CLICK / CENTER-----------------------*/
71 .x-toolbar .x-btn-click .x-btn-center,
72 .x-toolbar .x-btn-pressed .x-btn-center,
73 .x-toolbar .x-btn-active .x-btn-center,
74 .x-toolbar .x-btn-over .x-btn-center,
76 .x-toolbar .x-btn-click .x-btn-left,
77 .x-toolbar .x-btn-pressed .x-btn-left,
78 .x-toolbar .x-btn-active .x-btn-left,
79 .x-toolbar .x-btn-over .x-btn-left,
81 .x-toolbar .x-btn-click .x-btn-right,
82 .x-toolbar .x-btn-pressed .x-btn-right,
83 .x-toolbar .x-btn-active .x-btn-right,
84 .x-toolbar .x-btn-over .x-btn-right
86 background-repeat: no-repeat;
87 background-image: url(../images/default/basic-dialog/btn-sprite.gif);
91 .x-toolbar .x-btn-click .x-btn-center,
92 .x-toolbar .x-btn-pressed .x-btn-center,
93 .x-toolbar .x-btn-active .x-btn-center
95 background-position:0 -42px;
96 background-repeat: repeat-x;
99 .x-toolbar .x-btn-over .x-btn-center
101 background-position: 0 -105px;
102 background-repeat: repeat-x;
105 .x-toolbar .x-btn-click .x-btn-left,
106 .x-toolbar .x-btn-pressed .x-btn-left,
107 .x-toolbar .x-btn-active .x-btn-left
109 background-position:0 0;
113 .x-toolbar .x-btn-over .x-btn-left
115 background-position: 0 -63px;
119 .x-toolbar .x-btn-click .x-btn-right,
120 .x-toolbar .x-btn-pressed .x-btn-right,
121 .x-toolbar .x-btn-active .x-btn-right
123 background-position:0 -21px;
127 .x-toolbar .x-btn-over .x-btn-right
129 background-position: 0 -84px;
133 /* ------------ COMBOS/ FIELDS-----------------------*/
134 .x-toolbar .x-form-text
141 /* ------------ MENUS -----------------------*/
145 background: white url(../images/default/menu/menu-bg.gif) repeat-y 0 0;
146 font:normal 11px arial, tahoma, verdana, helvetica;
147 border: 1px solid black;
156 .x-menu-plain .x-menu-list-item .x-color-palette,
157 .x-menu-plain .x-menu-list-item .x-date-picker
172 border: 1px solid white;
181 -moz-user-select: none;
195 padding: 3px 21px 3px 3px;
196 text-decoration:none ;
201 background-color: #ABC9C2;
205 .x-menu li.x-menu-sep-li
213 margin: 3px 3px 3px 32px;
217 background-position; center center;
223 vertical-align: middle;
228 .x-menu-list-item .x-menu-item-arrow
230 background: url(../images/default/grid/page-next.gif) no-repeat right 2px;
237 /* ------------ CHECKBOX ITEM-----------------------*/
240 /* ------------ DISABLED ITEMS -----------------------*/
241 .x-item-disabled .x-menu-item ,
245 cursor: default !important;
255 /* ------------ OLD STUFF!!! -----------------------*/
256 .x-menu-check-item .x-menu-item-icon
258 background: url(../images/default/menu/chk-sprite.gif) no-repeat 0 0;
262 .x-menu-item-checked .x-menu-check-item .x-menu-item-icon
264 background-position: 0 -16px;
272 /* NOT SURE WHAT THIS DOES ? - MS HACK? */
275 .mso .x-toolbar, .x-grid-mso .x-toolbar
278 background: url(../images/default/grid/mso-hd.gif);
\r
284 .x-toolbar .x-tb-button-disabled .x-tb-button-inner
299 .x-toolbar .ytb-sep {
300 background-image:url(../images/default/grid/grid-split.gif);
301 background-position:center center;
302 background-repeat:no-repeat;
318 Default button class is icon only. Add a class with a background-image property
\r
319 to your toolbar button
\r
322 .x-toolbar .x-tb-button-inner
324 background-position: center;
\r
325 background-repeat: no-repeat;
\r
330 white-space: nowrap;
\r
335 Button class for icon and text. Add this class and a class with a background-image
\r
336 to your toolbar button for both text and icon
\r
340 .x-toolbar .x-tb-text-icon
342 background-position: 0px 0px;
\r
343 background-repeat: no-repeat;
\r
352 Button class for a button with only text. Add this class
\r
353 to your toolbar button for a just text button
\r
356 .x-toolbar .x-tb-text-only{
\r
363 .x-toolbar .x-tb-text{
\r
366 .x-toolbar .x-tb-button{
\r
370 .x-toolbar .x-tb-button-over{
\r
371 background:#c3d3ed url(../images/default/toolbar/btn-over-bg.gif) repeat-x;
\r
372 border:1px solid #6593cf;
\r
375 .x-toolbar .x-tb-sep {
\r
376 background-image: url(../images/default/grid/grid-split.gif);
\r
377 background-position: center;
\r
378 background-repeat: no-repeat;
\r
385 margin: 0px 2px 0px;
\r
388 .mso .x-toolbar .x-tb-sep, .x-grid-mso .x-toolbar .x-tb-sep{
\r
389 background-image: url(../images/default/grid/grid-blue-split.gif);
\r