 |
1 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
2
3 /* inset areas */
4
5 .inset
6 {
7 border-left : 1px solid ThreeDShadow;
8 border-top : 1px solid ThreeDShadow;
9 border-right : 1px solid ThreeDHighlight;
10 border-bottom : 1px solid ThreeDHighlight;
11 margin : 0px 5px 5px 5px;
12 }
13
14 .box-inset {
15 margin: 2px 4px;
16 border: 2px solid;
17 -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
18 -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
19 -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
20 -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
21 background-color: -moz-Field;
22 color: -moz-FieldText;
23 }
24
25 /* formatting */
26 .groove-top
27 {
28 border-top : 2px groove ThreeDFace;
29 }
30
31 .groove-right
32 {
33 border-right : 2px groove ThreeDFace;
34 }
35
36 .groove-left
37 {
38 border-left : 2px groove ThreeDFace;
39 }
40
41 .groove-bottom
42 {
43 border-bottom : 2px groove ThreeDFace;
44 }
45
46 .outset
47 {
48 border-left : 1px solid ThreeDHighlight;
49 border-top : 1px solid ThreeDHighlight;
50 border-right : 1px solid ThreeDShadow;
51 border-bottom : 1px solid ThreeDShadow;
52 }
53
54 .outset-top-bottom
55 {
56 border-top : 1px solid ThreeDHighlight;
57 border-bottom : 1px solid ThreeDShadow;
58 }
59
60
61
62 /** separator rules **/
63 /* standard separators */
64 separator, separator[orient="horizontal"]
65 {
66 height: 1.5em;
67 }
68
69 separator[orient="vertical"]
70 {
71 width: 1.5em;
72 }
73
74 /* thinner separators (50% size) */
75 separator.thin, separator.thin[orient="horizontal"]
76 {
77 height: 0.5em;
78 }
79
80 separator.thin[orient="vertical"]
81 {
82 width: 0.5em;
83 }
84
85 /* groove separators (50% size) */
86 separator.groove,
87 separator.groove[orient="horizontal"]
88 {
89 border-top: 1px solid ThreeDShadow;
90 border-bottom: 1px solid ThreeDHighlight;
91 height: 0px;
92 margin-top: 0.4em;
93 margin-bottom: 0.4em;
94 }
95
96 separator.groove[orient="vertical"]
97 {
98 border-left: 1px solid ThreeDShadow;
99 border-right: 1px solid ThreeDHighlight;
100 margin-left: 0.4em;
101 margin-right: 0.4em;
102 }
103
104 /* groove separators (0 padding, for dividing effects) */
105 separator.groove-thin
106 {
107 border-top: 1px solid ThreeDShadow;
108 border-bottom: 1px solid ThreeDHighlight;
109 height: 0px;
110 }
111
112 separator[orient="vertical"].groove-thin
113 {
114 border-left: 1px solid ThreeDShadow;
115 border-right: 1px solid ThreeDHighlight;
116 }
117
118 /** text formatting rules **/
119 /* label (with margins) */
120
121 /** Reduced Margin for some UI **/
122 .small-margin
123 {
124 margin : 1px 2px 1px 2px;
125 }
126
127 .plain
128 {
129 margin: 0px !important;
130 border: none;
131 padding: 0px;
132 }
133
134 label[disabled="true"]
135 {
136 color : GrayText;
137 }
138
139 description, label
140 {
141 cursor : default;
142 }
143
144 description
145 {
146 margin : 1px 5px 4px 5px;
147 }
148
149 label
150 {
151 margin : 1px 5px 2px 6px;
152 }
153
154 .header
155 {
156 font-weight : bold;
157 }
158
159 .larger-text
160 {
161 font-size : larger;
162 }
163
164 .smaller-text
165 {
166 font-size : smaller;
167 }
168
169 .monospace
170 {
171 font-family : monospace;
172 }
173
174 .indent
175 {
176 margin-left : 23px;
177 }
178
179 .box-padded
180 {
181 padding : 5px;
182 }
183
184 .spaced
185 {
186 margin : 3px 5px 4px 5px;
187 }
188
189 .wizard-box
190 {
191 padding : 20px 44px 10px 44px;
192 }
193
194 /* Double Border Boxes */
195
196 /* top only */
197 .double-box-top
198 {
199 -moz-binding : url("chrome://global/skin/classicBindings.xml#double-box");
200 border-top : 1px solid ThreeDShadow;
201 background-color : #FFFFFF;
202 margin : 0px;
203 }
204
205 .double-box-top > .db-internal-box
206 {
207 border-top : 1px solid ThreeDDarkShadow;
208 }
209
210 /* all round */
211 .double-box
212 {
213 -moz-binding : url("chrome://global/skin/classicBindings.xml#double-box");
214 border-left : 1px solid ThreeDShadow;
215 border-top : 1px solid ThreeDShadow;
216 border-bottom : 1px solid ThreeDHighlight;
217 border-right : 1px solid ThreeDHighlight;
218 background-color : #FFFFFF;
219 margin : 0px;
220 }
221
222 .double-box > .db-internal-box
223 {
224 border : 1px solid ThreeDDarkShadow;
225 }
226
227 .caption-text
228 {
229 margin: 0px 2px 0px 1px !important;
230 }
231
232 /* class for text with a 'link' appearance */
233 .text-link {
234 color: blue;
235 text-decoration: underline;
236 }
237
238 .text-link:focus {
239 color: red;
240 /* Don't specify the outline-color, we should always use initial value. */
241 outline: 1px dotted;
242 }
243
244 .text-link:hover {
245 cursor: pointer;
246 }
247
248 .text-link:hover:active {
249 color: red;
250 }
251
252 .text-link[visited="true"] {
253 color: purple;
254 }
255