3 /* Mixins for visual effects in CSS3 */
4 /* line 7, ../scss/components/_utilities.scss */
11 /* line 11, ../scss/components/_utilities.scss */
18 /* line 15, ../scss/components/_utilities.scss */
25 /* line 8, ../scss/components/_buttons.scss */
26 button
.mw-ui-button
, input
[type
="submit"].mw-ui-button
, a
.mw-ui-button
{
27 display: -moz-inline-stack
;
28 display: inline-block
;
29 vertical-align: middle
;
30 *vertical-align: auto
;
33 padding: 0.4em 1em 0.4em 1em;
35 background-color: #c9c9c9;
36 *background-color: #c9c9c9;
38 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FFDCDCDC', endColorstr
='#FFC9C9C9');
39 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #dcdcdc), color-stop
(100%, #c9c9c9));
40 background-image: -webkit-linear-gradient
(top
, #dcdcdc, #c9c9c9);
41 background-image: -moz-linear-gradient
(top
, #dcdcdc, #c9c9c9);
42 background-image: -o-linear-gradient
(top
, #dcdcdc, #c9c9c9);
43 background-image: linear-gradient
(top
, #dcdcdc, #c9c9c9);
45 text-shadow: 0 1px 1px rgba
(201, 201, 201, 0.3);
46 border: 1px solid
#c4c4c4;
47 -webkit-border-radius: 3px;
48 -moz-border-radius: 3px;
49 -ms-border-radius: 3px;
50 -o-border-radius: 3px;
53 vertical-align: middle
;
55 text-decoration: none
;
56 font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif
;
61 /* line 38, ../scss/mixins/_effects.scss */
62 button
.mw-ui-button:hover
, button
.mw-ui-button
.hover
, input
[type
="submit"].mw-ui-button:hover
, input
[type
="submit"].mw-ui-button
.hover
, a
.mw-ui-button:hover
, a
.mw-ui-button
.hover
{
63 background-color: gainsboro
;
64 *background-color: gainsboro
;
66 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FFE9E9E9', endColorstr
='#FFDCDCDC');
67 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #e9e9e9), color-stop
(100%, #dcdcdc));
68 background-image: -webkit-linear-gradient
(top
, #e9e9e9, #dcdcdc);
69 background-image: -moz-linear-gradient
(top
, #e9e9e9, #dcdcdc);
70 background-image: -o-linear-gradient
(top
, #e9e9e9, #dcdcdc);
71 background-image: linear-gradient
(top
, #e9e9e9, #dcdcdc);
73 /* line 43, ../scss/mixins/_effects.scss */
74 button
.mw-ui-button:active
, button
.mw-ui-button
.active
, input
[type
="submit"].mw-ui-button:active
, input
[type
="submit"].mw-ui-button
.active
, a
.mw-ui-button:active
, a
.mw-ui-button
.active
{
75 background-image: none
;
76 background-color: #c1c1c1;
79 /* line 53, ../scss/mixins/_effects.scss */
80 button
.mw-ui-button:disabled
, button
.mw-ui-button
.disabled
, input
[type
="submit"].mw-ui-button:disabled
, input
[type
="submit"].mw-ui-button
.disabled
, a
.mw-ui-button:disabled
, a
.mw-ui-button
.disabled
{
81 background-image: none
;
82 background-color: #c9c9c9;
86 /* line 37, ../scss/components/_buttons.scss */
87 button
.mw-ui-button:disabled
, button
.mw-ui-button
.disabled
, input
[type
="submit"].mw-ui-button:disabled
, input
[type
="submit"].mw-ui-button
.disabled
, a
.mw-ui-button:disabled
, a
.mw-ui-button
.disabled
{
90 /* line 44, ../scss/components/_buttons.scss */
91 button
.mw-ui-button
.blue
, button
.mw-ui-button
.primary
, input
[type
="submit"].mw-ui-button
.blue
, input
[type
="submit"].mw-ui-button
.primary
, a
.mw-ui-button
.blue
, a
.mw-ui-button
.primary
{
92 background-color: #3366bb;
93 *background-color: #3366bb;
95 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FF4779CD', endColorstr
='#FF3366BB');
96 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #4779cd), color-stop
(100%, #3366bb));
97 background-image: -webkit-linear-gradient
(top
, #4779cd, #3366bb);
98 background-image: -moz-linear-gradient
(top
, #4779cd, #3366bb);
99 background-image: -o-linear-gradient
(top
, #4779cd, #3366bb);
100 background-image: linear-gradient
(top
, #4779cd, #3366bb);
102 text-shadow: 0 1px 1px rgba
(51, 102, 187, 0.75);
103 border: 1px solid
#3162b3;
105 /* line 38, ../scss/mixins/_effects.scss */
106 button
.mw-ui-button
.blue:hover
, button
.mw-ui-button
.blue
.hover
, button
.mw-ui-button
.primary:hover
, button
.mw-ui-button
.primary
.hover
, input
[type
="submit"].mw-ui-button
.blue:hover
, input
[type
="submit"].mw-ui-button
.blue
.hover
, input
[type
="submit"].mw-ui-button
.primary:hover
, input
[type
="submit"].mw-ui-button
.primary
.hover
, a
.mw-ui-button
.blue:hover
, a
.mw-ui-button
.blue
.hover
, a
.mw-ui-button
.primary:hover
, a
.mw-ui-button
.primary
.hover
{
107 background-color: #4779cd;
108 *background-color: #4779cd;
110 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FF5B88D2', endColorstr
='#FF4779CD');
111 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #5b88d2), color-stop
(100%, #4779cd));
112 background-image: -webkit-linear-gradient
(top
, #5b88d2, #4779cd);
113 background-image: -moz-linear-gradient
(top
, #5b88d2, #4779cd);
114 background-image: -o-linear-gradient
(top
, #5b88d2, #4779cd);
115 background-image: linear-gradient
(top
, #5b88d2, #4779cd);
117 /* line 43, ../scss/mixins/_effects.scss */
118 button
.mw-ui-button
.blue:active
, button
.mw-ui-button
.blue
.active
, button
.mw-ui-button
.primary:active
, button
.mw-ui-button
.primary
.active
, input
[type
="submit"].mw-ui-button
.blue:active
, input
[type
="submit"].mw-ui-button
.blue
.active
, input
[type
="submit"].mw-ui-button
.primary:active
, input
[type
="submit"].mw-ui-button
.primary
.active
, a
.mw-ui-button
.blue:active
, a
.mw-ui-button
.blue
.active
, a
.mw-ui-button
.primary:active
, a
.mw-ui-button
.primary
.active
{
119 background-image: none
;
120 background-color: #305faf;
123 /* line 53, ../scss/mixins/_effects.scss */
124 button
.mw-ui-button
.blue:disabled
, button
.mw-ui-button
.blue
.disabled
, button
.mw-ui-button
.primary:disabled
, button
.mw-ui-button
.primary
.disabled
, input
[type
="submit"].mw-ui-button
.blue:disabled
, input
[type
="submit"].mw-ui-button
.blue
.disabled
, input
[type
="submit"].mw-ui-button
.primary:disabled
, input
[type
="submit"].mw-ui-button
.primary
.disabled
, a
.mw-ui-button
.blue:disabled
, a
.mw-ui-button
.blue
.disabled
, a
.mw-ui-button
.primary:disabled
, a
.mw-ui-button
.primary
.disabled
{
125 background-image: none
;
126 background-color: #3366bb;
130 /* line 49, ../scss/components/_buttons.scss */
131 button
.mw-ui-button
.green
, button
.mw-ui-button
.constructive
, input
[type
="submit"].mw-ui-button
.green
, input
[type
="submit"].mw-ui-button
.constructive
, a
.mw-ui-button
.green
, a
.mw-ui-button
.constructive
{
132 background-color: #27aa65;
133 *background-color: #27aa65;
135 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FF2EC977', endColorstr
='#FF27AA65');
136 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #2ec977), color-stop
(100%, #27aa65));
137 background-image: -webkit-linear-gradient
(top
, #2ec977, #27aa65);
138 background-image: -moz-linear-gradient
(top
, #2ec977, #27aa65);
139 background-image: -o-linear-gradient
(top
, #2ec977, #27aa65);
140 background-image: linear-gradient
(top
, #2ec977, #27aa65);
142 text-shadow: 0 1px 1px rgba
(39, 170, 101, 0.75);
143 border: 1px solid
#25a260;
145 /* line 38, ../scss/mixins/_effects.scss */
146 button
.mw-ui-button
.green:hover
, button
.mw-ui-button
.green
.hover
, button
.mw-ui-button
.constructive:hover
, button
.mw-ui-button
.constructive
.hover
, input
[type
="submit"].mw-ui-button
.green:hover
, input
[type
="submit"].mw-ui-button
.green
.hover
, input
[type
="submit"].mw-ui-button
.constructive:hover
, input
[type
="submit"].mw-ui-button
.constructive
.hover
, a
.mw-ui-button
.green:hover
, a
.mw-ui-button
.green
.hover
, a
.mw-ui-button
.constructive:hover
, a
.mw-ui-button
.constructive
.hover
{
147 background-color: #2ec977;
148 *background-color: #2ec977;
150 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FF3ED384', endColorstr
='#FF2EC977');
151 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #3ed384), color-stop
(100%, #2ec977));
152 background-image: -webkit-linear-gradient
(top
, #3ed384, #2ec977);
153 background-image: -moz-linear-gradient
(top
, #3ed384, #2ec977);
154 background-image: -o-linear-gradient
(top
, #3ed384, #2ec977);
155 background-image: linear-gradient
(top
, #3ed384, #2ec977);
157 /* line 43, ../scss/mixins/_effects.scss */
158 button
.mw-ui-button
.green:active
, button
.mw-ui-button
.green
.active
, button
.mw-ui-button
.constructive:active
, button
.mw-ui-button
.constructive
.active
, input
[type
="submit"].mw-ui-button
.green:active
, input
[type
="submit"].mw-ui-button
.green
.active
, input
[type
="submit"].mw-ui-button
.constructive:active
, input
[type
="submit"].mw-ui-button
.constructive
.active
, a
.mw-ui-button
.green:active
, a
.mw-ui-button
.green
.active
, a
.mw-ui-button
.constructive:active
, a
.mw-ui-button
.constructive
.active
{
159 background-image: none
;
160 background-color: #249e5e;
163 /* line 53, ../scss/mixins/_effects.scss */
164 button
.mw-ui-button
.green:disabled
, button
.mw-ui-button
.green
.disabled
, button
.mw-ui-button
.constructive:disabled
, button
.mw-ui-button
.constructive
.disabled
, input
[type
="submit"].mw-ui-button
.green:disabled
, input
[type
="submit"].mw-ui-button
.green
.disabled
, input
[type
="submit"].mw-ui-button
.constructive:disabled
, input
[type
="submit"].mw-ui-button
.constructive
.disabled
, a
.mw-ui-button
.green:disabled
, a
.mw-ui-button
.green
.disabled
, a
.mw-ui-button
.constructive:disabled
, a
.mw-ui-button
.constructive
.disabled
{
165 background-image: none
;
166 background-color: #27aa65;
170 /* line 54, ../scss/components/_buttons.scss */
171 button
.mw-ui-button
.red
, button
.mw-ui-button
.destructive
, input
[type
="submit"].mw-ui-button
.red
, input
[type
="submit"].mw-ui-button
.destructive
, a
.mw-ui-button
.red
, a
.mw-ui-button
.destructive
{
172 background-color: #cc0000;
173 *background-color: #cc0000;
175 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FFF20000', endColorstr
='#FFCC0000');
176 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #f20000), color-stop
(100%, #cc0000));
177 background-image: -webkit-linear-gradient
(top
, #f20000, #cc0000);
178 background-image: -moz-linear-gradient
(top
, #f20000, #cc0000);
179 background-image: -o-linear-gradient
(top
, #f20000, #cc0000);
180 background-image: linear-gradient
(top
, #f20000, #cc0000);
182 text-shadow: 0 1px 1px rgba
(204, 0, 0, 0.75);
183 border: 1px solid
#c20000;
185 /* line 38, ../scss/mixins/_effects.scss */
186 button
.mw-ui-button
.red:hover
, button
.mw-ui-button
.red
.hover
, button
.mw-ui-button
.destructive:hover
, button
.mw-ui-button
.destructive
.hover
, input
[type
="submit"].mw-ui-button
.red:hover
, input
[type
="submit"].mw-ui-button
.red
.hover
, input
[type
="submit"].mw-ui-button
.destructive:hover
, input
[type
="submit"].mw-ui-button
.destructive
.hover
, a
.mw-ui-button
.red:hover
, a
.mw-ui-button
.red
.hover
, a
.mw-ui-button
.destructive:hover
, a
.mw-ui-button
.destructive
.hover
{
187 background-color: #f20000;
188 *background-color: #f20000;
190 filter: progid:DXImageTransform
.Microsoft
.gradient
(gradientType
=0, startColorstr
='#FFFF0D0D', endColorstr
='#FFF20000');
191 background-image: -webkit-gradient
(linear
, 50% 0%, 50% 100%, color-stop
(0%, #ff0d0d), color-stop
(100%, #f20000));
192 background-image: -webkit-linear-gradient
(top
, #ff0d0d, #f20000);
193 background-image: -moz-linear-gradient
(top
, #ff0d0d, #f20000);
194 background-image: -o-linear-gradient
(top
, #ff0d0d, #f20000);
195 background-image: linear-gradient
(top
, #ff0d0d, #f20000);
197 /* line 43, ../scss/mixins/_effects.scss */
198 button
.mw-ui-button
.red:active
, button
.mw-ui-button
.red
.active
, button
.mw-ui-button
.destructive:active
, button
.mw-ui-button
.destructive
.active
, input
[type
="submit"].mw-ui-button
.red:active
, input
[type
="submit"].mw-ui-button
.red
.active
, input
[type
="submit"].mw-ui-button
.destructive:active
, input
[type
="submit"].mw-ui-button
.destructive
.active
, a
.mw-ui-button
.red:active
, a
.mw-ui-button
.red
.active
, a
.mw-ui-button
.destructive:active
, a
.mw-ui-button
.destructive
.active
{
199 background-image: none
;
200 background-color: #bd0000;
203 /* line 53, ../scss/mixins/_effects.scss */
204 button
.mw-ui-button
.red:disabled
, button
.mw-ui-button
.red
.disabled
, button
.mw-ui-button
.destructive:disabled
, button
.mw-ui-button
.destructive
.disabled
, input
[type
="submit"].mw-ui-button
.red:disabled
, input
[type
="submit"].mw-ui-button
.red
.disabled
, input
[type
="submit"].mw-ui-button
.destructive:disabled
, input
[type
="submit"].mw-ui-button
.destructive
.disabled
, a
.mw-ui-button
.red:disabled
, a
.mw-ui-button
.red
.disabled
, a
.mw-ui-button
.destructive:disabled
, a
.mw-ui-button
.destructive
.disabled
{
205 background-image: none
;
206 background-color: #cc0000;
210 /* line 60, ../scss/components/_buttons.scss */
211 button
.mw-ui-button
.big
, input
[type
="submit"].mw-ui-button
.big
, a
.mw-ui-button
.big
{
214 /* line 65, ../scss/components/_buttons.scss */
215 button
.mw-ui-button
.block
, input
[type
="submit"].mw-ui-button
.block
, a
.mw-ui-button
.block
{
220 /* line 7, ../scss/components/_forms.scss */
222 -webkit-box-sizing: border-box
;
223 -moz-box-sizing: border-box
;
224 box-sizing: border-box
;
225 font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif
;
229 list-style-image: none
;
232 /* line 16, ../scss/components/_forms.scss */
233 ul
.mw-ui-formlist li
{
239 /* line 25, ../scss/components/_forms.scss */
240 ul
.mw-ui-formlist li input
,
241 ul
.mw-ui-formlist li label
,
242 ul
.mw-ui-formlist li
.mw-ui-button
{
244 -webkit-box-sizing: border-box
;
245 -moz-box-sizing: border-box
;
246 box-sizing: border-box
;
250 /* line 32, ../scss/components/_forms.scss */
251 ul
.mw-ui-formlist li label
{
256 /* line 38, ../scss/components/_forms.scss */
257 ul
.mw-ui-formlist li label
.mw-ui-checkbox-label
, ul
.mw-ui-formlist li label
.mw-ui-radio-label
{
259 vertical-align: bottom
;
264 /* line 50, ../scss/mixins/_forms.scss */
265 ul
.mw-ui-formlist li label
.mw-ui-checkbox-label
> input
[type
="checkbox"], ul
.mw-ui-formlist li label
.mw-ui-checkbox-label
> input
[type
="radio"], ul
.mw-ui-formlist li label
.mw-ui-radio-label
> input
[type
="checkbox"], ul
.mw-ui-formlist li label
.mw-ui-radio-label
> input
[type
="radio"] {
272 border-color: #c9c9c9;
275 /* line 45, ../scss/components/_forms.scss */
276 ul
.mw-ui-formlist li input
[type
="checkbox"],
277 ul
.mw-ui-formlist li input
[type
="radio"] {
279 -webkit-box-sizing: content-box
;
280 -moz-box-sizing: content-box
;
281 box-sizing: content-box
;
285 /* line 60, ../scss/components/_forms.scss */
286 .mw-ui-input, .mw-ui-formlist li input {
288 font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif
;
294 border-color: #c9c9c9;
296 padding: 0.25em 0 0.2em 0.5em;
298 /* line 15, ../scss/mixins/_forms.scss */
299 .mw-ui-input:focus, .mw-ui-formlist li input:focus {
300 -webkit-box-shadow: #4091ed 0px 0px 5px;
301 -moz-box-shadow: #4091ed 0px 0px 5px;
302 box-shadow: #4091ed 0px 0px 5px;
303 border-color: #4091ed;
306 /* line 65, ../scss/components/_forms.scss */
307 .mw-ui-block-label, .mw-ui-formlist li label {
312 /* line 34, ../scss/mixins/_forms.scss */
313 .mw-ui-block-label *, .mw-ui-formlist li label * {
317 /* line 74, ../scss/components/_forms.scss */
318 .mw-ui-checkbox-label, .mw-ui-radio-label {
320 vertical-align: bottom
;
325 /* line 50, ../scss/mixins/_forms.scss */
326 .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"] {
333 border-color: #c9c9c9;