3 * Provide Agora appearance for mw-ui-* classes when using the Vector skin.
4 * Compass builds these Agora styles from source Sass files in
5 * extensions/Agora/modules/scss
8 /* Mixins for visual effects in CSS3 */
9 /* line 7, sourcefiles/scss/components/_utilities.scss */
16 /* line 11, sourcefiles/scss/components/_utilities.scss */
23 /* line 15, sourcefiles/scss/components/_utilities.scss */
30 /* line 4, sourcefiles/scss/components/default/_buttons.scss */
32 display: -moz-inline-stack
;
33 display: inline-block
;
34 vertical-align: middle
;
35 *vertical-align: auto
;
38 padding: 0.4em 1em 0.4em 1em;
40 background-color: #c9c9c9;
41 *background-color: #c9c9c9;
43 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FFDCDCDC', endColorstr
='#FFC9C9C9');
44 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #dcdcdc), color-stop
(100%, #c9c9c9));
45 background-image: -webkit-linear-gradient
(top
, #dcdcdc, #c9c9c9);
46 background-image: -moz-linear-gradient
(top
, #dcdcdc, #c9c9c9);
47 background-image: -o-linear-gradient
(top
, #dcdcdc, #c9c9c9);
48 background-image: linear-gradient
(top
, #dcdcdc, #c9c9c9);
50 text-shadow: 0 1px 1px rgba
(201, 201, 201, 0.3);
51 border: 1px solid
#c4c4c4;
52 -webkit-border-radius: 3px;
53 -moz-border-radius: 3px;
54 -ms-border-radius: 3px;
55 -o-border-radius: 3px;
57 vertical-align: middle
;
59 text-decoration: none
;
63 /* line 38, sourcefiles/scss/mixins/_effects.scss */
64 .mw-ui-button:hover, .mw-ui-button.mw-ui-hover {
65 background-color: gainsboro
;
66 *background-color: gainsboro
;
68 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FFE9E9E9', endColorstr
='#FFDCDCDC');
69 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #e9e9e9), color-stop
(100%, #dcdcdc));
70 background-image: -webkit-linear-gradient
(top
, #e9e9e9, #dcdcdc);
71 background-image: -moz-linear-gradient
(top
, #e9e9e9, #dcdcdc);
72 background-image: -o-linear-gradient
(top
, #e9e9e9, #dcdcdc);
73 background-image: linear-gradient
(top
, #e9e9e9, #dcdcdc);
74 text-decoration: none
;
76 /* line 44, sourcefiles/scss/mixins/_effects.scss */
77 .mw-ui-button:active, .mw-ui-button.mw-ui-active {
78 background-image: none
;
79 background-color: #c1c1c1;
82 /* line 54, sourcefiles/scss/mixins/_effects.scss */
83 .mw-ui-button:disabled, .mw-ui-button.mw-ui-disabled {
84 background-image: none
;
85 background-color: #c9c9c9;
89 /* line 30, sourcefiles/scss/components/default/_buttons.scss */
90 .mw-ui-button:disabled, .mw-ui-button.mw-ui-disabled {
93 /* line 36, sourcefiles/scss/components/default/_buttons.scss */
94 .mw-ui-button.mw-ui-big {
97 /* line 41, sourcefiles/scss/components/default/_buttons.scss */
98 .mw-ui-button.mw-ui-block {
103 /* line 49, sourcefiles/scss/components/default/_buttons.scss */
105 text-decoration: none
;
108 /* line 56, sourcefiles/scss/components/default/_buttons.scss */
109 .mw-ui-button-group > * {
110 -webkit-border-radius: 0;
111 -moz-border-radius: 0;
112 -ms-border-radius: 0;
117 /* line 60, sourcefiles/scss/components/default/_buttons.scss */
118 .mw-ui-button-group > *:first-child {
119 -moz-border-radius-topleft: 3px;
120 -webkit-border-top-left-radius: 3px;
121 border-top-left-radius: 3px;
122 -moz-border-radius-bottomleft: 3px;
123 -webkit-border-bottom-left-radius: 3px;
124 border-bottom-left-radius: 3px;
126 /* line 65, sourcefiles/scss/components/default/_buttons.scss */
127 .mw-ui-button-group > *:last-child {
128 -moz-border-radius-topright: 3px;
129 -webkit-border-top-right-radius: 3px;
130 border-top-right-radius: 3px;
131 -moz-border-radius-bottomright: 3px;
132 -webkit-border-bottom-right-radius: 3px;
133 border-bottom-right-radius: 3px;
136 /* line 3, sourcefiles/scss/components/vector/_buttons.scss */
141 /* line 6, sourcefiles/scss/components/vector/_buttons.scss */
142 .mw-ui-button.mw-ui-primary {
143 background-color: #3366bb;
144 *background-color: #3366bb;
146 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FF4779CD', endColorstr
='#FF3366BB');
147 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #4779cd), color-stop
(100%, #3366bb));
148 background-image: -webkit-linear-gradient
(top
, #4779cd, #3366bb);
149 background-image: -moz-linear-gradient
(top
, #4779cd, #3366bb);
150 background-image: -o-linear-gradient
(top
, #4779cd, #3366bb);
151 background-image: linear-gradient
(top
, #4779cd, #3366bb);
153 text-shadow: 0 1px 1px rgba
(51, 102, 187, 0.75);
154 border: 1px solid
#3162b3;
156 /* line 38, sourcefiles/scss/mixins/_effects.scss */
157 .mw-ui-button.mw-ui-primary:hover, .mw-ui-button.mw-ui-primary.mw-ui-hover {
158 background-color: #4779cd;
159 *background-color: #4779cd;
161 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FF5B88D2', endColorstr
='#FF4779CD');
162 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #5b88d2), color-stop
(100%, #4779cd));
163 background-image: -webkit-linear-gradient
(top
, #5b88d2, #4779cd);
164 background-image: -moz-linear-gradient
(top
, #5b88d2, #4779cd);
165 background-image: -o-linear-gradient
(top
, #5b88d2, #4779cd);
166 background-image: linear-gradient
(top
, #5b88d2, #4779cd);
167 text-decoration: none
;
169 /* line 44, sourcefiles/scss/mixins/_effects.scss */
170 .mw-ui-button.mw-ui-primary:active, .mw-ui-button.mw-ui-primary.mw-ui-active {
171 background-image: none
;
172 background-color: #305faf;
175 /* line 54, sourcefiles/scss/mixins/_effects.scss */
176 .mw-ui-button.mw-ui-primary:disabled, .mw-ui-button.mw-ui-primary.mw-ui-disabled {
177 background-image: none
;
178 background-color: #3366bb;
182 /* line 10, sourcefiles/scss/components/vector/_buttons.scss */
183 .mw-ui-button.mw-ui-constructive {
184 background-color: #27aa65;
185 *background-color: #27aa65;
187 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FF2EC977', endColorstr
='#FF27AA65');
188 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #2ec977), color-stop
(100%, #27aa65));
189 background-image: -webkit-linear-gradient
(top
, #2ec977, #27aa65);
190 background-image: -moz-linear-gradient
(top
, #2ec977, #27aa65);
191 background-image: -o-linear-gradient
(top
, #2ec977, #27aa65);
192 background-image: linear-gradient
(top
, #2ec977, #27aa65);
194 text-shadow: 0 1px 1px rgba
(39, 170, 101, 0.75);
195 border: 1px solid
#25a260;
197 /* line 38, sourcefiles/scss/mixins/_effects.scss */
198 .mw-ui-button.mw-ui-constructive:hover, .mw-ui-button.mw-ui-constructive.mw-ui-hover {
199 background-color: #2ec977;
200 *background-color: #2ec977;
202 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FF3ED384', endColorstr
='#FF2EC977');
203 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #3ed384), color-stop
(100%, #2ec977));
204 background-image: -webkit-linear-gradient
(top
, #3ed384, #2ec977);
205 background-image: -moz-linear-gradient
(top
, #3ed384, #2ec977);
206 background-image: -o-linear-gradient
(top
, #3ed384, #2ec977);
207 background-image: linear-gradient
(top
, #3ed384, #2ec977);
208 text-decoration: none
;
210 /* line 44, sourcefiles/scss/mixins/_effects.scss */
211 .mw-ui-button.mw-ui-constructive:active, .mw-ui-button.mw-ui-constructive.mw-ui-active {
212 background-image: none
;
213 background-color: #249e5e;
216 /* line 54, sourcefiles/scss/mixins/_effects.scss */
217 .mw-ui-button.mw-ui-constructive:disabled, .mw-ui-button.mw-ui-constructive.mw-ui-disabled {
218 background-image: none
;
219 background-color: #27aa65;
223 /* line 14, sourcefiles/scss/components/vector/_buttons.scss */
224 .mw-ui-button.mw-ui-destructive {
225 background-color: #cc0000;
226 *background-color: #cc0000;
228 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FFF20000', endColorstr
='#FFCC0000');
229 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #f20000), color-stop
(100%, #cc0000));
230 background-image: -webkit-linear-gradient
(top
, #f20000, #cc0000);
231 background-image: -moz-linear-gradient
(top
, #f20000, #cc0000);
232 background-image: -o-linear-gradient
(top
, #f20000, #cc0000);
233 background-image: linear-gradient
(top
, #f20000, #cc0000);
235 text-shadow: 0 1px 1px rgba
(204, 0, 0, 0.75);
236 border: 1px solid
#c20000;
238 /* line 38, sourcefiles/scss/mixins/_effects.scss */
239 .mw-ui-button.mw-ui-destructive:hover, .mw-ui-button.mw-ui-destructive.mw-ui-hover {
240 background-color: #f20000;
241 *background-color: #f20000;
243 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FFFF0D0D', endColorstr
='#FFF20000');
244 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #ff0d0d), color-stop
(100%, #f20000));
245 background-image: -webkit-linear-gradient
(top
, #ff0d0d, #f20000);
246 background-image: -moz-linear-gradient
(top
, #ff0d0d, #f20000);
247 background-image: -o-linear-gradient
(top
, #ff0d0d, #f20000);
248 background-image: linear-gradient
(top
, #ff0d0d, #f20000);
249 text-decoration: none
;
251 /* line 44, sourcefiles/scss/mixins/_effects.scss */
252 .mw-ui-button.mw-ui-destructive:active, .mw-ui-button.mw-ui-destructive.mw-ui-active {
253 background-image: none
;
254 background-color: #bd0000;
257 /* line 54, sourcefiles/scss/mixins/_effects.scss */
258 .mw-ui-button.mw-ui-destructive:disabled, .mw-ui-button.mw-ui-destructive.mw-ui-disabled {
259 background-image: none
;
260 background-color: #cc0000;
265 /* line 14, sourcefiles/scss/components/default/_forms.scss */
267 -webkit-box-sizing: border-box
;
268 -moz-box-sizing: border-box
;
269 box-sizing: border-box
;
272 /* line 20, sourcefiles/scss/components/default/_forms.scss */
279 /* line 28, sourcefiles/scss/components/default/_forms.scss */
280 .mw-ui-vform
> div input
,
281 .mw-ui-vform > div .mw-ui-button {
283 -webkit-box-sizing: border-box
;
284 -moz-box-sizing: border-box
;
285 box-sizing: border-box
;
289 /* line 37, sourcefiles/scss/components/default/_forms.scss */
290 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]) {
293 border-color: #c9c9c9;
295 padding: 0.35em 0 0.35em 0.5em;
297 /* line 11, sourcefiles/scss/mixins/_forms.scss */
298 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus {
299 box-shadow: #4091ed 0px 0px 5px;
300 border-color: #4091ed;
302 /* line 13, sourcefiles/scss/mixins/_forms.scss */
303 .mw-ui-vform > div input:not([type=button]):not([type=submit]):not([type=file]):focus:not([type=checkbox]):not([type=radio]) {
306 /* line 41, sourcefiles/scss/components/default/_forms.scss */
307 .mw-ui-vform > div label {
309 -webkit-box-sizing: border-box
;
310 -moz-box-sizing: border-box
;
311 box-sizing: border-box
;
318 /* line 38, sourcefiles/scss/mixins/_forms.scss */
319 .mw-ui-vform > div label * {
322 /* line 52, sourcefiles/scss/components/default/_forms.scss */
323 .mw-ui-vform
> div input
[type
="checkbox"],
324 .mw-ui-vform > div input[type="radio"] {
326 -webkit-box-sizing: content-box
;
327 -moz-box-sizing: content-box
;
328 box-sizing: content-box
;
331 /* line 63, sourcefiles/scss/components/default/_forms.scss */
332 .mw-ui-vform .error {
333 -webkit-box-sizing: border-box
;
334 -moz-box-sizing: border-box
;
335 box-sizing: border-box
;
340 border: 1px solid
#fac5c5;
341 background-color: #fae3e3;
342 text-shadow: 0 1px #fae3e3;
343 word-wrap: break-word
;
346 /* line 86, sourcefiles/scss/components/default/_forms.scss */
354 /* line 96, sourcefiles/scss/components/default/_forms.scss */
358 border-color: #c9c9c9;
360 padding: 0.35em 0 0.35em 0.5em;
362 /* line 11, sourcefiles/scss/mixins/_forms.scss */
364 box-shadow: #4091ed 0px 0px 5px;
365 border-color: #4091ed;
367 /* line 13, sourcefiles/scss/mixins/_forms.scss */
368 .mw-ui-input:focus:not([type=checkbox]):not([type=radio]) {
372 /* line 103, sourcefiles/scss/components/default/_forms.scss */
377 /* line 38, sourcefiles/scss/mixins/_forms.scss */
382 /* line 112, sourcefiles/scss/components/default/_forms.scss */
383 .mw-ui-checkbox-label, .mw-ui-radio-label {
384 margin-bottom: 0.5em;
386 vertical-align: bottom
;
390 /* line 54, sourcefiles/scss/mixins/_forms.scss */
391 .mw-ui-checkbox-label > input[type="checkbox"], .mw-ui-checkbox-label > input[type="radio"], .mw-ui-radio-label > input[type="checkbox"], .mw-ui-radio-label > input[type="radio"] {
394 margin: 0 0.1em 0em 0;
398 border-color: #c9c9c9;
402 /* line 5, sourcefiles/scss/components/vector/_forms.scss */
404 .mw-ui-vform
> div input
,
410 /* line 3, sourcefiles/scss/components/vector/_containers.scss */