~cdparra/gelee/trunk

« back to all changes in this revision

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