~cdparra/gelee/trunk

« back to all changes in this revision

Viewing changes to webui/extjs/resources/css/structure/toolbar.css

  • Committer: parra
  • Date: 2010-03-15 15:56:56 UTC
  • Revision ID: svn-v4:ac5bba68-f036-4e09-846e-8f32731cc928:trunk/gelee:1448
merged gelee at svn

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
/*
 
2
 * Ext JS Library 3.0 RC2
 
3
 * Copyright(c) 2006-2009, Ext JS, LLC.
 
4
 * licensing@extjs.com
 
5
 * 
 
6
 * http://extjs.com/license
 
7
 */
 
8
 
 
9
.x-toolbar{
 
10
    border-style:solid;
 
11
    border-width:0 0 1px 0;
 
12
    display: block;
 
13
        padding:2px;
 
14
    background:repeat-x top left;
 
15
    position:relative;
 
16
    left:0;
 
17
    top:0;
 
18
    zoom:1;
 
19
    overflow:hidden;
 
20
}
 
21
 
 
22
.x-toolbar .x-item-disabled .x-btn-icon {
 
23
    opacity: .35;
 
24
    -moz-opacity: .35;
 
25
    filter: alpha(opacity=35);
 
26
}
 
27
 
 
28
.x-toolbar td {
 
29
        vertical-align:middle;
 
30
}
 
31
 
 
32
.x-toolbar td,.x-toolbar span,.x-toolbar input,.x-toolbar div,.x-toolbar select,.x-toolbar label{
 
33
        white-space: nowrap;
 
34
}
 
35
 
 
36
.x-toolbar .x-item-disabled {
 
37
        cursor:default;
 
38
        opacity:.6;
 
39
        -moz-opacity:.6;
 
40
        filter:alpha(opacity=60);
 
41
}
 
42
 
 
43
.x-toolbar .x-item-disabled * {
 
44
        cursor:default;
 
45
}
 
46
 
 
47
.x-toolbar .x-toolbar-cell {
 
48
    vertical-align:middle;
 
49
}
 
50
 
 
51
.x-toolbar .x-btn-tl, .x-toolbar .x-btn-tr, .x-toolbar .x-btn-tc, .x-toolbar .x-btn-ml, .x-toolbar .x-btn-mr, 
 
52
.x-toolbar .x-btn-mc, .x-toolbar .x-btn-bl, .x-toolbar .x-btn-br, .x-toolbar .x-btn-bc
 
53
{
 
54
        background-position: 500px 500px;
 
55
}
 
56
 
 
57
/* These rules are duplicated from button.css to give priority of x-toolbar rules above */
 
58
.x-toolbar .x-btn-over .x-btn-tl{
 
59
        background-position: -6px 0;
 
60
}
 
61
 
 
62
.x-toolbar .x-btn-over .x-btn-tr{
 
63
        background-position: -9px 0;
 
64
}
 
65
 
 
66
.x-toolbar .x-btn-over .x-btn-tc{
 
67
        background-position: 0 -9px;
 
68
}
 
69
 
 
70
.x-toolbar .x-btn-over .x-btn-ml{
 
71
        background-position: -6px -24px;
 
72
}
 
73
 
 
74
.x-toolbar .x-btn-over .x-btn-mr{
 
75
        background-position: -9px -24px;
 
76
}
 
77
 
 
78
.x-toolbar .x-btn-over .x-btn-mc{
 
79
        background-position: 0 -2168px;
 
80
}
 
81
 
 
82
.x-toolbar .x-btn-over .x-btn-bl{
 
83
        background-position: -6px -3px;
 
84
}
 
85
 
 
86
.x-toolbar .x-btn-over .x-btn-br{
 
87
        background-position: -9px -3px;
 
88
}
 
89
 
 
90
.x-toolbar .x-btn-over .x-btn-bc{
 
91
        background-position: 0 -18px;
 
92
}
 
93
 
 
94
.x-toolbar .x-btn-click .x-btn-tl, .x-toolbar .x-btn-menu-active .x-btn-tl, .x-toolbar .x-btn-pressed .x-btn-tl{
 
95
        background-position: -12px 0;
 
96
}
 
97
 
 
98
.x-toolbar .x-btn-click .x-btn-tr, .x-toolbar .x-btn-menu-active .x-btn-tr, .x-toolbar .x-btn-pressed .x-btn-tr{
 
99
        background-position: -15px 0;
 
100
}
 
101
 
 
102
.x-toolbar .x-btn-click .x-btn-tc, .x-toolbar .x-btn-menu-active .x-btn-tc, .x-toolbar .x-btn-pressed .x-btn-tc{
 
103
        background-position: 0 -12px;
 
104
}
 
105
 
 
106
.x-toolbar .x-btn-click .x-btn-ml, .x-toolbar .x-btn-menu-active .x-btn-ml, .x-toolbar .x-btn-pressed .x-btn-ml{
 
107
        background-position: -12px -24px;
 
108
}
 
109
 
 
110
.x-toolbar .x-btn-click .x-btn-mr, .x-toolbar .x-btn-menu-active .x-btn-mr, .x-toolbar .x-btn-pressed .x-btn-mr{
 
111
        background-position: -15px -24px;
 
112
}
 
113
 
 
114
.x-toolbar .x-btn-click .x-btn-mc, .x-toolbar .x-btn-menu-active .x-btn-mc, .x-toolbar .x-btn-pressed .x-btn-mc{
 
115
        background-position: 0 -3240px;
 
116
}
 
117
 
 
118
.x-toolbar .x-btn-click .x-btn-bl, .x-toolbar .x-btn-menu-active .x-btn-bl, .x-toolbar .x-btn-pressed .x-btn-bl{
 
119
        background-position: -12px -3px;
 
120
}
 
121
 
 
122
.x-toolbar .x-btn-click .x-btn-br, .x-toolbar .x-btn-menu-active .x-btn-br, .x-toolbar .x-btn-pressed .x-btn-br{
 
123
        background-position: -15px -3px;
 
124
}
 
125
 
 
126
.x-toolbar .x-btn-click .x-btn-bc, .x-toolbar .x-btn-menu-active .x-btn-bc, .x-toolbar .x-btn-pressed .x-btn-bc{
 
127
        background-position: 0 -21px;
 
128
}
 
129
 
 
130
.x-toolbar div.xtb-text{
 
131
    padding:2px 2px 0;
 
132
    line-height:16px;
 
133
    display:block;
 
134
}
 
135
 
 
136
.x-toolbar .xtb-sep {
 
137
        background-position: center;
 
138
        background-repeat: no-repeat;
 
139
        display: block;
 
140
        font-size: 1px;
 
141
        height: 16px;
 
142
        width:4px;
 
143
        overflow: hidden;
 
144
        cursor:default;
 
145
        margin: 0 2px 0;
 
146
        border:0;
 
147
}
 
148
 
 
149
.x-toolbar .xtb-spacer {
 
150
    width:2px;
 
151
}
 
152
 
 
153
/* Paging Toolbar */
 
154
.x-tbar-page-number{
 
155
        width:24px;
 
156
        height:14px;
 
157
}
 
158
 
 
159
.x-paging-info {
 
160
    position:absolute;
 
161
    top:5px;
 
162
    right: 8px;
 
163
}
 
164
 
 
165
/* floating */
 
166
.x-toolbar-ct {
 
167
    width:100%;
 
168
}
 
169
 
 
170
.x-toolbar-right td {
 
171
    text-align: center;
 
172
}
 
173
 
 
174
.x-panel-tbar, .x-panel-bbar, .x-window-tbar, .x-window-bbar, .x-tab-panel-tbar, .x-tab-panel-bbar, .x-plain-tbar, .x-plain-bbar {
 
175
    overflow:hidden;
 
176
    zoom:1;
 
177
}
 
178
 
 
179
.x-toolbar-more .x-btn-small .x-btn-text{
 
180
        height: 16px;
 
181
        width: 12px;
 
182
}
 
183
 
 
184
.x-toolbar-more em.x-btn-arrow {
 
185
    display:inline;
 
186
    background:transparent;
 
187
        padding-right:0;
 
188
}
 
189
 
 
190
.x-toolbar-more .x-btn-mc em.x-btn-arrow {
 
191
    background-image: none;
 
192
}
 
193
 
 
194
div.x-toolbar-no-items {
 
195
    color:gray !important;
 
196
    padding:5px 10px !important;
 
197
}
 
198
 
 
199
/* fix ie toolbar form items */
 
200
.ext-border-box .x-toolbar-cell .x-form-text {
 
201
    margin-bottom:-1px !important;
 
202
}
 
203
 
 
204
.ext-border-box .x-toolbar-cell .x-form-field-wrap .x-form-text {
 
205
    margin:0 !important;
 
206
}
 
207
 
 
208
.ext-ie .x-toolbar-cell .x-form-field-wrap {
 
209
    height:21px;
 
210
}
 
211
 
 
212
.ext-ie .x-toolbar-cell .x-form-text {
 
213
    position:relative;
 
214
    top:-1px;
 
215
}
 
216
 
 
217
.ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-text, .ext-strict .ext-ie .x-toolbar-cell .x-form-text {
 
218
    top: 0px;
 
219
}
 
220
 
 
221
.x-toolbar-right td .x-form-field-trigger-wrap{
 
222
    text-align: left;
 
223
}
 
224
 
 
225
.x-toolbar-cell .x-form-checkbox, .x-toolbar-cell .x-form-radio{
 
226
    vertical-align: top;
 
227
    margin-top: 3px;
 
228
}
 
229
 
 
230
.x-toolbar-cell .x-form-check-wrap label{
 
231
    vertical-align: bottom;
 
232
}
 
233
 
 
234
/* StatusBar */
 
235
.x-statusbar .x-status-text {
 
236
    height: 21px;
 
237
    line-height: 21px;
 
238
    padding: 0 4px;
 
239
    cursor: default;
 
240
}
 
241
 
 
242
.x-statusbar .x-status-busy {
 
243
    padding-left: 25px;
 
244
    background: transparent no-repeat 3px 3px;
 
245
}
 
246
 
 
247
.x-statusbar .x-status-text-panel {
 
248
    border-top: 1px solid;
 
249
    border-right: 1px solid;
 
250
    border-bottom: 1px solid;
 
251
    border-left: 1px solid;
 
252
    padding: 2px 8px 2px 5px;
 
253
}
 
 
b'\\ No newline at end of file'