PluginProbe ʕ •ᴥ•ʔ
Robin Image Optimizer – Unlimited Image Optimization, WebP & AVIF / trunk
Robin Image Optimizer – Unlimited Image Optimization, WebP & AVIF vtrunk
2.0.5 trunk 1.3.7 1.4.0 1.4.1 1.4.2 1.4.6 1.5.0 1.5.3 1.5.6 1.5.8 1.6.5 1.6.6 1.6.9 1.7.0 1.7.4 1.8.1 1.8.2 1.9.0 2.0.0 2.0.1 2.0.2 2.0.3 2.0.4
robin-image-optimizer / libs / factory / templates / assets / css / page-setup.css
robin-image-optimizer / libs / factory / templates / assets / css Last commit date
libs 5 months ago clearfy-base.css 5 months ago clearfy-base.css.map 4 years ago clearfy-base.less 6 months ago components.css 5 months ago components.css.map 1 year ago components.less 6 months ago license-manager.css 6 months ago page-setup.css 5 months ago page-setup.css.map 4 years ago page-setup.less 3 years ago
page-setup.css
454 lines
1 #WBCR {
2 margin: 0;
3 padding: 0;
4 }
5 .w-factory-templates-759__form-buttons {
6 text-align: right;
7 padding: 10px;
8 background: #f7f7f7;
9 border-top: 1px solid #e8e8e8;
10 }
11 .w-factory-templates-759__form-buttons .w-factory-templates-759__skip-button {
12 background-color: #e7e7e7;
13 border-color: #e7e7e7;
14 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #e7e7e7;
15 text-shadow: 0 -1px 1px #e7e7e7, 1px 0 1px #e7e7e7, 0 1px 1px #e7e7e7, -1px 0 1px #e7e7e7;
16 margin: 0;
17 color: #8a8a8a;
18 }
19 .w-factory-templates-759__form-buttons .w-factory-templates-759__skip-button:active,
20 .w-factory-templates-759__form-buttons .w-factory-templates-759__skip-button:hover,
21 .w-factory-templates-759__form-buttons .w-factory-templates-759__skip-button:focus {
22 background: #dddddd;
23 border-color: #dddddd;
24 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #dddddd;
25 color: #8a8a8a;
26 }
27 .w-factory-templates-759__form-buttons .w-factory-templates-759__continue-button {
28 background-color: #f57d4f;
29 border-color: #f77d50;
30 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #f77d50;
31 text-shadow: 0 -1px 1px #f77d50, 1px 0 1px #f77d50, 0 1px 1px #f77d50, -1px 0 1px #f77d50;
32 margin: 0;
33 }
34 .w-factory-templates-759__form-buttons .w-factory-templates-759__continue-button:active,
35 .w-factory-templates-759__form-buttons .w-factory-templates-759__continue-button:hover,
36 .w-factory-templates-759__form-buttons .w-factory-templates-759__continue-button:focus {
37 background: #f86b3b;
38 border-color: #f86b3b;
39 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #f86b3b;
40 }
41 .w-factory-templates-759-setup {
42 text-align: center;
43 max-width: 900px;
44 margin: 65px auto 24px;
45 box-shadow: none;
46 background: #f1f1f1;
47 padding: 0;
48 }
49 .w-factory-templates-759-setup__inner-wrap,
50 .w-factory-templates-759__setup-form .factory-form-layout {
51 padding: 30px;
52 }
53 .w-factory-templates-759-setup-steps {
54 padding: 0 0 24px;
55 margin: 0;
56 list-style: none outside;
57 overflow: hidden;
58 color: #ccc;
59 width: 100%;
60 display: -webkit-inline-box;
61 display: inline-flex;
62 }
63 .w-factory-templates-759-setup-steps li {
64 width: 100%;
65 float: left;
66 padding: 0 0 0.8em;
67 margin: 0;
68 text-align: center;
69 position: relative;
70 border-bottom: 4px solid #ccc;
71 line-height: 1.4;
72 }
73 .w-factory-templates-759-setup-steps li::before {
74 content: "";
75 border: 4px solid #ccc;
76 border-radius: 100%;
77 width: 4px;
78 height: 4px;
79 position: absolute;
80 bottom: 0;
81 left: 50%;
82 margin-left: -6px;
83 margin-bottom: -8px;
84 background: #fff;
85 }
86 .w-factory-templates-759-setup-steps li.active {
87 border-color: #ff1c40 !important;
88 color: #222;
89 font-weight: 700;
90 }
91 .w-factory-templates-759-setup-steps li.active::before {
92 border-color: #ff1c40 !important;
93 }
94 .w-factory-templates-759-setup-steps li a {
95 color: #a16696;
96 text-decoration: none;
97 padding: 1.5em;
98 margin: -1.5em;
99 position: relative;
100 z-index: 1;
101 }
102 .w-factory-templates-759-setup-steps li a:focus,
103 .w-factory-templates-759-setup-steps li a:hover {
104 color: #111;
105 text-decoration: underline;
106 }
107 /*.w-factory-templates-759-setup-steps li.done {
108 border-color: #f57d4f;
109 color: #f57d4f
110 }
111
112 .w-factory-templates-759-setup-steps li.done::before {
113 border-color: #f57d4f;
114 background: #f57d4f
115 }*/
116 .w-factory-templates-759-setup .w-factory-templates-759-setup-actions {
117 overflow: hidden;
118 margin: 20px 0 0;
119 position: relative;
120 }
121 .w-factory-templates-759-setup-content p:last-child {
122 margin-bottom: 0;
123 }
124 .w-factory-templates-759-setup-content p.store-setup {
125 margin-top: 0;
126 }
127 .w-factory-templates-759-setup-footer-links {
128 font-size: 0.85em;
129 color: #7b7b7b;
130 margin: 1.18em auto;
131 display: inline-block;
132 text-align: center;
133 }
134 .w-factory-templates-759-logo {
135 text-align: center;
136 }
137 .w-factory-templates-759-logo img {
138 max-width: 250px;
139 }
140 .w-factory-templates-759-setup-content {
141 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
142 margin: 0 0 20px;
143 background: #fff;
144 zoom: 1;
145 text-align: left;
146 }
147 .w-factory-templates-759-setup-content table {
148 font-size: 1em;
149 line-height: 1.75;
150 color: #666;
151 }
152 .w-factory-templates-759-setup-content table thead {
153 background: #f1f1f1;
154 }
155 .w-factory-templates-759-setup-content table th,
156 .w-factory-templates-759-setup-content table td {
157 padding: 10px 15px;
158 }
159 .w-factory-templates-759-setup-content h1,
160 .w-factory-templates-759-setup-content h2,
161 .w-factory-templates-759-setup-content h3,
162 .w-factory-templates-759-setup-content table {
163 margin: 0 0 20px;
164 border: 0;
165 padding: 0;
166 color: #666;
167 clear: none;
168 font-weight: 500;
169 }
170 .w-factory-templates-759-setup-content p {
171 margin: 20px 0;
172 font-size: 1.15em;
173 line-height: 1.75;
174 color: #666;
175 text-align: center;
176 }
177 .w-factory-templates-759-setup-step__new_onboarding-welcome {
178 font-size: 22px !important;
179 }
180 .w-factory-templates-759-setup-content a {
181 color: #f57d4f;
182 }
183 .w-factory-templates-759-setup-content a:focus,
184 .w-factory-templates-759-setup-content a:hover {
185 color: #111;
186 }
187 .w-factory-templates-759-setup-content table.tax-rates {
188 width: 100%;
189 font-size: 0.92em;
190 }
191 .w-factory-templates-759-setup-content table.tax-rates th {
192 padding: 0;
193 text-align: center;
194 width: auto;
195 vertical-align: middle;
196 }
197 .w-factory-templates-759-setup-content table.tax-rates td {
198 border: 1px solid #f5f5f5;
199 padding: 6px;
200 text-align: center;
201 vertical-align: middle;
202 }
203 .w-factory-templates-759-setup-content table.tax-rates td input {
204 outline: 0;
205 border: 0;
206 padding: 0;
207 box-shadow: none;
208 text-align: center;
209 width: 100%;
210 }
211 .w-factory-templates-759-setup-content table.tax-rates td.sort {
212 cursor: move;
213 color: #ccc;
214 }
215 .w-factory-templates-759-setup-content table.tax-rates td.sort::before {
216 content: "\f333";
217 font-family: dashicons;
218 }
219 .w-factory-templates-759-setup-content table.tax-rates td.readonly {
220 background: #f5f5f5;
221 }
222 .w-factory-templates-759-setup-content table.tax-rates .add {
223 padding: 1em 0 0 1em;
224 line-height: 1;
225 font-size: 1em;
226 width: 0;
227 margin: 6px 0 0;
228 height: 0;
229 overflow: hidden;
230 position: relative;
231 display: inline-block;
232 }
233 .w-factory-templates-759-setup-content table.tax-rates .add::before {
234 content: "\f502";
235 font-family: dashicons;
236 position: absolute;
237 left: 0;
238 top: 0;
239 }
240 .w-factory-templates-759-setup-content table.tax-rates .remove {
241 padding: 1em 0 0 1em;
242 line-height: 1;
243 font-size: 1em;
244 width: 0;
245 margin: 0;
246 height: 0;
247 overflow: hidden;
248 position: relative;
249 display: inline-block;
250 }
251 .w-factory-templates-759-setup-content table.tax-rates .remove::before {
252 content: "\f182";
253 font-family: dashicons;
254 position: absolute;
255 left: 0;
256 top: 0;
257 }
258 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages {
259 width: 100%;
260 border-top: 1px solid #eee;
261 }
262 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages thead th {
263 display: none;
264 }
265 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages .page-name {
266 width: 30%;
267 font-weight: 700;
268 }
269 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages td,
270 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages th {
271 padding: 14px 0;
272 border-bottom: 1px solid #eee;
273 }
274 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages td:first-child,
275 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages th:first-child {
276 padding-right: 9px;
277 }
278 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages th {
279 padding-top: 0;
280 }
281 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages .page-options p {
282 color: #777;
283 margin: 6px 0 0 24px;
284 line-height: 1.75;
285 }
286 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages .page-options p input {
287 vertical-align: middle;
288 margin: 1px 0 0;
289 height: 1.75em;
290 width: 1.75em;
291 line-height: 1.75;
292 }
293 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-pages .page-options p label {
294 line-height: 1;
295 }
296 @media screen and (max-width: 782px) {
297 .w-factory-templates-759-setup-content .form-table tbody th {
298 width: auto;
299 }
300 }
301 .w-factory-templates-759-setup-content .twitter-share-button {
302 float: right;
303 }
304 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps {
305 overflow: hidden;
306 margin: 0 0 24px;
307 padding-bottom: 2px;
308 }
309 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps h2 {
310 margin-bottom: 12px;
311 }
312 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps .w-factory-templates-759-setup-next-steps-first {
313 float: left;
314 width: 50%;
315 box-sizing: border-box;
316 }
317 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps .w-factory-templates-759-setup-next-steps-last {
318 float: right;
319 width: 50%;
320 box-sizing: border-box;
321 }
322 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul {
323 padding: 0 2em 0 0;
324 list-style: none outside;
325 margin: 0;
326 }
327 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul li a {
328 display: block;
329 padding: 0 0 0.75em;
330 }
331 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .setup-product a.button {
332 background-color: #f7f7f7;
333 border-color: #ccc;
334 color: #23282d;
335 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #ccc;
336 text-shadow: 1px 0 1px #eee, 0 1px 1px #eee;
337 font-size: 1em;
338 height: auto;
339 line-height: 1.75;
340 margin: 0 0 0.75em;
341 opacity: 1;
342 padding: 1em;
343 text-align: center;
344 }
345 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .setup-product a.button:active,
346 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .setup-product a.button:focus,
347 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .setup-product a.button:hover {
348 background: #f5f5f5;
349 border-color: #aaa;
350 }
351 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .setup-product a.button-primary {
352 color: #fff;
353 background-color: #f19570;
354 border-color: #f77d50;
355 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #f77d50;
356 text-shadow: 0 -1px 1px #f77d50, 1px 0 1px #f77d50, 0 1px 1px #f77d50, -1px 0 1px #f77d50;
357 }
358 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .setup-product a.button-primary:active,
359 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .setup-product a.button-primary:focus,
360 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .setup-product a.button-primary:hover {
361 color: #fff;
362 background: #f77d50;
363 border-color: #f77d50;
364 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #f77d50;
365 }
366 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul li a::before {
367 color: #82878c;
368 font: 400 20px/1 dashicons;
369 speak: none;
370 display: inline-block;
371 padding: 0 10px 0 0;
372 top: 1px;
373 position: relative;
374 text-decoration: none !important;
375 vertical-align: top;
376 }
377 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .learn-more a::before {
378 content: "\f105";
379 }
380 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .video-walkthrough a::before {
381 content: "\f126";
382 }
383 .w-factory-templates-759-setup-content .w-factory-templates-759-setup-next-steps ul .newsletter a::before {
384 content: "\f465";
385 }
386 .w-factory-templates-759-setup-content .updated,
387 .w-factory-templates-759-setup-content .woocommerce-newsletter {
388 padding: 24px 24px 0;
389 margin: 0 0 24px;
390 overflow: hidden;
391 background: #f5f5f5;
392 }
393 .w-factory-templates-759-setup-content .updated p,
394 .w-factory-templates-759-setup-content .woocommerce-newsletter p {
395 padding: 0;
396 margin: 0 0 12px;
397 }
398 .w-factory-templates-759-setup-content .updated form,
399 .w-factory-templates-759-setup-content .updated p:last-child,
400 .w-factory-templates-759-setup-content .woocommerce-newsletter form,
401 .w-factory-templates-759-setup-content .woocommerce-newsletter p:last-child {
402 margin: 0 0 24px;
403 }
404 .w-factory-templates-759-setup-content .checkbox input[type=checkbox] {
405 opacity: 0;
406 position: absolute;
407 left: -9999px;
408 }
409 .w-factory-templates-759-setup-content .checkbox label {
410 position: relative;
411 display: inline-block;
412 padding-left: 28px;
413 }
414 .w-factory-templates-759-setup-content .checkbox label::after,
415 .w-factory-templates-759-setup-content .checkbox label::before {
416 position: absolute;
417 content: "";
418 display: inline-block;
419 }
420 .w-factory-templates-759-setup-content .checkbox label::before {
421 height: 16px;
422 width: 16px;
423 left: 0;
424 top: 3px;
425 border: 1px solid #aaa;
426 background-color: #fff;
427 border-radius: 3px;
428 }
429 .w-factory-templates-759-setup-content .checkbox label::after {
430 height: 5px;
431 width: 9px;
432 border-left: 2px solid;
433 border-bottom: 2px solid;
434 -webkit-transform: rotate(-45deg);
435 -ms-transform: rotate(-45deg);
436 transform: rotate(-45deg);
437 left: 4px;
438 top: 7px;
439 color: #fff;
440 }
441 .w-factory-templates-759-setup-content .checkbox input[type=checkbox] + label::after {
442 content: none;
443 }
444 .w-factory-templates-759-setup-content .checkbox input[type=checkbox]:checked + label::after {
445 content: "";
446 }
447 .w-factory-templates-759-setup-content .checkbox input[type=checkbox]:focus + label::before {
448 outline: #3b99fc auto 5px;
449 }
450 .w-factory-templates-759-setup-content .checkbox input[type=checkbox]:checked + label::before {
451 background: #935687;
452 border-color: #935687;
453 }
454 /*# sourceMappingURL=page-setup.css.map */