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;
132 /* ------------ MENUS -----------------------*/
136 background: white url(../images/default/menu/menu-bg.gif) repeat-y 0 0;
137 font:normal 11px arial, tahoma, verdana, helvetica;
138 border: 1px solid black;
147 .x-menu-plain .x-menu-list-item .x-color-palette,
148 .x-menu-plain .x-menu-list-item .x-date-picker
163 border: 1px solid white;
172 -moz-user-select: none;
186 padding: 3px 21px 3px 3px;
187 text-decoration:none ;
192 background-color: #ABC9C2;
196 .x-menu li.x-menu-sep-li
204 margin: 3px 3px 3px 32px;
208 background-position; center center;
214 vertical-align: middle;
219 .x-menu-list-item .x-menu-item-arrow
221 background: url(../images/default/grid/page-next.gif) no-repeat right 2px;
226 /* ------------ CHECKBOX ITEM-----------------------*/
229 /* ------------ DISABLED ITEMS -----------------------*/
230 .x-item-disabled .x-menu-item ,
234 cursor: default !important;
240 /* ------------ OLD STUFF!!! -----------------------*/
241 .x-menu-check-item .x-menu-item-icon
243 background: url(../images/default/menu/chk-sprite.gif) no-repeat 0 0;
247 .x-menu-item-checked .x-menu-check-item .x-menu-item-icon
249 background-position: 0 -16px;
257 /* NOT SURE WHAT THIS DOES ? - MS HACK? */
260 .mso .x-toolbar, .x-grid-mso .x-toolbar
263 background: url(../images/default/grid/mso-hd.gif);
\r
269 .x-toolbar .x-tb-button-disabled .x-tb-button-inner
284 .x-toolbar .ytb-sep {
285 background-image:url(../images/default/grid/grid-split.gif);
286 background-position:center center;
287 background-repeat:no-repeat;
303 Default button class is icon only. Add a class with a background-image property
\r
304 to your toolbar button
\r
307 .x-toolbar .x-tb-button-inner
309 background-position: center;
\r
310 background-repeat: no-repeat;
\r
315 white-space: nowrap;
\r
320 Button class for icon and text. Add this class and a class with a background-image
\r
321 to your toolbar button for both text and icon
\r
325 .x-toolbar .x-tb-text-icon
327 background-position: 0px 0px;
\r
328 background-repeat: no-repeat;
\r
337 Button class for a button with only text. Add this class
\r
338 to your toolbar button for a just text button
\r
341 .x-toolbar .x-tb-text-only{
\r
348 .x-toolbar .x-tb-text{
\r
351 .x-toolbar .x-tb-button{
\r
355 .x-toolbar .x-tb-button-over{
\r
356 background:#c3d3ed url(../images/default/toolbar/btn-over-bg.gif) repeat-x;
\r
357 border:1px solid #6593cf;
\r
360 .x-toolbar .x-tb-sep {
\r
361 background-image: url(../images/default/grid/grid-split.gif);
\r
362 background-position: center;
\r
363 background-repeat: no-repeat;
\r
370 margin: 0px 2px 0px;
\r
373 .mso .x-toolbar .x-tb-sep, .x-grid-mso .x-toolbar .x-tb-sep{
\r
374 background-image: url(../images/default/grid/grid-blue-split.gif);
\r