← Back to branch summary

~mortenoh/+junk/dhis2-detailed-import-export

« back to all changes in this revision

Viewing changes to gis/dhis-gis-geostat/mfbase/ext/resources/css/button.css

  • Committer: larshelge at gmail
  • Date: 2009-03-03 16:46:36 UTC
  • Revision ID: larshelge@gmail.com-20090303164636-2sjlrquo7ib1gf7r
Initial check-in

Show diffs side-by-side

added added

removed removed

Lines of Context:
gis/dhis-gis-geostat/mfbase/ext/resources/css/button.css
 
1
/*
 
2
 * Ext JS Library 2.2
 
3
 * Copyright(c) 2006-2008, Ext JS, LLC.
 
4
 * licensing@extjs.com
 
5
 * 
 
6
 * http://extjs.com/license
 
7
 */
 
8
 
 
9
.x-btn{
 
10
        font:normal 11px tahoma, verdana, helvetica;
 
11
        cursor:pointer;
 
12
        white-space: nowrap;
 
13
}
 
14
.x-btn button{
 
15
    border:0 none;
 
16
    background:transparent;
 
17
    font:normal 11px tahoma,verdana,helvetica;
 
18
    padding-left:3px;
 
19
    padding-right:3px;
 
20
    cursor:pointer;
 
21
    margin:0;
 
22
    overflow:visible;
 
23
    width:auto;
 
24
    -moz-outline:0 none;
 
25
    outline:0 none;
 
26
}
 
27
* html .ext-ie .x-btn button {
 
28
    width:1px;
 
29
}
 
30
.ext-gecko .x-btn button {
 
31
    padding-left:0;
 
32
    padding-right:0;
 
33
}
 
34
.ext-ie .x-btn button {
 
35
    padding-top:2px;
 
36
}
 
37
/*
 
38
 Predefined css class for buttons with only icon. Add this class (x-btn-icon) and a class with a background-image
 
39
 to your button for a button with just an icon.
 
40
 e.g.
 
41
 .my-class .x-btn-text { background-image: url(foo.gif); }
 
42
 */
 
43
 
 
44
.x-btn-icon .x-btn-center .x-btn-text{
 
45
        background-position: center;
 
46
        background-repeat: no-repeat;
 
47
        height: 16px;
 
48
        width: 16px;
 
49
        cursor:pointer;
 
50
        white-space: nowrap;
 
51
    padding:0;
 
52
}
 
53
.x-btn-icon .x-btn-center{
 
54
        padding:1px;
 
55
}
 
56
.x-btn em {
 
57
    font-style:normal;
 
58
    font-weight:normal;
 
59
}
 
60
/*
 
61
 Button class for icon and text. Add this class (x-btn-text-icon) and a class with a background-image
 
62
 to your button for both text and icon. 
 
63
*/
 
64
 
 
65
.x-btn-text-icon .x-btn-center .x-btn-text{
 
66
        background-position: 0 2px;
 
67
        background-repeat: no-repeat;
 
68
        padding-left:18px;
 
69
        padding-top:3px;
 
70
        padding-bottom:2px;
 
71
    padding-right:0;
 
72
}
 
73
.ext-gecko3 .x-btn-text-icon .x-btn-center .x-btn-text {
 
74
    padding-top:2px;
 
75
}
 
76
.x-btn-left, .x-btn-right{
 
77
        font-size:1px;
 
78
    line-height:1px;
 
79
}
 
80
.x-btn-left{
 
81
        width:3px;
 
82
        height:21px;
 
83
        background:url(../images/default/button/btn-sprite.gif) no-repeat 0 0;
 
84
}
 
85
.x-btn-right{
 
86
        width:3px;
 
87
        height:21px;
 
88
        background:url(../images/default/button/btn-sprite.gif) no-repeat 0 -21px;
 
89
}
 
90
.x-btn-left i, .x-btn-right i{
 
91
        display:block;
 
92
    width:3px;
 
93
    overflow:hidden;
 
94
    font-size:1px;
 
95
    line-height:1px;
 
96
}
 
97
.x-btn-center{
 
98
        background:url(../images/default/button/btn-sprite.gif) repeat-x 0 -42px;
 
99
        vertical-align: middle;
 
100
        text-align:center;
 
101
        padding:0 5px;
 
102
        cursor:pointer;
 
103
        white-space:nowrap;
 
104
}
 
105
.x-btn-over .x-btn-left{
 
106
        background-position:0 -63px;
 
107
}
 
108
.x-btn-over .x-btn-right{
 
109
        background-position:0 -84px;
 
110
}
 
111
.x-btn-over .x-btn-center{
 
112
        background-position:0 -105px;
 
113
}
 
114
.x-btn-click .x-btn-center, .x-btn-menu-active .x-btn-center{
 
115
        background-position:0 -126px;
 
116
}
 
117
.x-btn-disabled *{
 
118
        color:gray !important;
 
119
        cursor:default !important;
 
120
}
 
121
.x-btn-menu-text-wrap .x-btn-center {
 
122
        padding:0 3px;
 
123
}
 
124
.ext-gecko .x-btn-menu-text-wrap .x-btn-center {
 
125
        padding:0 1px;
 
126
}
 
127
.x-btn-menu-arrow-wrap .x-btn-center {
 
128
    padding:0;
 
129
}
 
130
.x-btn-menu-arrow-wrap .x-btn-center button {
 
131
        width:12px !important;
 
132
    height:21px;
 
133
    padding:0 !important;
 
134
    display:block;
 
135
    background:transparent url(../images/default/button/btn-arrow.gif) no-repeat left 3px;
 
136
}
 
137
.x-btn-with-menu  .x-btn-center {
 
138
    padding-right:2px !important;
 
139
}
 
140
.x-btn-with-menu  .x-btn-center em {
 
141
    display:block;
 
142
    background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 0;
 
143
        padding-right:10px;
 
144
}
 
145
 
 
146
.x-btn-text-icon .x-btn-with-menu .x-btn-center em {
 
147
    display:block;
 
148
    background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat right 3px;
 
149
        padding-right:10px;
 
150
}
 
151
 
 
152
/* Toggle button styles */
 
153
.x-btn-pressed .x-btn-left{
 
154
        background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -63px;
 
155
}
 
156
.x-btn-pressed .x-btn-right{
 
157
        background: url(../images/default/button/btn-sprite.gif) no-repeat 0 -84px;
 
158
}
 
159
.x-btn-pressed .x-btn-center{
 
160
        background: url(../images/default/button/btn-sprite.gif) repeat-x 0 -126px;
 
161
}
 
 
b'\\ No newline at end of file'