← Back to branch summary

~ubuntu-branches/ubuntu/precise/kompozer/precise

« back to all changes in this revision

Viewing changes to mozilla/themes/classic/global/unix/toolbarbutton.css

  • Committer: Bazaar Package Importer
  • Author(s): Anthony Yarusso
  • Date: 2007-08-27 01:11:03 UTC
  • Revision ID: james.westby@ubuntu.com-20070827011103-2jgf4s6532gqu2ka
Tags: upstream-0.7.10
Import upstream version 0.7.10

Show diffs side-by-side

added added

removed removed

Lines of Context:
mozilla/themes/classic/global/unix/toolbarbutton.css
 
1
/*
 
2
 * The contents of this file are subject to the Netscape Public
 
3
 * License Version 1.1 (the "License"); you may not use this file
 
4
 * except in compliance with the License. You may obtain a copy of
 
5
 * the License at http://www.mozilla.org/NPL/
 
6
 *
 
7
 * Software distributed under the License is distributed on an "AS
 
8
 * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
 
9
 * implied. See the License for the specific language governing
 
10
 * rights and limitations under the License.
 
11
 *
 
12
 * The Original Code is Mozilla Communicator client code, released
 
13
 * March 31, 1998.
 
14
 *
 
15
 * The Initial Developer of the Original Code is Netscape
 
16
 * Communications Corporation. Portions created by Netscape are
 
17
 * Copyright (C) 1998-1999 Netscape Communications Corporation. All
 
18
 * Rights Reserved.
 
19
 *
 
20
 * Contributor(s):
 
21
 *   Joe Hewitt (hewitt@netscape.com)
 
22
 *   Brian Ryner <bryner@brianryner.com>
 
23
 */
 
24
 
 
25
/* ===== toolbarbutton.css =====================================================
 
26
  == Styles used by the XUL button element.
 
27
  ======================================================================= */
 
28
 
 
29
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
30
 
 
31
/* ::::: toolbarbutton ::::: */
 
32
 
 
33
toolbarbutton {
 
34
  -moz-appearance: toolbarbutton;
 
35
  -moz-box-align: center;
 
36
  -moz-box-pack: center;
 
37
  margin: 0;
 
38
  border: 2px solid;
 
39
  -moz-border-top-colors: transparent;
 
40
  -moz-border-right-colors: transparent;
 
41
  -moz-border-bottom-colors: transparent;
 
42
  -moz-border-left-colors: transparent;
 
43
  padding: 2px;
 
44
  background-color: transparent;
 
45
  color: -moz-DialogText;
 
46
}
 
47
 
 
48
.toolbarbutton-icon {
 
49
  margin-right: 2px;
 
50
}
 
51
 
 
52
.toolbarbutton-text {
 
53
  margin: 0 !important;
 
54
  text-align: center;
 
55
}
 
56
 
 
57
toolbarbutton:hover,
 
58
toolbarbutton[buttonover="true"] {
 
59
  -moz-border-top-colors: ThreeDDarkShadow ThreeDHighlight;
 
60
  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
 
61
  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
 
62
  -moz-border-left-colors: ThreeDDarkShadow ThreeDHighlight;
 
63
#ifdef MOZ_WIDGET_GTK2
 
64
  color: -moz-gtk2-hovertext;
 
65
#endif
 
66
} 
 
67
    
 
68
toolbarbutton:hover:active,
 
69
toolbarbutton[open="true"] {
 
70
  -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
 
71
  -moz-border-right-colors: ThreeDDarkShadow ThreeDHighlight;
 
72
  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDHighlight;
 
73
  -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
 
74
  padding: 3px 1px 1px 3px;
 
75
#ifdef MOZ_WIDGET_GTK2
 
76
  color: ButtonText;
 
77
#endif
 
78
}
 
79
 
 
80
toolbarbutton[disabled="true"],
 
81
toolbarbutton[disabled="true"]:hover,
 
82
toolbarbutton[disabled="true"]:hover:active
 
83
toolbarbutton[disabled="true"][open="true"] {
 
84
  -moz-border-top-colors: transparent;
 
85
  -moz-border-right-colors: transparent;
 
86
  -moz-border-bottom-colors: transparent;
 
87
  -moz-border-left-colors: transparent;
 
88
  padding: 2px;
 
89
  color: GrayText;
 
90
}
 
91
 
 
92
/* ..... checked state ..... */
 
93
 
 
94
toolbarbutton[checked="true"] {
 
95
  -moz-border-top-colors: ThreeDLightShadow ThreeDShadow !important;
 
96
  -moz-border-right-colors: ThreeDLightShadow ThreeDHighlight !important;
 
97
  -moz-border-bottom-colors: ThreeDLightShadow ThreeDHighlight !important;
 
98
  -moz-border-left-colors: ThreeDLightShadow ThreeDShadow !important;
 
99
  padding: 2px !important;
 
100
  background-color: ThreeDHighlight !important;
 
101
  color: ButtonText !important;
 
102
}
 
103
    
 
104
/* ::::: toolbarbutton menu ::::: */
 
105
 
 
106
.toolbarbutton-menu-dropmarker {
 
107
  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
 
108
  -moz-image-region: auto; /* cut off inheritance */
 
109
}
 
110
 
 
111
.toolbarbutton-menu-dropmarker[disabled="true"] {
 
112
  list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif");
 
113
}
 
114
 
 
115
/* ::::: toolbarbutton menu-button ::::: */
 
116
 
 
117
toolbarbutton[type="menu-button"] {
 
118
  -moz-box-align: stretch;
 
119
  -moz-appearance: dualbutton;
 
120
}
 
121
 
 
122
toolbarbutton[type="menu-button"],
 
123
toolbarbutton[type="menu-button"]:hover,
 
124
toolbarbutton[type="menu-button"]:hover:active,
 
125
toolbarbutton[type="menu-button"][open="true"],
 
126
toolbarbutton[type="menu-button"][disabled="true"],
 
127
toolbarbutton[type="menu-button"][disabled="true"]:hover,
 
128
toolbarbutton[type="menu-button"][disabled="true"]:hover:active {
 
129
  border: 1px solid;
 
130
  padding: 0;
 
131
}
 
132
 
 
133
.toolbarbutton-menubutton-button {
 
134
  -moz-box-align: center;
 
135
  -moz-box-pack: center;
 
136
}
 
137
 
 
138
.toolbarbutton-menubutton-button,
 
139
.toolbarbutton-menubutton-dropmarker {
 
140
  border: 1px solid;
 
141
  -moz-border-top-colors: transparent;
 
142
  -moz-border-right-colors: transparent;
 
143
  -moz-border-bottom-colors: transparent;
 
144
  -moz-border-left-colors: transparent;
 
145
}
 
146
 
 
147
.toolbarbutton-menubutton-button[disabled="true"],
 
148
.toolbarbutton-menubutton-dropmarker[disabled="true"] {
 
149
  -moz-border-top-colors: transparent !important;
 
150
  -moz-border-right-colors: transparent !important;
 
151
  -moz-border-bottom-colors: transparent !important;
 
152
  -moz-border-left-colors: transparent !important;
 
153
}
 
154
 
 
155
toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-button,
 
156
toolbarbutton[type="menu-button"][buttonover="true"] > .toolbarbutton-menubutton-button,
 
157
toolbarbutton[type="menu-button"]:hover > .toolbarbutton-menubutton-dropmarker,
 
158
toolbarbutton[type="menu-button"][buttonover="true"] > .toolbarbutton-menubutton-dropmarker,
 
159
toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-button {
 
160
  -moz-border-top-colors: ThreeDHighlight;
 
161
  -moz-border-right-colors: ThreeDShadow;
 
162
  -moz-border-bottom-colors: ThreeDShadow;
 
163
  -moz-border-left-colors: ThreeDHighlight;
 
164
}
 
165
 
 
166
toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-button,
 
167
toolbarbutton[type="menu-button"]:hover:active > .toolbarbutton-menubutton-dropmarker,
 
168
toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker,
 
169
toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker {
 
170
  -moz-border-top-colors: ThreeDShadow;
 
171
  -moz-border-right-colors: ThreeDHighlight;
 
172
  -moz-border-bottom-colors: ThreeDHighlight;
 
173
  -moz-border-left-colors: ThreeDShadow;
 
174
}
 
175
 
 
176
/* .......... dropmarker .......... */
 
177
 
 
178
.toolbarbutton-menubutton-dropmarker {
 
179
  -moz-box-align: center;
 
180
  padding: 0 0 1px 0;
 
181
  list-style-image: url("chrome://global/skin/arrow/arrow-dn.gif");
 
182
  -moz-image-region: auto; /* cut off inheritance */
 
183
  -moz-appearance: dualbutton-dropdown;
 
184
}
 
185
 
 
186
.toolbarbutton-menubutton-dropmarker[disabled="true"] {
 
187
  border: 1px solid transparent !important;
 
188
  padding: 0 0 1px 0 !important;
 
189
  list-style-image: url("chrome://global/skin/arrow/arrow-dn-dis.gif") !important;
 
190
}
 
191
 
 
192
toolbarbutton[type="menu-button"][open="true"] > .toolbarbutton-menubutton-dropmarker,
 
193
toolbarbutton[type="menu-button"][buttondown="true"] > .toolbarbutton-menubutton-dropmarker {
 
194
  padding: 1px 0 0 0;
 
195
}