PluginProbe
Sharing Image / 2.0.6
Sharing Image v2.0.6
3.10 trunk 2.0 2.0.0 2.0.1 2.0.10 2.0.11 2.0.12 2.0.13 2.0.14 2.0.15 2.0.16 2.0.17 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 3.0 3.1 3.2 3.3 All 29 releases
sharing-image / assets / styles / settings.css

settings.css in Sharing Image 2.0.6, at assets/styles/settings.css

828 lines 40.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 input[type="range"] {
2 -webkit-appearance: none;
3 -moz-appearance: none;
4 appearance: none;
5 background: transparent; }
6 input[type="range"]:focus {
7 outline: none; }
8 input[type="range"]::-webkit-slider-runnable-track {
9 cursor: pointer;
10 width: 100%;
11 height: 7px;
12 background: #dddddd;
13 border-radius: 4px;
14 border: solid 1px #b7b7b7; }
15 input[type="range"]::-webkit-slider-thumb {
16 cursor: pointer;
17 -webkit-appearance: none;
18 appearance: none;
19 width: 16px;
20 height: 16px;
21 margin-top: -5.5px;
22 background: #3582c4;
23 border: 0;
24 border-radius: 50%; }
25 input[type="range"]:focus::-webkit-slider-thumb {
26 background: #2a679c; }
27 input[type="range"]:hover::-webkit-slider-runnable-track {
28 background: #d0d0d0; }
29 input[type="range"]:disabled::-webkit-slider-thumb {
30 cursor: default;
31 background-color: #d0d0d0; }
32 input[type="range"]:disabled::-webkit-slider-runnable-track {
33 cursor: default;
34 background-color: #eaeaea;
35 border: solid 1px #d0d0d0; }
36 input[type="range"]::-moz-range-thumb {
37 cursor: pointer;
38 -moz-appearance: none;
39 appearance: none;
40 width: 16px;
41 height: 16px;
42 margin-top: -5.5px;
43 background: #3582c4;
44 border: 0;
45 border-radius: 50%; }
46 input[type="range"]::-moz-range-track {
47 cursor: pointer;
48 width: 100%;
49 height: 7px;
50 background: #dddddd;
51 border-radius: 4px;
52 border: solid 1px #c4c4c4; }
53 input[type="range"]::-moz-range-progress {
54 cursor: pointer;
55 width: 100%;
56 height: 7px;
57 background: #3582c4;
58 border-radius: 4px;
59 border: solid 1px #3582c4; }
60 input[type="range"]:focus::-moz-range-thumb {
61 background: #2a679c; }
62 input[type="range"]:disabled::-moz-range-thumb {
63 cursor: default;
64 background-color: #d0d0d0; }
65 input[type="range"]:disabled::-moz-range-track {
66 cursor: default;
67 background-color: #eaeaea;
68 border: solid 1px #d0d0d0; }
69 input[type="range"]:disabled::-moz-range-progress {
70 cursor: default;
71 background-color: #eaeaea;
72 border: solid 1px #d0d0d0; }
73 input[type="range"]::-ms-track {
74 cursor: pointer;
75 width: 100%;
76 height: 7px;
77 background: #dddddd;
78 border-radius: 4px;
79 border: solid 1px #c4c4c4; }
80 input[type="range"]::-ms-thumb {
81 cursor: pointer;
82 appearance: none;
83 width: 16px;
84 height: 16px;
85 margin-top: -5.5px;
86 background: #3582c4;
87 border: 0;
88 border-radius: 50%; }
89 input[type="range"]:focus::-ms-thumb {
90 background: #2a679c; }
91 input[type="range"]:disabled::-ms-thumb {
92 cursor: default;
93 background-color: #d0d0d0; }
94 input[type="range"]:disabled::-ms-track {
95 cursor: default;
96 background-color: #eaeaea;
97 border: solid 1px #d0d0d0; }
98
99 @-webkit-keyframes rotate {
100 0% {
101 transform: rotate(0deg); }
102 100% {
103 transform: rotate(360deg); } }
104
105 @keyframes rotate {
106 0% {
107 transform: rotate(0deg); }
108 100% {
109 transform: rotate(360deg); } }
110
111 body.settings_page_sharing-image input[type=radio][cc]::before {
112 content: "";
113 border-radius: 50%;
114 width: 0.5rem;
115 height: 0.5rem;
116 margin: 0.1875rem;
117 background-color: #f0f;
118 line-height: 1.14285714; }
119
120 body.settings_page_sharing-image #wpcontent {
121 padding-left: 0; }
122
123 body.settings_page_sharing-image .update-nag {
124 margin: 20px; }
125 @media screen and (max-width: 782px) {
126 body.settings_page_sharing-image .update-nag {
127 margin: 10px; } }
128
129 body.settings_page_sharing-image #setting-error-sharing-image {
130 display: block;
131 order: -1;
132 width: 1060px;
133 max-width: 100%;
134 margin: 20px 0 0;
135 font-weight: 600;
136 border-top: 1px solid #dcdcde;
137 border-bottom: 1px solid #dcdcde;
138 border-radius: 3px; }
139
140 body.settings_page_sharing-image #sharing-image-settings {
141 display: block;
142 position: relative; }
143 body.settings_page_sharing-image #sharing-image-settings * {
144 box-sizing: border-box; }
145 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog {
146 display: grid;
147 grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
148 grid-gap: 20px;
149 position: relative;
150 width: 1100px;
151 max-width: 100%;
152 padding: 20px; }
153 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-card {
154 display: block;
155 position: relative;
156 overflow: hidden;
157 background: #fff;
158 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
159 border: 1px solid #ccd0d4;
160 border-radius: 4px; }
161 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new {
162 display: block;
163 position: relative;
164 padding-top: calc(52.5% + 44px);
165 text-decoration: none;
166 color: #666;
167 border: 2px dashed rgba(0, 0, 0, 0.125);
168 border-radius: 4px; }
169 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new h2 {
170 display: flex;
171 flex-flow: column nowrap;
172 align-items: center;
173 justify-content: center;
174 position: absolute;
175 top: 50%;
176 left: 50%;
177 margin: 0;
178 font-size: 15px;
179 font-weight: 400;
180 color: inherit;
181 transform: translate(-50%, -50%); }
182 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new h2 span {
183 display: block;
184 margin-top: 8px;
185 text-align: center;
186 font-size: 11px;
187 font-weight: normal;
188 font-style: italic; }
189 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new h2::before {
190 content: '+';
191 display: block;
192 font-size: 5rem;
193 font-weight: 400;
194 line-height: 1;
195 opacity: 0.25; }
196 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new:hover {
197 color: #eee;
198 background-color: #3582c4;
199 border: solid 2px #2a679c; }
200 @media screen and (max-width: 782px) {
201 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-new {
202 padding-top: calc(52.5% + 54px); } }
203 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-preview {
204 display: block;
205 position: relative;
206 margin: 0;
207 padding: 52.5% 0 0;
208 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII="); }
209 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-preview img {
210 display: block;
211 position: absolute;
212 top: 0;
213 left: 0;
214 width: 100%;
215 height: 100%; }
216 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-footer {
217 display: flex;
218 align-items: center;
219 position: relative;
220 height: 48px;
221 padding: 0 15px; }
222 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-footer h2 {
223 flex: 1 1 auto;
224 margin-right: 10px;
225 font-size: 15px;
226 overflow: hidden;
227 text-overflow: ellipsis;
228 white-space: nowrap; }
229 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-footer .button {
230 margin-bottom: 0; }
231 @media screen and (max-width: 782px) {
232 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog .sharing-image-catalog-footer {
233 height: 54px; } }
234 @media screen and (max-width: 782px) {
235 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog {
236 width: 75%; } }
237 @media screen and (max-width: 600px) {
238 body.settings_page_sharing-image #sharing-image-settings .sharing-image-catalog {
239 width: 100%;
240 grid-template-columns: 1fr; } }
241 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config {
242 display: block;
243 width: 800px;
244 max-width: 100%;
245 padding: 20px; }
246 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config h2 {
247 margin: 12px 0; }
248 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config > * {
249 margin: 24px 0; }
250 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control {
251 display: grid;
252 grid-template-columns: 240px auto;
253 position: relative;
254 width: 100%;
255 max-width: 620px;
256 margin: 40px 0;
257 width: 100%;
258 margin-bottom: 24px; }
259 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control small {
260 margin-top: 6px; }
261 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control h3 {
262 grid-column: 1;
263 margin: 6px 0;
264 font-size: 14px; }
265 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control h4 {
266 margin: 0; }
267 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control h3 ~ * {
268 grid-column: 2;
269 width: 100%; }
270 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control.control-extra h3 + * {
271 margin-bottom: 20px; }
272 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-input {
273 display: block;
274 position: relative; }
275 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-input input {
276 display: block;
277 width: calc(100% - 2px); }
278 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-radio {
279 display: block;
280 position: relative;
281 margin-top: 5px; }
282 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-radio span {
283 -webkit-user-select: none;
284 -moz-user-select: none;
285 -ms-user-select: none;
286 user-select: none; }
287 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-radio input {
288 margin-right: 8px; }
289 @media screen and (max-width: 782px) {
290 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-radio {
291 margin-top: 10px; } }
292 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-select {
293 display: block;
294 position: relative;
295 flex: 1 1 100%; }
296 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-select select {
297 display: block;
298 width: calc(100% - 2px);
299 max-width: none; }
300 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-range {
301 display: block;
302 position: relative;
303 width: 100%; }
304 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-range input {
305 display: block;
306 width: 100%;
307 margin: 8px 0; }
308 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-range em {
309 display: block;
310 cursor: default;
311 position: absolute;
312 right: 2px;
313 top: 0;
314 font-size: 10px;
315 font-style: normal;
316 color: #3582c4; }
317 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-media {
318 display: flex;
319 align-items: center; }
320 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-media a {
321 margin-left: 14px; }
322 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-media button {
323 margin-bottom: 0; }
324 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control .sharing-image-config-control-media small {
325 margin-top: 10px; }
326 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config .sharing-image-config-control-fieldset {
327 display: block;
328 position: relative;
329 width: 100%;
330 margin-bottom: 10px; }
331 body.settings_page_sharing-image #sharing-image-settings .sharing-image-config ~ #setting-error-sharing-image {
332 max-width: 760px; }
333 body.settings_page_sharing-image #sharing-image-settings .sharing-image-content {
334 display: none;
335 flex-flow: column wrap;
336 align-items: center; }
337 body.settings_page_sharing-image #sharing-image-settings .sharing-image-content.content-visible {
338 display: flex; }
339 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor {
340 display: flex;
341 flex-flow: row nowrap;
342 position: relative;
343 width: 1100px;
344 max-width: 100%;
345 padding: 20px; }
346 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-fieldset {
347 display: block;
348 flex: 1 1 auto;
349 margin-right: 48px;
350 margin-bottom: 24px; }
351 @media screen and (max-width: 1023px) {
352 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-fieldset {
353 flex: 0 1 640px;
354 margin-right: 0; } }
355 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control {
356 display: flex;
357 flex-flow: column nowrap;
358 align-items: flex-start;
359 position: relative;
360 margin-bottom: 24px; }
361 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control p {
362 margin: 0 0 5px; }
363 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control p:last-child {
364 margin-bottom: 0; }
365 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control h3, body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control h4 {
366 display: block;
367 cursor: default;
368 width: 100%;
369 margin: 0 0 5px;
370 font-size: 13px;
371 font-weight: 600; }
372 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control small {
373 display: block;
374 cursor: default;
375 width: 100%;
376 margin-top: 6px;
377 font-size: 10.5px;
378 line-height: 1.5; }
379 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-hidden {
380 display: none; }
381 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-compact {
382 width: 300px;
383 max-width: 100%; }
384 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-media {
385 flex-flow: row nowrap;
386 align-items: center; }
387 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-media .button {
388 margin-right: 14px; }
389 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-media .button:disabled ~ * {
390 display: none; }
391 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-reduced {
392 margin-bottom: 14px; }
393 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes {
394 flex-flow: row nowrap; }
395 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > * {
396 margin-right: 14px; }
397 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > *:nth-child(2) {
398 margin-right: 54px; }
399 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > *:last-child {
400 margin-right: 0; }
401 @media screen and (max-width: 782px) {
402 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes {
403 flex-flow: row wrap; }
404 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > * {
405 width: calc(50% - 7px); }
406 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > *:first-child {
407 margin-bottom: 14px; }
408 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-sizes > *:nth-child(2) {
409 margin-right: 0;
410 margin-bottom: 14px; } }
411 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-select {
412 flex-flow: row nowrap;
413 align-items: center; }
414 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-select > * {
415 margin-right: 14px; }
416 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-select > *:last-child {
417 margin-right: 0; }
418 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-footer {
419 flex-flow: row nowrap;
420 align-items: center;
421 margin-bottom: 0;
422 padding-top: 20px;
423 border-top: solid 1px #dcdcde; }
424 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-footer > * {
425 margin-right: 28px; }
426 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-footer > *:last-child {
427 margin-right: 0; }
428 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series {
429 flex-flow: row nowrap; }
430 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series > *:first-child {
431 margin-right: 54px; }
432 @media screen and (max-width: 782px) {
433 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series {
434 flex-flow: row wrap; }
435 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series > * {
436 width: 100%; }
437 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-series > *:first-child {
438 margin-right: 0;
439 margin-bottom: 24px; } }
440 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-upload {
441 flex-flow: row wrap;
442 align-items: flex-end; }
443 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-upload > *:first-child {
444 flex: 1 1 auto;
445 margin-right: 14px; }
446 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-upload > *:nth-child(2) {
447 margin-top: 8px; }
448 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control.control-extend > * {
449 width: 100%; }
450 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-input {
451 display: block;
452 position: relative; }
453 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-input input {
454 display: block;
455 width: calc(100% - 2px); }
456 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-radio {
457 display: block;
458 position: relative;
459 margin-top: 5px; }
460 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-radio span {
461 -webkit-user-select: none;
462 -moz-user-select: none;
463 -ms-user-select: none;
464 user-select: none; }
465 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-radio input {
466 margin-right: 8px; }
467 @media screen and (max-width: 782px) {
468 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-radio {
469 margin-top: 10px; } }
470 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-select {
471 display: block;
472 position: relative;
473 flex: 1 1 100%; }
474 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-select select {
475 display: block;
476 width: calc(100% - 2px);
477 max-width: none; }
478 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-checkbox {
479 display: flex;
480 align-items: center;
481 position: relative;
482 margin-top: 5px; }
483 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-checkbox span {
484 -webkit-user-select: none;
485 -moz-user-select: none;
486 -ms-user-select: none;
487 user-select: none; }
488 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-checkbox input[type="checkbox"] {
489 margin: 0 8px 0 0; }
490 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-textarea {
491 display: block;
492 position: relative; }
493 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-textarea textarea {
494 display: block;
495 width: calc(100% - 2px);
496 min-height: 30px; }
497 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-range {
498 display: block;
499 position: relative;
500 width: 100%; }
501 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-range input {
502 display: block;
503 width: 100%;
504 margin: 8px 0; }
505 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-range em {
506 display: block;
507 cursor: default;
508 position: absolute;
509 right: 2px;
510 top: 0;
511 font-size: 10px;
512 font-style: normal;
513 color: #3582c4; }
514 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-media {
515 display: flex;
516 align-items: center; }
517 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-media a {
518 margin-left: 14px; }
519 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-media button {
520 margin-bottom: 0; }
521 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-media small {
522 margin-top: 10px; }
523 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-color {
524 display: block;
525 position: relative; }
526 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-control .sharing-image-editor-control-color input[type="color"] {
527 cursor: pointer; }
528 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-designer {
529 display: block;
530 position: relative;
531 width: 100%;
532 margin-top: -10px; }
533 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-more {
534 display: block;
535 cursor: pointer;
536 margin: 0;
537 padding: 0;
538 color: #3582c4;
539 background: transparent;
540 border: none;
541 border-bottom: solid 1px;
542 transition: border 0.25s; }
543 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-more:focus {
544 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
545 outline: 1px solid transparent; }
546 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-more:hover {
547 border-bottom-color: transparent; }
548 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-delete {
549 display: block;
550 cursor: pointer;
551 margin: 0;
552 padding: 0;
553 color: #b32d2e;
554 background: transparent;
555 border: none;
556 border-bottom: solid 1px;
557 text-decoration: none;
558 transition: border 0.25s; }
559 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-delete:focus {
560 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
561 outline: 1px solid transparent; }
562 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-delete:hover {
563 border-bottom-color: transparent; }
564 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-order {
565 display: block;
566 cursor: pointer;
567 position: absolute;
568 top: 4px;
569 right: 4px;
570 padding: 4px 4px 2px;
571 font-size: 16px;
572 color: #aaa;
573 background: transparent;
574 border: none;
575 transition: color 0.25s; }
576 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-order::after {
577 font-family: dashicons;
578 content: "\f342"; }
579 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-order:hover {
580 color: #777; }
581 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-order:focus {
582 border-color: #007cba;
583 color: #016087;
584 outline: none; }
585 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer {
586 display: block;
587 position: relative;
588 margin: 0 0 16px;
589 padding: 12px 10px 16px;
590 background-color: #fff;
591 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
592 border: 1px solid #ccd0d4;
593 border-radius: 4px; }
594 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer h2 {
595 display: block;
596 margin: 0 0 10px;
597 padding-right: 20px;
598 font-size: 16px;
599 font-weight: 600; }
600 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer h5 {
601 display: block;
602 margin: 0 10px 24px 0;
603 font-size: 13px;
604 font-weight: 400; }
605 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer.layer-up {
606 -webkit-animation: 0.5s raise-up;
607 animation: 0.5s raise-up; }
608 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer.layer-blink {
609 -webkit-animation: 0.5s blink;
610 animation: 0.5s blink; }
611 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-layer:first-child .sharing-image-editor-order {
612 display: none; }
613 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-monitor {
614 display: block;
615 flex: 0 0 480px;
616 max-width: 100%;
617 order: 2; }
618 @media screen and (max-width: 1279px) {
619 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-monitor {
620 flex: 0 0 400px; } }
621 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-viewport {
622 display: block;
623 position: -webkit-sticky;
624 position: sticky;
625 top: 52px;
626 width: 100%; }
627 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-loader {
628 display: none;
629 position: absolute;
630 top: 0;
631 left: 0;
632 z-index: 2;
633 width: 100%;
634 height: 100%;
635 background-color: rgba(0, 0, 0, 0.75); }
636 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-loader::after {
637 content: " ";
638 display: block;
639 position: absolute;
640 top: 50%;
641 left: 50%;
642 width: 40px;
643 height: 40px;
644 margin-top: -20px;
645 margin-left: -20px;
646 border: 6px solid #999;
647 border-color: #999 transparent #999 transparent;
648 border-radius: 50%;
649 -webkit-animation: rotate 1.2s linear infinite;
650 animation: rotate 1.2s linear infinite; }
651 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-preview {
652 display: block;
653 position: relative;
654 width: 100%;
655 overflow: hidden;
656 border-radius: 3px;
657 box-shadow: 0 0 3px 0 #777;
658 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII="); }
659 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-preview img {
660 display: block;
661 -o-object-fit: contain;
662 object-fit: contain;
663 -o-object-position: center;
664 object-position: center;
665 width: 100%;
666 height: auto;
667 max-height: 400px; }
668 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-preview.preview-blank {
669 padding-top: 52.5%; }
670 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-preview.preview-loader .sharing-image-editor-loader {
671 display: block; }
672 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-warning {
673 display: none;
674 position: relative;
675 margin: 12px 0 -6px;
676 padding: 8px 12px;
677 background: #fff;
678 border: 1px solid #c3c4c7;
679 border-left: 4px solid #b32d2e;
680 border-radius: 3px;
681 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); }
682 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-warning.warning-visible {
683 display: block; }
684 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-manager {
685 display: flex;
686 align-items: center;
687 flex-flow: row wrap;
688 width: 100%;
689 margin-top: 16px; }
690 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-manager button {
691 margin-right: 14px; }
692 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-manager button:last-child {
693 margin-right: 0; }
694 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-suspend {
695 display: flex;
696 align-items: center;
697 order: 2;
698 margin: 10px 0 10px auto; }
699 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-suspend input {
700 margin: 0 8px 0 0; }
701 @media screen and (max-width: 782px) {
702 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor .sharing-image-editor-suspend {
703 order: 0;
704 width: 100%;
705 margin-bottom: 24px; } }
706 @media screen and (max-width: 1023px) {
707 body.settings_page_sharing-image #sharing-image-settings .sharing-image-editor {
708 flex-flow: row wrap; } }
709 body.settings_page_sharing-image #sharing-image-settings .sharing-image-error {
710 max-width: 760px;
711 margin: 40px auto 20px;
712 color: #b32d2e;
713 text-align: center; }
714 body.settings_page_sharing-image #sharing-image-settings .sharing-image-header {
715 display: block;
716 order: -2;
717 width: 100%;
718 background: #fff;
719 border-top: 1px solid #dcdcde;
720 border-bottom: 1px solid #dcdcde; }
721 body.settings_page_sharing-image #sharing-image-settings .sharing-image-header h1 {
722 display: block;
723 position: relative;
724 margin: 0 0 1rem;
725 padding: 16px 0 4px 0;
726 font-weight: 600;
727 font-size: 23px;
728 line-height: 1.3;
729 text-align: center; }
730 body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-menu {
731 display: flex;
732 justify-content: center;
733 margin: 0 auto; }
734 body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab {
735 display: block;
736 margin: 0 1rem;
737 padding: 0.5rem 1rem 1rem;
738 text-decoration: none;
739 color: inherit;
740 transition: box-shadow .5s ease-in-out; }
741 body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab:focus-visible {
742 outline: 1px solid #787c82; }
743 body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab:focus {
744 box-shadow: none; }
745 body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab.active {
746 box-shadow: inset 0 -3px #3582c4;
747 font-weight: 600; }
748 @media screen and (max-width: 767px) {
749 body.settings_page_sharing-image #sharing-image-settings .sharing-image-header .sharing-image-tab {
750 margin: 0 0.5rem;
751 padding: 0.5rem 0.5rem 1rem; } }
752 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium {
753 display: block;
754 width: 800px;
755 max-width: 100%;
756 padding: 20px; }
757 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium h2 {
758 margin: 12px 0; }
759 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium ul {
760 margin-left: 40px;
761 list-style-type: disc; }
762 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium p {
763 margin: 12px 0 0; }
764 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium p:first-child {
765 margin-top: 0; }
766 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium > * {
767 margin: 24px 0; }
768 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-benefits {
769 display: block; }
770 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-gratitude {
771 display: none; }
772 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium.premium-enabled .sharing-image-premium-benefits {
773 display: none; }
774 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium.premium-enabled .sharing-image-premium-gratitude {
775 display: block; }
776 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-contacts {
777 display: block;
778 padding-top: 24px;
779 border-top: solid 1px #ccc; }
780 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-access {
781 display: block; }
782 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-access strong {
783 display: block; }
784 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-access.access-loader .spinner {
785 visibility: visible; }
786 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-verify {
787 display: flex;
788 align-items: center;
789 margin-top: 8px; }
790 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-verify input {
791 flex: 1 1 auto;
792 max-width: 320px; }
793 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-verify button {
794 margin-left: 8px;
795 margin-bottom: 0; }
796 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-verify .spinner {
797 margin: 0 0 0 8px; }
798 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-revoke {
799 display: flex;
800 flex-flow: row wrap;
801 align-items: center;
802 margin: 24px 0; }
803 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-revoke p {
804 width: 100%;
805 margin: 0 0 16px; }
806 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-revoke button {
807 color: #b32d2e;
808 border-color: #b32d2e; }
809 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-revoke .spinner {
810 margin: 0 0 0 8px; }
811 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-permit {
812 display: flex;
813 align-items: center;
814 margin: 24px 0; }
815 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-permit strong {
816 display: none;
817 margin-left: 16px; }
818 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-permit.permit-visible strong {
819 display: block; }
820 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-warning {
821 display: none;
822 position: relative;
823 color: #b32d2e; }
824 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium .sharing-image-premium-warning.warning-visible {
825 display: block; }
826 body.settings_page_sharing-image #sharing-image-settings .sharing-image-premium ~ #setting-error-sharing-image {
827 max-width: 760px; }
828