|
rlm@46
|
1 /*
|
|
rlm@46
|
2 * Ext JS Library 2.1
|
|
rlm@46
|
3 * Copyright(c) 2006-2008, Ext JS, LLC.
|
|
rlm@46
|
4 * licensing@extjs.com
|
|
rlm@46
|
5 *
|
|
rlm@46
|
6 * http://extjs.com/license
|
|
rlm@46
|
7 */
|
|
rlm@46
|
8
|
|
rlm@46
|
9 .x-toolbar{
|
|
rlm@46
|
10 border-color:#a9bfd3;
|
|
rlm@46
|
11 border-style:solid;
|
|
rlm@46
|
12 border-width:0 0 1px 0;
|
|
rlm@46
|
13 display: block;
|
|
rlm@46
|
14 padding:2px;
|
|
rlm@46
|
15 background:#d0def0 url(../images/default/toolbar/bg.gif) repeat-x top left;
|
|
rlm@46
|
16 position:relative;
|
|
rlm@46
|
17 zoom:1;
|
|
rlm@46
|
18 }
|
|
rlm@46
|
19 .x-toolbar .x-item-disabled .x-btn-icon {
|
|
rlm@46
|
20 opacity: .35;
|
|
rlm@46
|
21 -moz-opacity: .35;
|
|
rlm@46
|
22 filter: alpha(opacity=35);
|
|
rlm@46
|
23 }
|
|
rlm@46
|
24 .x-toolbar td {
|
|
rlm@46
|
25 vertical-align:middle;
|
|
rlm@46
|
26 }
|
|
rlm@46
|
27 .mso .x-toolbar, .x-grid-mso .x-toolbar{
|
|
rlm@46
|
28 border: 0 none;
|
|
rlm@46
|
29 background: url(../images/default/grid/mso-hd.gif);
|
|
rlm@46
|
30 }
|
|
rlm@46
|
31 .x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
|
|
rlm@46
|
32 white-space: nowrap;
|
|
rlm@46
|
33 font:normal 11px tahoma, arial, helvetica, sans-serif;
|
|
rlm@46
|
34 }
|
|
rlm@46
|
35 .x-toolbar .x-item-disabled {
|
|
rlm@46
|
36 color:gray;
|
|
rlm@46
|
37 cursor:default;
|
|
rlm@46
|
38 opacity:.6;
|
|
rlm@46
|
39 -moz-opacity:.6;
|
|
rlm@46
|
40 filter:alpha(opacity=60);
|
|
rlm@46
|
41 }
|
|
rlm@46
|
42 .x-toolbar .x-item-disabled * {
|
|
rlm@46
|
43 color:gray;
|
|
rlm@46
|
44 cursor:default;
|
|
rlm@46
|
45 }
|
|
rlm@46
|
46 .x-toolbar .x-btn-left{
|
|
rlm@46
|
47 background:none;
|
|
rlm@46
|
48 }
|
|
rlm@46
|
49 .x-toolbar .x-btn-right{
|
|
rlm@46
|
50 background:none;
|
|
rlm@46
|
51 }
|
|
rlm@46
|
52 .x-toolbar .x-btn-center{
|
|
rlm@46
|
53 background:none;
|
|
rlm@46
|
54 padding:0 0;
|
|
rlm@46
|
55 }
|
|
rlm@46
|
56 .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
|
|
rlm@46
|
57 padding-right:2px;
|
|
rlm@46
|
58 }
|
|
rlm@46
|
59 .ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{
|
|
rlm@46
|
60 padding-right:0;
|
|
rlm@46
|
61 }
|
|
rlm@46
|
62 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{
|
|
rlm@46
|
63 padding:0 2px;
|
|
rlm@46
|
64 }
|
|
rlm@46
|
65
|
|
rlm@46
|
66 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
|
|
rlm@46
|
67 width:12px;
|
|
rlm@46
|
68 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
|
|
rlm@46
|
69 }
|
|
rlm@46
|
70 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
|
|
rlm@46
|
71 width:12px;
|
|
rlm@46
|
72 background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;
|
|
rlm@46
|
73 }
|
|
rlm@46
|
74 .x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {
|
|
rlm@46
|
75 background-position: 0 -47px;
|
|
rlm@46
|
76 }
|
|
rlm@46
|
77 .x-toolbar .x-btn-over .x-btn-left{
|
|
rlm@46
|
78 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
|
|
rlm@46
|
79 }
|
|
rlm@46
|
80 .x-toolbar .x-btn-over .x-btn-right{
|
|
rlm@46
|
81 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
|
|
rlm@46
|
82 }
|
|
rlm@46
|
83 .x-toolbar .x-btn-over .x-btn-center{
|
|
rlm@46
|
84 background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
|
|
rlm@46
|
85 }
|
|
rlm@46
|
86
|
|
rlm@46
|
87 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
|
|
rlm@46
|
88 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
|
|
rlm@46
|
89 }
|
|
rlm@46
|
90 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
|
|
rlm@46
|
91 background: url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
|
|
rlm@46
|
92 }
|
|
rlm@46
|
93
|
|
rlm@46
|
94 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
|
|
rlm@46
|
95 background: url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
|
|
rlm@46
|
96 }
|
|
rlm@46
|
97
|
|
rlm@46
|
98 .x-toolbar .x-btn-with-menu .x-btn-center em{
|
|
rlm@46
|
99 padding-right:8px;
|
|
rlm@46
|
100 }
|
|
rlm@46
|
101
|
|
rlm@46
|
102 .x-toolbar .ytb-text{
|
|
rlm@46
|
103 padding:2px;
|
|
rlm@46
|
104 }
|
|
rlm@46
|
105 .x-toolbar .ytb-sep {
|
|
rlm@46
|
106 background-image: url(../images/default/grid/grid-blue-split.gif);
|
|
rlm@46
|
107 background-position: center;
|
|
rlm@46
|
108 background-repeat: no-repeat;
|
|
rlm@46
|
109 display: block;
|
|
rlm@46
|
110 font-size: 1px;
|
|
rlm@46
|
111 height: 16px;
|
|
rlm@46
|
112 width:4px;
|
|
rlm@46
|
113 overflow: hidden;
|
|
rlm@46
|
114 cursor:default;
|
|
rlm@46
|
115 margin: 0 2px 0;
|
|
rlm@46
|
116 border:0;
|
|
rlm@46
|
117 }
|
|
rlm@46
|
118 .x-toolbar .ytb-spacer {
|
|
rlm@46
|
119 width:2px;
|
|
rlm@46
|
120 }
|
|
rlm@46
|
121
|
|
rlm@46
|
122 /* Paging Toolbar */
|
|
rlm@46
|
123
|
|
rlm@46
|
124 .x-tbar-page-number{
|
|
rlm@46
|
125 width:24px;
|
|
rlm@46
|
126 height:14px;
|
|
rlm@46
|
127 }
|
|
rlm@46
|
128 .x-tbar-page-first{
|
|
rlm@46
|
129 background-image: url(../images/default/grid/page-first.gif) !important;
|
|
rlm@46
|
130 }
|
|
rlm@46
|
131 .x-tbar-loading{
|
|
rlm@46
|
132 background-image: url(../images/default/grid/done.gif) !important;
|
|
rlm@46
|
133 }
|
|
rlm@46
|
134 .x-tbar-page-last{
|
|
rlm@46
|
135 background-image: url(../images/default/grid/page-last.gif) !important;
|
|
rlm@46
|
136 }
|
|
rlm@46
|
137 .x-tbar-page-next{
|
|
rlm@46
|
138 background-image: url(../images/default/grid/page-next.gif) !important;
|
|
rlm@46
|
139 }
|
|
rlm@46
|
140 .x-tbar-page-prev{
|
|
rlm@46
|
141 background-image: url(../images/default/grid/page-prev.gif) !important;
|
|
rlm@46
|
142 }
|
|
rlm@46
|
143 .x-item-disabled .x-tbar-loading{
|
|
rlm@46
|
144 background-image: url(../images/default/grid/loading.gif) !important;
|
|
rlm@46
|
145 }
|
|
rlm@46
|
146 .x-item-disabled .x-tbar-page-first{
|
|
rlm@46
|
147 background-image: url(../images/default/grid/page-first-disabled.gif) !important;
|
|
rlm@46
|
148 }
|
|
rlm@46
|
149 .x-item-disabled .x-tbar-page-last{
|
|
rlm@46
|
150 background-image: url(../images/default/grid/page-last-disabled.gif) !important;
|
|
rlm@46
|
151 }
|
|
rlm@46
|
152 .x-item-disabled .x-tbar-page-next{
|
|
rlm@46
|
153 background-image: url(../images/default/grid/page-next-disabled.gif) !important;
|
|
rlm@46
|
154 }
|
|
rlm@46
|
155 .x-item-disabled .x-tbar-page-prev{
|
|
rlm@46
|
156 background-image: url(../images/default/grid/page-prev-disabled.gif) !important;
|
|
rlm@46
|
157 }
|
|
rlm@46
|
158 .x-paging-info {
|
|
rlm@46
|
159 position:absolute;
|
|
rlm@46
|
160 top:5px;
|
|
rlm@46
|
161 right: 8px;
|
|
rlm@46
|
162 color:#444;
|
|
rlm@46
|
163 }
|
|
rlm@46
|
164
|
|
rlm@46
|
165 /* StatusBar */
|
|
rlm@46
|
166
|
|
rlm@46
|
167 .x-statusbar .x-status-text {
|
|
rlm@46
|
168 height: 21px;
|
|
rlm@46
|
169 line-height: 21px;
|
|
rlm@46
|
170 padding: 0 4px;
|
|
rlm@46
|
171 cursor: default;
|
|
rlm@46
|
172 }
|
|
rlm@46
|
173 .x-statusbar .x-status-busy {
|
|
rlm@46
|
174 padding-left: 25px;
|
|
rlm@46
|
175 background: transparent url(../images/default/grid/loading.gif) no-repeat 3px 3px;
|
|
rlm@46
|
176 }
|
|
rlm@46
|
177 .x-statusbar .x-status-text-panel {
|
|
rlm@46
|
178 border-top: 1px solid #99BBE8;
|
|
rlm@46
|
179 border-right: 1px solid #fff;
|
|
rlm@46
|
180 border-bottom: 1px solid #fff;
|
|
rlm@46
|
181 border-left: 1px solid #99BBE8;
|
|
rlm@46
|
182 padding: 2px 8px 2px 5px;
|
|
rlm@46
|
183 }
|
