Project

General

Profile

Revision 220

View differences:

trunk/scripts/resources/themes/stylesheets/ext4/default/layout/_layout.scss
1
@mixin extjs-layout {
2
    .#{$prefix}docked {
3
        position: absolute;
4
        z-index: 1;
5
    }
6
    
7
    /**
8
      * Dock Layouts
9
      * @todo move this somewhere else?
10
      */
11
    .#{$prefix}docked-top {
12
        border-bottom-width: 0 !important;
13
    }
14

  
15
    .#{$prefix}docked-bottom {
16
        border-top-width: 0 !important;
17
    }
18

  
19
    .#{$prefix}docked-left {
20
        border-right-width: 0 !important;
21
    }
22

  
23
    .#{$prefix}docked-right {
24
        border-left-width: 0 !important;
25
    }
26
    
27
    .#{$prefix}docked-noborder-top {
28
        border-top-width: 0 !important;
29
    }
30

  
31
    .#{$prefix}docked-noborder-right {
32
        border-right-width: 0 !important;
33
    }
34
    
35
    .#{$prefix}docked-noborder-bottom {
36
        border-bottom-width: 0 !important;
37
    }
38
    
39
    .#{$prefix}docked-noborder-left {
40
        border-left-width: 0 !important;
41
    }
42
    
43
    .#{$prefix}box-inner {
44
        overflow:hidden;
45

  
46
        zoom:1;
47

  
48
        position:relative;
49
        left:0;
50
        top:0;
51
    }
52

  
53
    .#{$prefix}box-item {
54
        position:absolute !important;
55
        left:0;
56
        top:0;
57
    }
58

  
59
    .#{$prefix}rtl .#{$prefix}box-item {
60
        right: 0;
61
        left: auto;
62
    }
63

  
64
    .#{$prefix}box-layout-ct,
65
    .#{$prefix}border-layout-ct {
66
        overflow: hidden;
67
        zoom: 1;
68
    }
69

  
70
    .#{$prefix}overflow-hidden {
71
        overflow:hidden !important;
72
    }
73

  
74
    .#{$prefix}inline-children > * {
75
        display: inline-block !important;
76
    }
77

  
78
    .#{$prefix}abs-layout-ct {
79
        position: relative;
80
    }
81

  
82
    .#{$prefix}abs-layout-item {
83
        position: absolute;
84
    }
85

  
86
    .#{$prefix}fit-item {
87
        position: relative;
88
    }
89

  
90
    .#{$prefix}border-layout-ct {
91
        background-color: $border-layout-ct-background;
92
    }
93

  
94
    .#{$prefix}border-region-slide-in {
95
        z-index: 5;
96
    }
97

  
98
    .#{$prefix}region-collapsed-placeholder {
99
        z-index: 4;
100
    }
101

  
102
    .#{$prefix}accordion-hd .#{$prefix}panel-header-text {
103
        color: $accordion-header-color;
104
        font-weight: normal;
105
    }
106

  
107
    .#{$prefix}accordion-hd {
108
        .#{$prefix}tool-collapse-top,
109
        .#{$prefix}tool-collapse-right,
110
        .#{$prefix}tool-collapse-bottom,
111
        .#{$prefix}tool-collapse-left {
112
            background-position: 0 -255px;
113
        }
114

  
115
        .#{$prefix}tool-expand-top,
116
        .#{$prefix}tool-expand-right,
117
        .#{$prefix}tool-expand-bottom,
118
        .#{$prefix}tool-expand-left {
119
            background-position: 0 -240px;
120
        }
121

  
122
        .#{$prefix}tool-over {
123
            .#{$prefix}tool-collapse-top,
124
            .#{$prefix}tool-collapse-right,
125
            .#{$prefix}tool-collapse-bottom,
126
            .#{$prefix}tool-collapse-left {
127
                background-position: -15px -255px;
128
            }
129
        }
130

  
131
        .#{$prefix}tool-over {
132
            .#{$prefix}tool-expand-top,
133
            .#{$prefix}tool-expand-right,
134
            .#{$prefix}tool-expand-bottom,
135
            .#{$prefix}tool-expand-left {
136
                background-position: -15px -240px;
137
            }
138
        }
139

  
140
        background: $accordion-header-background-color !important;
141
        @include single-box-shadow($accordion-header-background-color, 0, 0, 0, 0, true);
142
    }
143

  
144
    .#{$prefix}accordion-hd {
145
        border-width: 1px 0 1px 0 !important;
146
        padding: 4px 5px 5px 5px;
147
        border-top-color: $panel-header-inner-border-color !important;
148
    }
149
    
150
    .#{$prefix}accordion-body {
151
        border-width: 0 !important;
152
    }
153
    
154
    .#{$prefix}accordion-hd-sibling-expanded {
155
        border-top-color: $panel-border-color !important;
156
        @include single-box-shadow($panel-header-inner-border-color, 0, 1px, 0, 0, true);
157
    }
158

  
159
    .#{$prefix}accordion-hd-last-collapsed {
160
        border-bottom-color: $accordion-header-background-color !important;
161
    }
162

  
163
    .#{$prefix}frame-tl,
164
    .#{$prefix}frame-tr,
165
    .#{$prefix}frame-tc,
166
    .#{$prefix}frame-bl,
167
    .#{$prefix}frame-br,
168
    .#{$prefix}frame-bc {
169
        overflow: hidden;
170
        background-repeat: no-repeat;
171
    }
172

  
173
    .#{$prefix}frame-tc,
174
    .#{$prefix}frame-bc {
175
        background-repeat: repeat-x;
176
    }
177

  
178
    .#{$prefix}frame-mc {
179
        position: relative;
180
        background-repeat: repeat-x;
181
        overflow: hidden;
182
    }
183

  
184
    // Classes for horizontal Box layout scroller.
185
    // Uses the *TAB* scroller image because it's all we have.
186
    // This will not work well in other cases
187
    .#{$prefix}box-scroller-left {
188
        float: left;
189
        height: 100%;
190

  
191
        z-index: 5;
192

  
193
        .#{$prefix}toolbar-scroll-left,
194
        .#{$prefix}tabbar-scroll-left {
195
            width: 18px;
196
            position: relative;
197
            cursor: pointer;
198
            height: $tab-height;
199
            background: transparent no-repeat -18px 0;
200
            background-image: theme-background-image($theme-name, 'tab-bar/scroll-left.gif');
201
        }
202
        .#{$prefix}toolbar-scroll-left-hover {
203
            background-position: 0 0;
204
        }
205
        .#{$prefix}toolbar-scroll-left-disabled,
206
        .#{$prefix}tabbar-scroll-left-disabled {
207
            background-position: -18px 0;
208
            @include opacity(.5);
209
            
210
            cursor:default;
211
        }
212

  
213
        .#{$prefix}toolbar-scroll-left {
214
            background-image: theme-background-image($theme-name, 'toolbar/scroll-left.gif');
215
            background-position: -14px 0;
216
        }
217
        .#{$prefix}toolbar-scroll-left-hover {
218
            background-position: 0 0;
219
        }
220
        .#{$prefix}toolbar-scroll-left-disabled {
221
            background-position: -14px 0;
222
        }
223

  
224
        .#{$prefix}toolbar-scroll-left {
225
            width: 14px;
226
            height: 22px;
227

  
228
            border-bottom: 1px solid #8db2e3;
229
        }
230
    }
231

  
232
    .#{$prefix}horizontal-box-overflow-body {
233
        float: left;
234
    }
235
    .#{$prefix}box-scroller-right {
236
        float: right;
237
        height: 100%;
238

  
239
        z-index: 5;
240

  
241
        .#{$prefix}toolbar-scroll-right,
242
        .#{$prefix}tabbar-scroll-right {
243
            width: 18px;
244
            position: relative;
245
            cursor: pointer;
246
            height: $tab-height;
247
            background: transparent no-repeat 0 0;
248
            background-image: theme-background-image($theme-name, 'tab-bar/scroll-right.gif');
249
        }
250
        .#{$prefix}toolbar-scroll-right-hover {
251
            background-position: -18px 0;
252
        }
253
        .#{$prefix}toolbar-scroll-right-disabled,
254
        .#{$prefix}tabbar-scroll-right-disabled {
255
            background-position: 0 0;
256
            @include opacity(.5);
257
            
258
            cursor:default;
259
        }
260

  
261
        .#{$prefix}toolbar-scroll-right {
262
            background-image: theme-background-image($theme-name, 'toolbar/scroll-right.gif');
263
        }
264
        .#{$prefix}toolbar-scroll-right-hover {
265
            background-position: -14px 0;
266
        }
267
        .#{$prefix}toolbar-scroll-right-disabled {
268
            background-position: 0 0;
269
        }
270

  
271
        .#{$prefix}toolbar-scroll-right {
272
            width: 14px;
273
            height: 22px;
274

  
275
            border-bottom: 1px solid #8db2e3;
276
        }
277
    }
278

  
279
// Classes for vertical Box layout scroller
280
    .#{$prefix}box-scroller-top {
281
        .#{$prefix}box-scroller {
282
            line-height: 0;
283
            font-size: 0;
284
        }
285
        .#{$prefix}menu-scroll-top {
286
            background: transparent no-repeat center center;
287
            background-image: theme-background-image($theme-name, 'layout/mini-top.gif');
288
            height: 8px;
289
            cursor: pointer;
290
        }
291
    }
292
    .#{$prefix}box-scroller-bottom {
293
        .#{$prefix}box-scroller {
294
            line-height: 0;
295
            font-size: 0;
296
        }
297
        .#{$prefix}menu-scroll-bottom {
298
            background: transparent no-repeat center center;
299
            background-image: theme-background-image($theme-name, 'layout/mini-bottom.gif');
300
            height: 8px;
301
            cursor: pointer;
302
        }
303
    }
304

  
305
    .#{$prefix}box-menu-right {
306
        float: right;
307
        padding-right: $toolbar-horizontal-spacing;
308
    }
309

  
310
    .#{$prefix}column {
311
        float: left;
312
    }
313
    @if $include-ie {
314
        .#{$prefix}ie6 .#{$prefix}column {
315
            display: inline; /*prevent IE6 double-margin bug*/
316
        }
317
    }
318
}
319 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/util/_messagebox.scss
1
@mixin extjs-messagebox {
2
    .#{$prefix}message-box .#{$prefix}window-body {
3
        background-color: $window-background-color;
4
        border: none;
5
    }
6

  
7
    .#{$prefix}message-box .#{$prefix}progress-wrap {
8
        margin-top: 4px;
9
    }
10

  
11
    .#{$prefix}message-box-icon {
12
        width: 47px;
13
        height: 32px;
14
    }
15

  
16
    .#{$prefix}message-box-info,
17
    .#{$prefix}message-box-warning,
18
    .#{$prefix}message-box-question,
19
    .#{$prefix}message-box-error {
20
        background: transparent no-repeat top left;
21
    }
22

  
23
    .#{$prefix}message-box .#{$prefix}msg-box-wait {
24
        background-image: theme-background-image($theme-name, 'shared/blue-loading.gif');
25
    }
26

  
27
    .#{$prefix}message-box-info {
28
        background-image: theme-background-image($theme-name, 'shared/icon-info.gif');
29
    }
30

  
31
    .#{$prefix}message-box-warning {
32
        background-image: theme-background-image($theme-name, 'shared/icon-warning.gif');
33
    }
34

  
35
    .#{$prefix}message-box-question {
36
        background-image: theme-background-image($theme-name, 'shared/icon-question.gif');
37
    }
38

  
39
    .#{$prefix}message-box-error {
40
        background-image: theme-background-image($theme-name, 'shared/icon-error.gif');
41
    }
42
}
43 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/util/_tool.scss
1
@mixin extjs-tool {
2
    .#{$prefix}tool {
3
        height: $tool-size;
4

  
5
        img {
6
            overflow: hidden;
7

  
8
            width: $tool-size;
9
            height: $tool-size;
10

  
11
            cursor: pointer;
12

  
13
            background-color: transparent;
14
            background-repeat: no-repeat;
15
            background-image: theme-background-image($theme-name, 'tools/tool-sprites.gif');
16

  
17
            margin: 0;
18
        }
19
    }
20

  
21
    .#{$prefix}panel-header-horizontal,
22
    .#{$prefix}window-header-horizontal {
23
        .#{$prefix}tool {
24
                margin-left: 2px;
25
        }
26
    }
27

  
28
    .#{$prefix}panel-header-vertical,
29
    .#{$prefix}window-header-vertical {
30
        .#{$prefix}tool {
31
                margin-bottom: 2px;
32
        }
33
    }
34

  
35
.#{$prefix}tool-placeholder {
36
        visibility: hidden;
37
    }
38

  
39
    .#{$prefix}tool-toggle {
40
        background-position: 0 -60px;
41
    }
42

  
43
    .#{$prefix}tool-over {
44
        .#{$prefix}tool-toggle {
45
            background-position: -15px -60px;
46
        }
47
    }
48

  
49
    .#{$prefix}panel-collapsed,
50
    .#{$prefix}fieldset-collapsed {
51
        .#{$prefix}tool-toggle {
52
            background-position: 0 -75px;
53
        }
54

  
55
        .#{$prefix}tool-over {
56
            .#{$prefix}tool-toggle {
57
                background-position: -15px -75px;
58
            }
59
        }
60
    }
61

  
62
    .#{$prefix}tool-close {
63
        background-position: 0 0;
64
    }
65
    
66
    .#{$prefix}tool-minimize {
67
        background-position: 0 -15px;
68
    }
69
    
70
    .#{$prefix}tool-maximize {
71
        background-position: 0 -30px;
72
    }
73
    
74
    .#{$prefix}tool-restore {
75
        background-position: 0 -45px;
76
    }
77
    
78
    .#{$prefix}tool-gear {
79
        background-position: 0 -90px;
80
    }
81
    
82
    .#{$prefix}tool-prev {
83
        background-position: 0 -105px;
84
    }
85
    
86
    .#{$prefix}tool-next {
87
        background-position: 0 -120px;
88
    }
89
    
90
    .#{$prefix}tool-pin {
91
        background-position: 0 -135px;
92
    }
93

  
94
    .#{$prefix}tool-unpin {
95
        background-position: 0 -150px;
96
    }
97

  
98
    .#{$prefix}tool-right {
99
        background-position: 0 -165px;
100
    }
101

  
102
    .#{$prefix}tool-left {
103
        background-position: 0 -180px;
104
    }
105
    
106
    .#{$prefix}tool-help {
107
        background-position: 0 -300px;
108
    }
109

  
110
    .#{$prefix}tool-save {
111
        background-position: 0 -285px;
112
    }
113

  
114
    .#{$prefix}tool-search {
115
        background-position: 0 -270px;
116
    }
117

  
118
    .#{$prefix}tool-minus {
119
        background-position: 0 -255px;
120
    }
121

  
122
    .#{$prefix}tool-plus {
123
        background-position: 0 -240px;
124
    }
125

  
126
    .#{$prefix}tool-refresh {
127
        background-position: 0 -225px;
128
    }
129

  
130
    .#{$prefix}tool-up {
131
        background-position: 0 -210px;
132
    }
133

  
134
    .#{$prefix}tool-down {
135
        background-position: 0 -195px;
136
    }
137
    
138
    .#{$prefix}tool-collapse {
139
        background-position: 0 -345px;
140
    }
141

  
142
    .#{$prefix}tool-expand {
143
        background-position: 0 -330px;
144
    }
145

  
146
    .#{$prefix}tool-print {
147
        background-position: 0 -315px;
148
    }
149

  
150
    .#{$prefix}tool-expand-bottom,
151
    .#{$prefix}tool-collapse-bottom {
152
        background-position: 0 -195px;
153
    }
154

  
155
    .#{$prefix}tool-expand-top,
156
    .#{$prefix}tool-collapse-top {
157
        background-position: 0 -210px;
158
    }
159

  
160
    .#{$prefix}tool-expand-left,
161
    .#{$prefix}tool-collapse-left {
162
        background-position: 0 -180px;
163
    }
164

  
165
    .#{$prefix}tool-expand-right,
166
    .#{$prefix}tool-collapse-right {
167
        background-position: 0 -165px;
168
    }
169

  
170
    .#{$prefix}tool-over {
171
        .#{$prefix}tool-close {
172
            background-position: -15px 0;
173
        }
174

  
175
        .#{$prefix}tool-minimize {
176
            background-position: -15px -15px;
177
        }
178
    
179
        .#{$prefix}tool-maximize {
180
            background-position: -15px -30px;
181
        }
182

  
183
        .#{$prefix}tool-restore {
184
            background-position: -15px -45px;
185
        }
186
    
187
        .#{$prefix}tool-gear {
188
            background-position: -15px -90px;
189
        }
190
    
191
        .#{$prefix}tool-prev {
192
            background-position: -15px -105px;
193
        }
194
    
195
        .#{$prefix}tool-next {
196
            background-position: -15px -120px;
197
        }
198
    
199
        .#{$prefix}tool-pin {
200
            background-position: -15px -135px;
201
        }
202
    
203
        .#{$prefix}tool-unpin {
204
            background-position: -15px -150px;
205
        }
206
    
207
        .#{$prefix}tool-right {
208
            background-position: -15px -165px;
209
        }
210
    
211
        .#{$prefix}tool-left {
212
            background-position: -15px -180px;
213
        }
214

  
215
        .#{$prefix}tool-down {
216
            background-position: -15px -195px;
217
        }
218
    
219
        .#{$prefix}tool-up {
220
            background-position: -15px -210px;
221
        }
222
    
223
        .#{$prefix}tool-refresh {
224
            background-position: -15px -225px;
225
        }
226
    
227
        .#{$prefix}tool-plus {
228
            background-position: -15px -240px;
229
        }
230

  
231
        .#{$prefix}tool-minus {
232
            background-position: -15px -255px;
233
        }
234

  
235
        .#{$prefix}tool-search {
236
            background-position: -15px -270px;
237
        }
238

  
239
        .#{$prefix}tool-save {
240
            background-position: -15px -285px;
241
        }
242

  
243
        .#{$prefix}tool-help {
244
            background-position: -15px -300px;
245
        }
246

  
247
        .#{$prefix}tool-print {
248
            background-position: -15px -315px;
249
        }
250

  
251
        .#{$prefix}tool-expand {
252
            background-position: -15px -330px;
253
        }
254

  
255
        .#{$prefix}tool-collapse {
256
            background-position: -15px -345px;
257
        }
258
        
259
        .#{$prefix}tool-expand-bottom,
260
        .#{$prefix}tool-collapse-bottom {
261
            background-position: -15px -195px;
262
        }
263
    
264
        .#{$prefix}tool-expand-top,
265
        .#{$prefix}tool-collapse-top {
266
            background-position: -15px -210px;
267
        }
268
    
269
        .#{$prefix}tool-expand-left,
270
        .#{$prefix}tool-collapse-left {
271
            background-position: -15px -180px;
272
        }
273
    
274
        .#{$prefix}tool-expand-right,
275
        .#{$prefix}tool-collapse-right {
276
            background-position: -15px -165px;
277
        }
278
    }
279
}
280 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/util/_focus.scss
1
.#{$prefix}focus-element {
2
    position: absolute;
3
    top: -10px;
4
    left: -10px;
5
    width: 0px;
6
    height: 0px;
7
}
8

  
9
.#{$prefix}focus-frame {
10
    position: absolute;
11
    left: 0px;
12
    top: 0px;
13
    z-index: 100000000;
14
    width: 0px;
15
    height: 0px;
16
}
17

  
18
.#{$prefix}focus-frame-top,
19
.#{$prefix}focus-frame-bottom,
20
.#{$prefix}focus-frame-left,
21
.#{$prefix}focus-frame-right {
22
    position: absolute;
23
    top: 0px;
24
    left: 0px;
25
}
26

  
27
.#{$prefix}focus-frame-top,
28
.#{$prefix}focus-frame-bottom {
29
    border-top: $focus-frame-style $focus-frame-width $focus-frame-color;
30
    height: $focus-frame-width;
31
}
32

  
33
.#{$prefix}focus-frame-left,
34
.#{$prefix}focus-frame-right {
35
    border-left: $focus-frame-style $focus-frame-width $focus-frame-color;
36
    width: $focus-frame-width;
37
}
38 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/util/_resizable.scss
1
@mixin extjs-resizable {
2
    .#{$prefix}resizable-handle {
3
        position: absolute;
4
        
5
        z-index: 100;
6
        
7
        font-size: 1px;
8
        line-height: 6px;
9
        
10
        overflow: hidden;
11
            
12
        zoom: 1;
13
        
14
        @include opacity(0);
15
        
16
        background-color: #fff;
17
    }
18

  
19
    .#{$prefix}resizable-handle-east {
20
        width: 6px;
21
        height: 100%;
22
        
23
        right: 0;
24
        top: 0;
25
    }
26
    
27
    .#{$prefix}resizable-over {
28
        .#{$prefix}resizable-handle-east {
29
            cursor: e-resize;
30
        }
31
    }
32
    
33
    .#{$prefix}resizable-handle-south {
34
        width: 100%;
35
        height: 6px;
36
        
37
        left: 0;
38
        bottom: 0;
39
    }
40
    
41
    .#{$prefix}resizable-over {
42
        .#{$prefix}resizable-handle-south {
43
            cursor: s-resize;
44
        }
45
    }
46
    
47
    .#{$prefix}resizable-handle-west {
48
        width: 6px;
49
        height: 100%;
50
        
51
        left: 0;
52
        top: 0;
53
    }
54
    
55
    .#{$prefix}resizable-over {
56
        .#{$prefix}resizable-handle-west {
57
            cursor: w-resize;
58
        }
59
    }
60

  
61
    .#{$prefix}resizable-handle-north {
62
        width: 100%;
63
        height: 6px;
64
        
65
        left: 0;
66
        top: 0;
67
    }
68
    
69
    .#{$prefix}resizable-over {
70
        .#{$prefix}resizable-handle-north {
71
            cursor: n-resize;
72
        }
73
    }
74

  
75
    .#{$prefix}resizable-handle-southeast {
76
        width: 6px;
77
        height: 6px;
78
        
79
        right: 0;
80
        bottom: 0;
81
        
82
        z-index: 101;
83
    }
84
    
85
    .#{$prefix}resizable-over {
86
        .#{$prefix}resizable-handle-southeast {
87
            cursor: se-resize;
88
        }
89
    }
90

  
91
    .#{$prefix}resizable-handle-northwest {
92
        width: 6px;
93
        height: 6px;
94
        
95
        left: 0;
96
        top: 0;
97
        
98
        z-index: 101;
99
    }
100
    
101
    .#{$prefix}resizable-over {
102
        .#{$prefix}resizable-handle-northwest {
103
            cursor: nw-resize;
104
        }
105
    }
106

  
107
    .#{$prefix}resizable-handle-northeast {
108
        width: 6px;
109
        height: 6px;
110
        
111
        right: 0;
112
        top: 0;
113
        
114
        z-index: 101;
115
    }
116
    
117
    .#{$prefix}resizable-over {
118
        .#{$prefix}resizable-handle-northeast {
119
            cursor: ne-resize;
120
        }
121
    }
122

  
123
    .#{$prefix}resizable-handle-southwest {
124
        width: 6px;
125
        height: 6px;
126
        
127
        left: 0;
128
        bottom: 0;
129
        
130
        z-index: 101;
131
    }
132
    
133
    .#{$prefix}resizable-over {
134
        .#{$prefix}resizable-handle-southwest {
135
            cursor: sw-resize;
136
        }
137
    }
138
    
139
    /*IE rounding error*/
140
    .#{$prefix}ie {
141
        .#{$prefix}resizable-handle-east {
142
            margin-right: -1px; /*IE rounding error*/
143
        }
144
        
145
        .#{$prefix}resizable-handle-south {
146
            margin-bottom: -1px;
147
        }
148
    }
149

  
150
    .#{$prefix}resizable-over .#{$prefix}resizable-handle, .#{$prefix}resizable-pinned .#{$prefix}resizable-handle{
151
        @include opacity(1);
152
    }
153

  
154
    .#{$prefix}window .#{$prefix}window-handle {
155
        @include opacity(0);
156
    }
157

  
158
    .#{$prefix}window-collapsed .#{$prefix}window-handle {
159
        display: none;
160
    }
161

  
162
    .#{$prefix}resizable-proxy {
163
        border: 1px dashed #3b5a82;
164
        position: absolute;
165
        left: 0;
166
        top: 0;
167
        overflow: hidden;
168
        z-index: 50000;
169
    }
170

  
171
    .#{$prefix}resizable-overlay {
172
        position: absolute;
173
        left: 0;
174
        top: 0;
175
        
176
        width: 100%;
177
        height: 100%;
178
        
179
        display: none;
180
        
181
        z-index: 200000;
182
        
183
        background-color: #fff;
184
            
185
        @include opacity(0);
186
    }
187
    
188
    .#{$prefix}resizable-over,
189
    .#{$prefix}resizable-pinned {
190
        .#{$prefix}resizable-handle-east,
191
        .#{$prefix}resizable-handle-west {
192
                background-position: left;
193
                background-image: theme-background-image($theme-name, 'sizer/e-handle.gif');
194
        }
195
        
196
        .#{$prefix}resizable-handle-south,
197
        .#{$prefix}resizable-handle-north {
198
            background-position: top;
199
            background-image: theme-background-image($theme-name, 'sizer/s-handle.gif');
200
        }
201
        
202
        .#{$prefix}resizable-handle-southeast {
203
            background-position: top left;
204
            background-image: theme-background-image($theme-name, 'sizer/se-handle.gif');
205
        }
206
        
207
        .#{$prefix}resizable-handle-northwest {
208
            background-position: bottom right;
209
            background-image: theme-background-image($theme-name, 'sizer/nw-handle.gif');
210
        }
211
        
212
        .#{$prefix}resizable-handle-northeast {
213
            background-position: bottom left;
214
            background-image: theme-background-image($theme-name, 'sizer/ne-handle.gif');
215
        }
216

  
217
        .#{$prefix}resizable-handle-southwest {
218
            background-position: top right;
219
            background-image: theme-background-image($theme-name, 'sizer/sw-handle.gif');
220
        }
221
    }
222
}
223 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/util/_dragdrop.scss
1
@mixin extjs-dragdrop {
2
    .#{$prefix}dd-drag-proxy {
3
        
4
    }
5
    
6
    .#{$prefix}dd-drag-repair {
7
        .#{$prefix}dd-drag-ghost {
8
            @include opacity(.6);
9
        }
10

  
11
        .#{$prefix}dd-drop-icon {
12
            display: none;
13
        }
14
    }
15

  
16
    .#{$prefix}dd-drag-ghost {
17
        @include opacity(.85);
18
        
19
        padding: 5px;
20
        padding-left: 20px;
21
        
22
        white-space: nowrap;
23
        
24
        color: #000;
25
        font: normal ceil($font-size * .9) $font-family;
26
        
27
        border: 1px solid;
28
        border-color: #ddd #bbb #bbb #ddd;
29
        
30
        background-color: #fff;
31
    }
32

  
33
    .#{$prefix}dd-drop-icon {
34
        position: absolute;
35
        top: 3px;
36
        left: 3px;
37
        
38
        display: block;
39
        
40
        width: 16px;
41
        height: 16px;
42
        
43
        background-color: transparent;
44
        background-position:  center;
45
        background-repeat:  no-repeat;
46
        
47
        z-index: 1;
48
    }
49

  
50
    .#{$prefix}view-selector {
51
        position: absolute;
52
        left: 0;
53
        top: 0;
54
        
55
        width: 0;
56
        
57
        background-color: #c3daf9;
58
        border: 1px dotted #3399bb;
59
            
60
        @include opacity(.5);
61
        
62
        zoom: 1;
63
    }
64
    
65
    .#{$prefix}dd-drop-nodrop .#{$prefix}dd-drop-icon {
66
        background-image: theme-background-image($theme-name, 'dd/drop-no.gif');
67
    }
68

  
69
    .#{$prefix}dd-drop-ok .#{$prefix}dd-drop-icon {
70
        background-image: theme-background-image($theme-name, 'dd/drop-yes.gif');
71
    }
72

  
73
    .#{$prefix}dd-drop-ok-add .#{$prefix}dd-drop-icon {
74
        background-image: theme-background-image($theme-name, 'dd/drop-add.gif');
75
    }
76
}
77 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/util/_scroller.scss
1
@mixin extjs-scroller {
2
    .#{$prefix}horizontal-scroller-present .#{$prefix}grid-body {
3
        border-bottom-width: 0px;
4
    }
5
        
6
    .#{$prefix}vertical-scroller-present .#{$prefix}grid-body {
7
        border-right-width: 0px;
8
    }
9

  
10
    .#{$prefix}scroller {
11
        overflow: hidden;
12
    }
13
    
14
    .#{$prefix}scroller-vertical {
15
        border: 1px solid $panel-border-color;
16
        border-top-color: $grid-header-background-color;
17
    }
18
    
19
    .#{$prefix}scroller-horizontal {
20
        border: 1px solid $panel-border-color;
21
    }
22

  
23
    .#{$prefix}vertical-scroller-present .#{$prefix}scroller-horizontal {
24
        border-right-width: 0px;
25
    }
26
    
27
    .#{$prefix}scroller-ct {
28
        overflow: hidden;
29
        position: absolute;
30
        margin: 0;
31
        padding: 0;
32
        border: none;
33
        left: 0px;
34
        top: 0px;
35

  
36
        /*
37
        In IE9 (only), the border-box style causes the scroller-ct to be 0px in the
38
        perpendicular dimension and breaks the scroll as well as offsets it by the left
39
        offset that we use to try and keep some size on this element. This works on all
40
        browsers (including IE9).
41
        */
42
        box-sizing: content-box !important;
43
        -ms-box-sizing: content-box !important;
44
        -moz-box-sizing: content-box !important;
45
        -webkit-box-sizing: content-box !important;
46
    }
47
    
48
    .#{$prefix}scroller-vertical .#{$prefix}scroller-ct {
49
        overflow-y: scroll;
50
    }
51
    
52
    .#{$prefix}scroller-horizontal .#{$prefix}scroller-ct {
53
        overflow-x: scroll;
54
    }
55
}
56 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/util/_splitter.scss
1
@mixin extjs-splitter {
2
    .#{$prefix}splitter {
3
        .#{$prefix}collapse-el {
4
            position: absolute;
5

  
6
            cursor: pointer;
7

  
8
            background-color: transparent;
9
            background-repeat: no-repeat !important;
10
        }
11
    }
12

  
13
    .#{$prefix}layout-split-left,
14
    .#{$prefix}layout-split-right {
15
        top: 50%;
16

  
17
        margin-top: -17px;
18

  
19
        width: 5px;
20
        height: 35px;
21
    }
22

  
23
    .#{$prefix}layout-split-top,
24
    .#{$prefix}layout-split-bottom {
25
        left: 50%;
26

  
27
        width: 35px;
28
        height: 5px;
29

  
30
        margin-left: -17px;
31
    }
32

  
33
    .#{$prefix}layout-split-left {
34
        background: no-repeat top right;
35
        background-image: theme-background-image($theme-name, 'util/splitter/mini-left.gif');
36
    }
37

  
38
    .#{$prefix}layout-split-right {
39
        background: no-repeat top left;
40
        background-image: theme-background-image($theme-name, 'util/splitter/mini-right.gif');
41
    }
42

  
43
    .#{$prefix}layout-split-top {
44
        background: no-repeat top left;
45
        background-image: theme-background-image($theme-name, 'util/splitter/mini-top.gif');
46
    }
47

  
48
    .#{$prefix}layout-split-bottom {
49
        background: no-repeat top left;
50
        background-image: theme-background-image($theme-name, 'util/splitter/mini-bottom.gif');
51
    }
52

  
53
    .#{$prefix}splitter-collapsed {
54
        .#{$prefix}layout-split-left {
55
            background: no-repeat top left;
56
            background-image: theme-background-image($theme-name, 'util/splitter/mini-right.gif');
57
        }
58

  
59
        .#{$prefix}layout-split-right {
60
            background: no-repeat top right;
61
            background-image: theme-background-image($theme-name, 'util/splitter/mini-left.gif');
62
        }
63

  
64
        .#{$prefix}layout-split-top {
65
            background: no-repeat top left;
66
            background-image: theme-background-image($theme-name, 'util/splitter/mini-bottom.gif');
67
        }
68

  
69
        .#{$prefix}layout-split-bottom {
70
            background: no-repeat top left;
71
            background-image: theme-background-image($theme-name, 'util/splitter/mini-top.gif');
72
        }
73
    }
74

  
75
    .#{$prefix}splitter-horizontal {
76
        cursor: e-resize;
77
        cursor: row-resize;
78
        font-size:1px;
79
    }
80
    .#{$prefix}splitter-vertical {
81
        cursor: e-resize;
82
        cursor: col-resize;
83
        font-size:1px;
84
    }
85
    .#{$prefix}splitter-collapsed {
86
        cursor: default;
87
    }
88

  
89
    .#{$prefix}splitter-active {
90
        z-index: 4;
91
        font-size:1px;
92
        background-color: rgb(180, 180, 180);
93
        @include opacity(0.8);
94
    }
95
    .#{$prefix}splitter-active {
96
        .#{$prefix}collapse-el {
97
            @include opacity(0.3);
98
        }
99
    }
100

  
101
    .#{$prefix}proxy-el {
102
        position: absolute;
103
        background: rgb(180, 180, 180);
104
        @include opacity(0.8);
105
    }
106
}
107 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/_widgets.scss
1
@import 'widgets/boundlist';
2
@import 'widgets/button';
3
@import 'widgets/btn-group';
4
@import 'widgets/datepicker';
5
@import 'widgets/colorpicker';
6
@import 'widgets/menu';
7
@import 'widgets/panel';
8
@import 'widgets/toolbar';
9
@import 'widgets/form';
10
@import 'widgets/qtip';
11
@import 'widgets/window';
12
@import 'widgets/tabbar';
13
@import 'widgets/tab';
14
@import 'widgets/slider';
15
@import 'widgets/grid';
16
@import 'widgets/tree';
17
@import 'widgets/loadmask';
18
@import 'widgets/progress-bar';
19
@import 'widgets/drawcomponent';
20
@import 'widgets/viewport';
21

  
22
@import 'widgets/html';
23 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/_mixins.scss
1
@import 'mixins/background-gradient';
2
@import 'mixins/theme-background-image';
3
@import 'mixins/inner-border';
4
@import 'mixins/frame';
5
@import 'mixins/reset-extras';
6

  
7
@mixin no-select {
8
    user-select: none;
9
    -o-user-select: none;
10
    -ms-user-select: none;
11
    -moz-user-select: -moz-none;
12
    -webkit-user-select: none;
13
    
14
    cursor:default;
15
}
16

  
17
@mixin important-no-border-radius {
18
    //we need to hard code this so we can declare !important
19
    -moz-border-radius: 0 !important;
20
    -webkit-border-radius: 0 !important;
21
    -o-border-radius: 0 !important;
22
    -ms-border-radius: 0 !important;
23
    -khtml-border-radius: 0 !important;
24
    border-radius: 0 !important;
25
}
26 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/_all.scss
1
@import "compass/css3";
2
@import "blueprint/typography";
3

  
4
$include-default: true !default;
5
$include-default-uis: true !default;
6

  
7
@import 'functions';
8
@import 'variables';
9
@import 'mixins';
10

  
11
//core
12
@import 'core';
13

  
14
//layout
15
@import 'layout/layout';
16

  
17
//utils
18
@import 'util/tool';
19
@import 'util/messagebox';
20
@import 'util/splitter';
21
@import 'util/resizable';
22
@import 'util/dragdrop';
23
@import 'util/scroller';
24
@import 'util/focus';
25

  
26
//widgets
27
@import 'widgets';
28

  
29
@if $scope-reset-css {
30
    .#{$prefix}reset {
31
        @if $include-default {
32
        	@include extjs-boundlist;
33
        	@include extjs-button;
34
        	@include extjs-btn-group;
35
        	@include extjs-datepicker;
36
        	@include extjs-colorpicker;
37
        	@include extjs-menu;
38
        	@include extjs-grid;
39
        	@include extjs-form;
40
        	    @include extjs-form-field;
41
        	    @include extjs-form-fieldset;
42
        	    @include extjs-form-file;
43
        	    @include extjs-form-checkboxfield;
44
        	    @include extjs-form-checkboxgroup;
45
        	    @include extjs-form-triggerfield;
46
        	    @include extjs-form-htmleditor;
47
        	@include extjs-panel;
48
        	@include extjs-qtip;
49
        	@include extjs-slider;
50
        	@include extjs-progress;
51
        	@include extjs-toolbar;
52
            @include extjs-window;
53
            @include extjs-messagebox;
54
            @include extjs-tabbar;
55
        	@include extjs-tab;
56
        	@include extjs-tree;
57
        	@include extjs-drawcomponent;
58
        	@include extjs-viewport;
59
        }
60

  
61
        @include extjs-dragdrop;
62
        @include extjs-resizable;
63
        @include extjs-splitter;
64
        @include extjs-layout;
65
        @include extjs-tool;
66
        @include extjs-scroller;
67
        
68
        @include extjs-html;
69
    }
70

  
71
    @include extjs-reset-extras;
72
}
73
@else {
74
    @if $include-default {
75
    	@include extjs-boundlist;
76
    	@include extjs-button;
77
    	@include extjs-btn-group;
78
    	@include extjs-datepicker;
79
    	@include extjs-colorpicker;
80
    	@include extjs-menu;
81
    	@include extjs-grid;
82
    	@include extjs-form;
83
    	    @include extjs-form-field;
84
    	    @include extjs-form-fieldset;
85
    	    @include extjs-form-file;
86
    	    @include extjs-form-checkboxfield;
87
    	    @include extjs-form-checkboxgroup;
88
    	    @include extjs-form-triggerfield;
89
    	    @include extjs-form-htmleditor;
90
    	@include extjs-panel;
91
    	@include extjs-qtip;
92
    	@include extjs-slider;
93
    	@include extjs-progress;
94
    	@include extjs-toolbar;
95
        @include extjs-window;
96
        @include extjs-messagebox;
97
        @include extjs-tabbar;
98
    	@include extjs-tab;
99
    	@include extjs-tree;
100
    	@include extjs-drawcomponent;
101
    	@include extjs-viewport;
102
    }
103

  
104
    @include extjs-dragdrop;
105
    @include extjs-resizable;
106
    @include extjs-splitter;
107
    @include extjs-layout;
108
    @include extjs-tool;
109
    @include extjs-scroller;
110
    
111
    @include extjs-html;
112
}
113

  
114 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/_core.scss
1
@import 'core/reset';
2
@import 'core/core';
3 0

  
trunk/scripts/resources/themes/stylesheets/ext4/default/_functions.scss
1
@function min($value1, $value2) {
2
    @if $value1 > $value2 {
3
        @return $value2;
4
    }
5
    @else if $value2 > $value1 {
6
        @return $value1;
7
    }
8
    @return $value1;
9
}
10

  
11
@function max($value1, $value2) {
12
    @if $value1 > $value2 {
13
        @return $value1;
14
    }
15
    @else if $value2 > $value1 {
16
        @return $value2;
17
    }
18
    @return $value1;
19
}
20

  
21
@function top($box) {
22
    @return parsebox($box, 1);
23
}
24
@function right($box) {
25
    @return parsebox($box, 2);
26
}
27
@function bottom($box) {
28
    @return parsebox($box, 3);
29
}
30
@function left($box) {
31
    @return parsebox($box, 4);
32
}
33
@function vertical($box) {
34
    @return top($box) + bottom($box);
35
}
36
@function horizontal($box) {
37
    @return left($box) + right($box);
38
}
39
@function boxmax($box) {
40
    @return max(max(top($box), right($box)), max(bottom($box), left($box)));
41
}
42
@function boxmin($box) {
43
    @return min(min(top($box), right($box)), min(bottom($box), left($box)));
44
}
45 0

  
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff