Changeset 2883247
- Timestamp:
- 03/20/2023 07:33:03 AM (3 years ago)
- Location:
- branded-social-images/trunk
- Files:
-
- 8 edited
-
admin/admin.css (modified) (2 diffs)
-
admin/admin.js (modified) (37 diffs)
-
admin/admin.min.css (modified) (1 diff)
-
admin/admin.min.js (modified) (1 diff)
-
info.json (modified) (1 diff)
-
lib/class.og-image-admin.php (modified) (5 diffs)
-
readme.txt (modified) (2 diffs)
-
wp-plugin.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
branded-social-images/trunk/admin/admin.css
r2636230 r2883247 1 1 #branded-social-images-editor { 2 2 /* Interaction Cues 3 ----------------------------------*/3 ----------------------------------*/ 4 4 /* Icons 5 ----------------------------------*/5 ----------------------------------*/ 6 6 /* states and images */ 7 7 /* Misc visuals 8 ----------------------------------*/8 ----------------------------------*/ 9 9 /* Overlays */ 10 10 /* to make room for the icon, a width needs to be set here */ … … 26 26 /* TR overrides */ 27 27 /* Component containers 28 ----------------------------------*/28 ----------------------------------*/ 29 29 /* Interaction states 30 ----------------------------------*/30 ----------------------------------*/ 31 31 /* Interaction Cues 32 ----------------------------------*/32 ----------------------------------*/ 33 33 /* Icons 34 ----------------------------------*/34 ----------------------------------*/ 35 35 /* states and images */ 36 36 /* positioning */ 37 37 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ 38 38 /* Misc visuals 39 ----------------------------------*/39 ----------------------------------*/ 40 40 /* Corner radius */ 41 /* Overlays */ } 42 #branded-social-images-editor .ui-helper-hidden { 43 display: none; } 44 #branded-social-images-editor .ui-helper-hidden-accessible { 45 border: 0; 46 clip: rect(0 0 0 0); 47 height: 1px; 48 margin: -1px; 49 overflow: hidden; 50 padding: 0; 51 position: absolute; 52 width: 1px; } 53 #branded-social-images-editor .ui-helper-reset { 54 margin: 0; 55 padding: 0; 56 border: 0; 57 outline: 0; 58 line-height: 1.3; 59 text-decoration: none; 60 font-size: 100%; 61 list-style: none; } 62 #branded-social-images-editor .ui-helper-clearfix:before, 63 #branded-social-images-editor .ui-helper-clearfix:after { 64 content: ""; 65 display: table; 66 border-collapse: collapse; } 67 #branded-social-images-editor .ui-helper-clearfix:after { 68 clear: both; } 69 #branded-social-images-editor .ui-helper-clearfix { 70 min-height: 0; 71 /* support: IE7 */ } 72 #branded-social-images-editor .ui-helper-zfix { 41 /* Overlays */ 42 } 43 #branded-social-images-editor .ui-helper-hidden { 44 display: none; 45 } 46 #branded-social-images-editor .ui-helper-hidden-accessible { 47 border: 0; 48 clip: rect(0 0 0 0); 49 height: 1px; 50 margin: -1px; 51 overflow: hidden; 52 padding: 0; 53 position: absolute; 54 width: 1px; 55 } 56 #branded-social-images-editor .ui-helper-reset { 57 margin: 0; 58 padding: 0; 59 border: 0; 60 outline: 0; 61 line-height: 1.3; 62 text-decoration: none; 63 font-size: 100%; 64 list-style: none; 65 } 66 #branded-social-images-editor .ui-helper-clearfix:before, 67 #branded-social-images-editor .ui-helper-clearfix:after { 68 content: ""; 69 display: table; 70 border-collapse: collapse; 71 } 72 #branded-social-images-editor .ui-helper-clearfix:after { 73 clear: both; 74 } 75 #branded-social-images-editor .ui-helper-clearfix { 76 min-height: 0; /* support: IE7 */ 77 } 78 #branded-social-images-editor .ui-helper-zfix { 79 width: 100%; 80 height: 100%; 81 top: 0; 82 left: 0; 83 position: absolute; 84 opacity: 0; 85 filter: Alpha(Opacity=0); /* support: IE8 */ 86 } 87 #branded-social-images-editor .ui-front { 88 z-index: 100; 89 } 90 #branded-social-images-editor .ui-state-disabled { 91 cursor: default !important; 92 } 93 #branded-social-images-editor .ui-icon { 94 display: block; 95 text-indent: -99999px; 96 overflow: hidden; 97 background-repeat: no-repeat; 98 } 99 #branded-social-images-editor .ui-widget-overlay { 100 position: fixed; 101 top: 0; 102 left: 0; 103 width: 100%; 104 height: 100%; 105 } 106 #branded-social-images-editor .ui-accordion .ui-accordion-header { 107 display: block; 108 cursor: pointer; 109 position: relative; 110 margin: 2px 0 0 0; 111 padding: 0.5em 0.5em 0.5em 0.7em; 112 min-height: 0; /* support: IE7 */ 113 font-size: 100%; 114 } 115 #branded-social-images-editor .ui-accordion .ui-accordion-icons { 116 padding-left: 2.2em; 117 } 118 #branded-social-images-editor .ui-accordion .ui-accordion-icons .ui-accordion-icons { 119 padding-left: 2.2em; 120 } 121 #branded-social-images-editor .ui-accordion .ui-accordion-header .ui-accordion-header-icon { 122 position: absolute; 123 left: 0.5em; 124 top: 50%; 125 margin-top: -8px; 126 } 127 #branded-social-images-editor .ui-accordion .ui-accordion-content { 128 padding: 1em 2.2em; 129 border-top: 0; 130 overflow: auto; 131 } 132 #branded-social-images-editor .ui-autocomplete { 133 position: absolute; 134 top: 0; 135 left: 0; 136 cursor: default; 137 } 138 #branded-social-images-editor .ui-button { 139 display: inline-block; 140 position: relative; 141 padding: 0; 142 line-height: normal; 143 margin-right: 0.1em; 144 cursor: pointer; 145 vertical-align: middle; 146 text-align: center; 147 overflow: visible; /* removes extra width in IE */ 148 } 149 #branded-social-images-editor .ui-button, 150 #branded-social-images-editor .ui-button:link, 151 #branded-social-images-editor .ui-button:visited, 152 #branded-social-images-editor .ui-button:hover, 153 #branded-social-images-editor .ui-button:active { 154 text-decoration: none; 155 } 156 #branded-social-images-editor .ui-button-icon-only { 157 width: 2.2em; 158 } 159 #branded-social-images-editor button.ui-button-icon-only { 160 width: 2.4em; 161 } 162 #branded-social-images-editor .ui-button-icons-only { 163 width: 3.4em; 164 } 165 #branded-social-images-editor button.ui-button-icons-only { 166 width: 3.7em; 167 } 168 #branded-social-images-editor .ui-button .ui-button-text { 169 display: block; 170 line-height: normal; 171 } 172 #branded-social-images-editor .ui-button-text-only .ui-button-text { 173 padding: 0.4em 1em; 174 } 175 #branded-social-images-editor .ui-button-icon-only .ui-button-text, 176 #branded-social-images-editor .ui-button-icons-only .ui-button-text { 177 padding: 0.4em; 178 text-indent: -9999999px; 179 } 180 #branded-social-images-editor .ui-button-text-icon-primary .ui-button-text, 181 #branded-social-images-editor .ui-button-text-icons .ui-button-text { 182 padding: 0.4em 1em 0.4em 2.1em; 183 } 184 #branded-social-images-editor .ui-button-text-icon-secondary .ui-button-text, 185 #branded-social-images-editor .ui-button-text-icons .ui-button-text { 186 padding: 0.4em 2.1em 0.4em 1em; 187 } 188 #branded-social-images-editor .ui-button-text-icons .ui-button-text { 189 padding-left: 2.1em; 190 padding-right: 2.1em; 191 } 192 #branded-social-images-editor input.ui-button { 193 padding: 0.4em 1em; 194 } 195 #branded-social-images-editor .ui-button-icon-only .ui-icon, 196 #branded-social-images-editor .ui-button-text-icon-primary .ui-icon, 197 #branded-social-images-editor .ui-button-text-icon-secondary .ui-icon, 198 #branded-social-images-editor .ui-button-text-icons .ui-icon, 199 #branded-social-images-editor .ui-button-icons-only .ui-icon { 200 position: absolute; 201 top: 50%; 202 margin-top: -8px; 203 } 204 #branded-social-images-editor .ui-button-icon-only .ui-icon { 205 left: 50%; 206 margin-left: -8px; 207 } 208 #branded-social-images-editor .ui-button-text-icon-primary .ui-button-icon-primary, 209 #branded-social-images-editor .ui-button-text-icons .ui-button-icon-primary, 210 #branded-social-images-editor .ui-button-icons-only .ui-button-icon-primary { 211 left: 0.5em; 212 } 213 #branded-social-images-editor .ui-button-text-icon-secondary .ui-button-icon-secondary, 214 #branded-social-images-editor .ui-button-text-icons .ui-button-icon-secondary, 215 #branded-social-images-editor .ui-button-icons-only .ui-button-icon-secondary { 216 right: 0.5em; 217 } 218 #branded-social-images-editor .ui-buttonset { 219 margin-right: 7px; 220 } 221 #branded-social-images-editor .ui-buttonset .ui-button { 222 margin-left: 0; 223 margin-right: -0.3em; 224 } 225 #branded-social-images-editor input.ui-button::-moz-focus-inner, 226 #branded-social-images-editor button.ui-button::-moz-focus-inner { 227 border: 0; 228 padding: 0; 229 } 230 #branded-social-images-editor .ui-datepicker { 231 width: 17em; 232 padding: 0.2em 0.2em 0; 233 display: none; 234 } 235 #branded-social-images-editor .ui-datepicker .ui-datepicker-header { 236 position: relative; 237 padding: 0.2em 0; 238 } 239 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev, 240 #branded-social-images-editor .ui-datepicker .ui-datepicker-next { 241 position: absolute; 242 top: 2px; 243 width: 1.8em; 244 height: 1.8em; 245 } 246 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev-hover, 247 #branded-social-images-editor .ui-datepicker .ui-datepicker-next-hover { 248 top: 1px; 249 } 250 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev { 251 left: 2px; 252 } 253 #branded-social-images-editor .ui-datepicker .ui-datepicker-next { 254 right: 2px; 255 } 256 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev-hover { 257 left: 1px; 258 } 259 #branded-social-images-editor .ui-datepicker .ui-datepicker-next-hover { 260 right: 1px; 261 } 262 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev span, 263 #branded-social-images-editor .ui-datepicker .ui-datepicker-next span { 264 display: block; 265 position: absolute; 266 left: 50%; 267 margin-left: -8px; 268 top: 50%; 269 margin-top: -8px; 270 } 271 #branded-social-images-editor .ui-datepicker .ui-datepicker-title { 272 margin: 0 2.3em; 273 line-height: 1.8em; 274 text-align: center; 275 } 276 #branded-social-images-editor .ui-datepicker .ui-datepicker-title select { 277 font-size: 1em; 278 margin: 1px 0; 279 } 280 #branded-social-images-editor .ui-datepicker select.ui-datepicker-month, 281 #branded-social-images-editor .ui-datepicker select.ui-datepicker-year { 282 width: 45%; 283 } 284 #branded-social-images-editor .ui-datepicker table { 285 width: 100%; 286 font-size: 0.9em; 287 border-collapse: collapse; 288 margin: 0 0 0.4em; 289 } 290 #branded-social-images-editor .ui-datepicker th { 291 padding: 0.7em 0.3em; 292 text-align: center; 293 font-weight: bold; 294 border: 0; 295 } 296 #branded-social-images-editor .ui-datepicker td { 297 border: 0; 298 padding: 1px; 299 } 300 #branded-social-images-editor .ui-datepicker td span, 301 #branded-social-images-editor .ui-datepicker td a { 302 display: block; 303 padding: 0.2em; 304 text-align: right; 305 text-decoration: none; 306 } 307 #branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane { 308 background-image: none; 309 margin: 0.7em 0 0 0; 310 padding: 0 0.2em; 311 border-left: 0; 312 border-right: 0; 313 border-bottom: 0; 314 } 315 #branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane button { 316 float: right; 317 margin: 0.5em 0.2em 0.4em; 318 cursor: pointer; 319 padding: 0.2em 0.6em 0.3em 0.6em; 320 width: auto; 321 overflow: visible; 322 } 323 #branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 324 float: left; 325 } 326 #branded-social-images-editor .ui-datepicker.ui-datepicker-multi { 327 width: auto; 328 } 329 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group { 330 float: left; 331 } 332 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group table { 333 width: 95%; 334 margin: 0 auto 0.4em; 335 } 336 #branded-social-images-editor .ui-datepicker-multi-2 .ui-datepicker-group { 337 width: 50%; 338 } 339 #branded-social-images-editor .ui-datepicker-multi-3 .ui-datepicker-group { 340 width: 33.3%; 341 } 342 #branded-social-images-editor .ui-datepicker-multi-4 .ui-datepicker-group { 343 width: 25%; 344 } 345 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 346 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 347 border-left-width: 0; 348 } 349 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-buttonpane { 350 clear: left; 351 } 352 #branded-social-images-editor .ui-datepicker-row-break { 353 clear: both; 354 width: 100%; 355 font-size: 0; 356 } 357 #branded-social-images-editor .ui-datepicker-rtl { 358 direction: rtl; 359 } 360 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-prev { 361 right: 2px; 362 left: auto; 363 } 364 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-next { 365 left: 2px; 366 right: auto; 367 } 368 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-prev:hover { 369 right: 1px; 370 left: auto; 371 } 372 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-next:hover { 373 left: 1px; 374 right: auto; 375 } 376 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane { 377 clear: right; 378 } 379 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane button { 380 float: left; 381 } 382 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 383 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group { 384 float: right; 385 } 386 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 387 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 388 border-right-width: 0; 389 border-left-width: 1px; 390 } 391 #branded-social-images-editor .ui-dialog { 392 overflow: hidden; 393 position: absolute; 394 top: 0; 395 left: 0; 396 padding: 0.2em; 397 outline: 0; 398 } 399 #branded-social-images-editor .ui-dialog .ui-dialog-titlebar { 400 padding: 0.4em 1em; 401 position: relative; 402 } 403 #branded-social-images-editor .ui-dialog .ui-dialog-title { 404 float: left; 405 margin: 0.1em 0; 406 white-space: nowrap; 407 width: 90%; 408 overflow: hidden; 409 text-overflow: ellipsis; 410 } 411 #branded-social-images-editor .ui-dialog .ui-dialog-titlebar-close { 412 position: absolute; 413 right: 0.3em; 414 top: 50%; 415 width: 20px; 416 margin: -10px 0 0 0; 417 padding: 1px; 418 height: 20px; 419 } 420 #branded-social-images-editor .ui-dialog .ui-dialog-content { 421 position: relative; 422 border: 0; 423 padding: 0.5em 1em; 424 background: none; 425 overflow: auto; 426 } 427 #branded-social-images-editor .ui-dialog .ui-dialog-buttonpane { 428 text-align: left; 429 border-width: 1px 0 0 0; 430 background-image: none; 431 margin-top: 0.5em; 432 padding: 0.3em 1em 0.5em 0.4em; 433 } 434 #branded-social-images-editor .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 435 float: right; 436 } 437 #branded-social-images-editor .ui-dialog .ui-dialog-buttonpane button { 438 margin: 0.5em 0.4em 0.5em 0; 439 cursor: pointer; 440 } 441 #branded-social-images-editor .ui-dialog .ui-resizable-se { 442 width: 12px; 443 height: 12px; 444 right: -5px; 445 bottom: -5px; 446 background-position: 16px 16px; 447 } 448 #branded-social-images-editor .ui-draggable .ui-dialog-titlebar { 449 cursor: move; 450 } 451 #branded-social-images-editor .ui-draggable-handle { 452 -ms-touch-action: none; 453 touch-action: none; 454 } 455 #branded-social-images-editor .ui-menu { 456 list-style: none; 457 padding: 0; 458 margin: 0; 459 display: block; 460 outline: none; 461 } 462 #branded-social-images-editor .ui-menu .ui-menu { 463 position: absolute; 464 } 465 #branded-social-images-editor .ui-menu .ui-menu-item { 466 position: relative; 467 margin: 0; 468 padding: 3px 1em 3px 0.4em; 469 cursor: pointer; 470 min-height: 0; /* support: IE7 */ 471 /* support: IE10, see #8844 */ 472 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); 473 } 474 #branded-social-images-editor .ui-menu .ui-menu-divider { 475 margin: 5px 0; 476 height: 0; 477 font-size: 0; 478 line-height: 0; 479 border-width: 1px 0 0 0; 480 } 481 #branded-social-images-editor .ui-menu .ui-state-focus, 482 #branded-social-images-editor .ui-menu .ui-state-active { 483 margin: -1px; 484 } 485 #branded-social-images-editor .ui-menu-icons { 486 position: relative; 487 } 488 #branded-social-images-editor .ui-menu-icons .ui-menu-item { 489 padding-left: 2em; 490 } 491 #branded-social-images-editor .ui-menu .ui-icon { 492 position: absolute; 493 top: 0; 494 bottom: 0; 495 left: 0.2em; 496 margin: auto 0; 497 } 498 #branded-social-images-editor .ui-menu .ui-menu-icon { 499 left: auto; 500 right: 0; 501 } 502 #branded-social-images-editor .ui-progressbar { 503 height: 2em; 504 text-align: left; 505 overflow: hidden; 506 } 507 #branded-social-images-editor .ui-progressbar .ui-progressbar-value { 508 margin: -1px; 509 height: 100%; 510 } 511 #branded-social-images-editor .ui-progressbar .ui-progressbar-overlay { 512 background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); 513 height: 100%; 514 filter: alpha(opacity=25); /* support: IE8 */ 515 opacity: 0.25; 516 } 517 #branded-social-images-editor .ui-progressbar-indeterminate .ui-progressbar-value { 518 background-image: none; 519 } 520 #branded-social-images-editor .ui-resizable { 521 position: relative; 522 } 523 #branded-social-images-editor .ui-resizable-handle { 524 position: absolute; 525 font-size: 0.1px; 526 display: block; 527 -ms-touch-action: none; 528 touch-action: none; 529 } 530 #branded-social-images-editor .ui-resizable-disabled .ui-resizable-handle, 531 #branded-social-images-editor .ui-resizable-autohide .ui-resizable-handle { 532 display: none; 533 } 534 #branded-social-images-editor .ui-resizable-n { 535 cursor: n-resize; 536 height: 7px; 537 width: 100%; 538 top: -5px; 539 left: 0; 540 } 541 #branded-social-images-editor .ui-resizable-s { 542 cursor: s-resize; 543 height: 7px; 544 width: 100%; 545 bottom: -5px; 546 left: 0; 547 } 548 #branded-social-images-editor .ui-resizable-e { 549 cursor: e-resize; 550 width: 7px; 551 right: -5px; 552 top: 0; 553 height: 100%; 554 } 555 #branded-social-images-editor .ui-resizable-w { 556 cursor: w-resize; 557 width: 7px; 558 left: -5px; 559 top: 0; 560 height: 100%; 561 } 562 #branded-social-images-editor .ui-resizable-se { 563 cursor: se-resize; 564 width: 12px; 565 height: 12px; 566 right: 1px; 567 bottom: 1px; 568 } 569 #branded-social-images-editor .ui-resizable-sw { 570 cursor: sw-resize; 571 width: 9px; 572 height: 9px; 573 left: -5px; 574 bottom: -5px; 575 } 576 #branded-social-images-editor .ui-resizable-nw { 577 cursor: nw-resize; 578 width: 9px; 579 height: 9px; 580 left: -5px; 581 top: -5px; 582 } 583 #branded-social-images-editor .ui-resizable-ne { 584 cursor: ne-resize; 585 width: 9px; 586 height: 9px; 587 right: -5px; 588 top: -5px; 589 } 590 #branded-social-images-editor .ui-selectable { 591 -ms-touch-action: none; 592 touch-action: none; 593 } 594 #branded-social-images-editor .ui-selectable-helper { 595 position: absolute; 596 z-index: 100; 597 border: 1px dotted black; 598 } 599 #branded-social-images-editor .ui-selectmenu-menu { 600 padding: 0; 601 margin: 0; 602 position: absolute; 603 top: 0; 604 left: 0; 605 display: none; 606 } 607 #branded-social-images-editor .ui-selectmenu-menu .ui-menu { 608 overflow: auto; 609 /* Support: IE7 */ 610 overflow-x: hidden; 611 padding-bottom: 1px; 612 } 613 #branded-social-images-editor .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { 614 font-size: 1em; 615 font-weight: bold; 616 line-height: 1.5; 617 padding: 2px 0.4em; 618 margin: 0.5em 0 0 0; 619 height: auto; 620 border: 0; 621 } 622 #branded-social-images-editor .ui-selectmenu-open { 623 display: block; 624 } 625 #branded-social-images-editor .ui-selectmenu-button { 626 display: inline-block; 627 overflow: hidden; 628 position: relative; 629 text-decoration: none; 630 cursor: pointer; 631 } 632 #branded-social-images-editor .ui-selectmenu-button span.ui-icon { 633 right: 0.5em; 634 left: auto; 635 margin-top: -8px; 636 position: absolute; 637 top: 50%; 638 } 639 #branded-social-images-editor .ui-selectmenu-button span.ui-selectmenu-text { 640 text-align: left; 641 padding: 0.4em 2.1em 0.4em 1em; 642 display: block; 643 line-height: 1.4; 644 overflow: hidden; 645 text-overflow: ellipsis; 646 white-space: nowrap; 647 } 648 #branded-social-images-editor .ui-slider { 649 position: relative; 650 text-align: left; 651 } 652 #branded-social-images-editor .ui-slider .ui-slider-handle { 653 position: absolute; 654 z-index: 2; 655 width: 1.2em; 656 height: 1.2em; 657 cursor: default; 658 -ms-touch-action: none; 659 touch-action: none; 660 } 661 #branded-social-images-editor .ui-slider .ui-slider-range { 662 position: absolute; 663 z-index: 1; 664 font-size: 0.7em; 665 display: block; 666 border: 0; 667 background-position: 0 0; 668 } 669 #branded-social-images-editor .ui-slider.ui-state-disabled .ui-slider-handle, 670 #branded-social-images-editor .ui-slider.ui-state-disabled .ui-slider-range { 671 filter: inherit; 672 } 673 #branded-social-images-editor .ui-slider-horizontal { 674 height: 0.8em; 675 } 676 #branded-social-images-editor .ui-slider-horizontal .ui-slider-handle { 677 top: -0.3em; 678 margin-left: -0.6em; 679 } 680 #branded-social-images-editor .ui-slider-horizontal .ui-slider-range { 681 top: 0; 682 height: 100%; 683 } 684 #branded-social-images-editor .ui-slider-horizontal .ui-slider-range-min { 685 left: 0; 686 } 687 #branded-social-images-editor .ui-slider-horizontal .ui-slider-range-max { 688 right: 0; 689 } 690 #branded-social-images-editor .ui-slider-vertical { 691 width: 0.8em; 692 height: 100px; 693 } 694 #branded-social-images-editor .ui-slider-vertical .ui-slider-handle { 695 left: -0.3em; 696 margin-left: 0; 697 margin-bottom: -0.6em; 698 } 699 #branded-social-images-editor .ui-slider-vertical .ui-slider-range { 700 left: 0; 701 width: 100%; 702 } 703 #branded-social-images-editor .ui-slider-vertical .ui-slider-range-min { 704 bottom: 0; 705 } 706 #branded-social-images-editor .ui-slider-vertical .ui-slider-range-max { 707 top: 0; 708 } 709 #branded-social-images-editor .ui-sortable-handle { 710 -ms-touch-action: none; 711 touch-action: none; 712 } 713 #branded-social-images-editor .ui-spinner { 714 position: relative; 715 display: inline-block; 716 overflow: hidden; 717 padding: 0; 718 vertical-align: middle; 719 } 720 #branded-social-images-editor .ui-spinner-input { 721 border: none; 722 background: none; 723 color: inherit; 724 padding: 0; 725 margin: 0.2em 0; 726 vertical-align: middle; 727 margin-left: 0.4em; 728 margin-right: 22px; 729 } 730 #branded-social-images-editor .ui-spinner-button { 731 width: 16px; 732 height: 50%; 733 font-size: 0.5em; 734 padding: 0; 735 margin: 0; 736 text-align: center; 737 position: absolute; 738 cursor: default; 739 display: block; 740 overflow: hidden; 741 right: 0; 742 } 743 #branded-social-images-editor .ui-spinner a.ui-spinner-button { 744 border-top: none; 745 border-bottom: none; 746 border-right: none; 747 } 748 #branded-social-images-editor .ui-spinner .ui-icon { 749 position: absolute; 750 margin-top: -8px; 751 top: 50%; 752 left: 0; 753 } 754 #branded-social-images-editor .ui-spinner-up { 755 top: 0; 756 } 757 #branded-social-images-editor .ui-spinner-down { 758 bottom: 0; 759 } 760 #branded-social-images-editor .ui-spinner .ui-icon-triangle-1-s { 761 /* need to fix icons sprite */ 762 background-position: -65px -16px; 763 } 764 #branded-social-images-editor .ui-tabs { 765 position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 766 padding: 0.2em; 767 } 768 #branded-social-images-editor .ui-tabs .ui-tabs-nav { 769 margin: 0; 770 padding: 0.2em 0.2em 0; 771 } 772 #branded-social-images-editor .ui-tabs .ui-tabs-nav li { 773 list-style: none; 774 float: left; 775 position: relative; 776 top: 0; 777 margin: 1px 0.2em 0 0; 778 border-bottom-width: 0; 779 padding: 0; 780 white-space: nowrap; 781 } 782 #branded-social-images-editor .ui-tabs .ui-tabs-nav .ui-tabs-anchor { 783 float: left; 784 padding: 0.5em 1em; 785 text-decoration: none; 786 } 787 #branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-active { 788 margin-bottom: -1px; 789 padding-bottom: 1px; 790 } 791 #branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 792 #branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 793 #branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { 794 cursor: text; 795 } 796 #branded-social-images-editor .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { 797 cursor: pointer; 798 } 799 #branded-social-images-editor .ui-tabs .ui-tabs-panel { 800 display: block; 801 border-width: 0; 802 padding: 1em 1.4em; 803 background: none; 804 } 805 #branded-social-images-editor .ui-tooltip { 806 padding: 8px; 807 position: absolute; 808 z-index: 9999; 809 max-width: 300px; 810 box-shadow: 0 0 5px #aaa; 811 } 812 #branded-social-images-editor body .ui-tooltip { 813 border-width: 2px; 814 } 815 #branded-social-images-editor .ui-widget { 816 font-family: Verdana, Arial, sans-serif; 817 font-size: 1.1em; 818 } 819 #branded-social-images-editor .ui-widget .ui-widget { 820 font-size: 1em; 821 } 822 #branded-social-images-editor .ui-widget input, 823 #branded-social-images-editor .ui-widget select, 824 #branded-social-images-editor .ui-widget textarea, 825 #branded-social-images-editor .ui-widget button { 826 font-family: Verdana, Arial, sans-serif; 827 font-size: 1em; 828 } 829 #branded-social-images-editor .ui-widget-content { 830 border: 1px solid #aaaaaa; 831 background: #ffffff url("../admin/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; 832 color: #222222; 833 } 834 #branded-social-images-editor .ui-widget-content a { 835 color: #222222; 836 } 837 #branded-social-images-editor .ui-widget-header { 838 border: 1px solid #aaaaaa; 839 background: #cccccc url("../admin/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; 840 color: #222222; 841 font-weight: bold; 842 } 843 #branded-social-images-editor .ui-widget-header a { 844 color: #222222; 845 } 846 #branded-social-images-editor .ui-state-default, 847 #branded-social-images-editor .ui-widget-content .ui-state-default, 848 #branded-social-images-editor .ui-widget-header .ui-state-default { 849 border: 1px solid #d3d3d3; 850 background: #e6e6e6 url("../admin/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; 851 font-weight: normal; 852 color: #555555; 853 } 854 #branded-social-images-editor .ui-state-default a, 855 #branded-social-images-editor .ui-state-default a:link, 856 #branded-social-images-editor .ui-state-default a:visited { 857 color: #555555; 858 text-decoration: none; 859 } 860 #branded-social-images-editor .ui-state-hover, 861 #branded-social-images-editor .ui-widget-content .ui-state-hover, 862 #branded-social-images-editor .ui-widget-header .ui-state-hover, 863 #branded-social-images-editor .ui-state-focus, 864 #branded-social-images-editor .ui-widget-content .ui-state-focus, 865 #branded-social-images-editor .ui-widget-header .ui-state-focus { 866 border: 1px solid #999999; 867 background: #dadada url("../admin/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; 868 font-weight: normal; 869 color: #212121; 870 } 871 #branded-social-images-editor .ui-state-hover a, 872 #branded-social-images-editor .ui-state-hover a:hover, 873 #branded-social-images-editor .ui-state-hover a:link, 874 #branded-social-images-editor .ui-state-hover a:visited, 875 #branded-social-images-editor .ui-state-focus a, 876 #branded-social-images-editor .ui-state-focus a:hover, 877 #branded-social-images-editor .ui-state-focus a:link, 878 #branded-social-images-editor .ui-state-focus a:visited { 879 color: #212121; 880 text-decoration: none; 881 } 882 #branded-social-images-editor .ui-state-active, 883 #branded-social-images-editor .ui-widget-content .ui-state-active, 884 #branded-social-images-editor .ui-widget-header .ui-state-active { 885 border: 1px solid #aaaaaa; 886 background: #ffffff url("../admin/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; 887 font-weight: normal; 888 color: #212121; 889 } 890 #branded-social-images-editor .ui-state-active a, 891 #branded-social-images-editor .ui-state-active a:link, 892 #branded-social-images-editor .ui-state-active a:visited { 893 color: #212121; 894 text-decoration: none; 895 } 896 #branded-social-images-editor .ui-state-highlight, 897 #branded-social-images-editor .ui-widget-content .ui-state-highlight, 898 #branded-social-images-editor .ui-widget-header .ui-state-highlight { 899 border: 1px solid #fcefa1; 900 background: #fbf9ee url("../admin/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; 901 color: #363636; 902 } 903 #branded-social-images-editor .ui-state-highlight a, 904 #branded-social-images-editor .ui-widget-content .ui-state-highlight a, 905 #branded-social-images-editor .ui-widget-header .ui-state-highlight a { 906 color: #363636; 907 } 908 #branded-social-images-editor .ui-state-error, 909 #branded-social-images-editor .ui-widget-content .ui-state-error, 910 #branded-social-images-editor .ui-widget-header .ui-state-error { 911 border: 1px solid #cd0a0a; 912 background: #fef1ec url("../admin/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; 913 color: #cd0a0a; 914 } 915 #branded-social-images-editor .ui-state-error a, 916 #branded-social-images-editor .ui-widget-content .ui-state-error a, 917 #branded-social-images-editor .ui-widget-header .ui-state-error a { 918 color: #cd0a0a; 919 } 920 #branded-social-images-editor .ui-state-error-text, 921 #branded-social-images-editor .ui-widget-content .ui-state-error-text, 922 #branded-social-images-editor .ui-widget-header .ui-state-error-text { 923 color: #cd0a0a; 924 } 925 #branded-social-images-editor .ui-priority-primary, 926 #branded-social-images-editor .ui-widget-content .ui-priority-primary, 927 #branded-social-images-editor .ui-widget-header .ui-priority-primary { 928 font-weight: bold; 929 } 930 #branded-social-images-editor .ui-priority-secondary, 931 #branded-social-images-editor .ui-widget-content .ui-priority-secondary, 932 #branded-social-images-editor .ui-widget-header .ui-priority-secondary { 933 opacity: 0.7; 934 filter: Alpha(Opacity=70); /* support: IE8 */ 935 font-weight: normal; 936 } 937 #branded-social-images-editor .ui-state-disabled, 938 #branded-social-images-editor .ui-widget-content .ui-state-disabled, 939 #branded-social-images-editor .ui-widget-header .ui-state-disabled { 940 opacity: 0.35; 941 filter: Alpha(Opacity=35); /* support: IE8 */ 942 background-image: none; 943 } 944 #branded-social-images-editor .ui-state-disabled .ui-icon { 945 filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ 946 } 947 #branded-social-images-editor .ui-icon { 948 width: 16px; 949 height: 16px; 950 } 951 #branded-social-images-editor .ui-icon, 952 #branded-social-images-editor .ui-widget-content .ui-icon { 953 background-image: url("../admin/images/ui-icons_222222_256x240.png"); 954 } 955 #branded-social-images-editor .ui-widget-header .ui-icon { 956 background-image: url("../admin/images/ui-icons_222222_256x240.png"); 957 } 958 #branded-social-images-editor .ui-state-default .ui-icon { 959 background-image: url("../admin/images/ui-icons_888888_256x240.png"); 960 } 961 #branded-social-images-editor .ui-state-hover .ui-icon, 962 #branded-social-images-editor .ui-state-focus .ui-icon { 963 background-image: url("../admin/images/ui-icons_454545_256x240.png"); 964 } 965 #branded-social-images-editor .ui-state-active .ui-icon { 966 background-image: url("../admin/images/ui-icons_454545_256x240.png"); 967 } 968 #branded-social-images-editor .ui-state-highlight .ui-icon { 969 background-image: url("../admin/images/ui-icons_2e83ff_256x240.png"); 970 } 971 #branded-social-images-editor .ui-state-error .ui-icon, 972 #branded-social-images-editor .ui-state-error-text .ui-icon { 973 background-image: url("../admin/images/ui-icons_cd0a0a_256x240.png"); 974 } 975 #branded-social-images-editor .ui-icon-blank { 976 background-position: 16px 16px; 977 } 978 #branded-social-images-editor .ui-icon-carat-1-n { 979 background-position: 0 0; 980 } 981 #branded-social-images-editor .ui-icon-carat-1-ne { 982 background-position: -16px 0; 983 } 984 #branded-social-images-editor .ui-icon-carat-1-e { 985 background-position: -32px 0; 986 } 987 #branded-social-images-editor .ui-icon-carat-1-se { 988 background-position: -48px 0; 989 } 990 #branded-social-images-editor .ui-icon-carat-1-s { 991 background-position: -64px 0; 992 } 993 #branded-social-images-editor .ui-icon-carat-1-sw { 994 background-position: -80px 0; 995 } 996 #branded-social-images-editor .ui-icon-carat-1-w { 997 background-position: -96px 0; 998 } 999 #branded-social-images-editor .ui-icon-carat-1-nw { 1000 background-position: -112px 0; 1001 } 1002 #branded-social-images-editor .ui-icon-carat-2-n-s { 1003 background-position: -128px 0; 1004 } 1005 #branded-social-images-editor .ui-icon-carat-2-e-w { 1006 background-position: -144px 0; 1007 } 1008 #branded-social-images-editor .ui-icon-triangle-1-n { 1009 background-position: 0 -16px; 1010 } 1011 #branded-social-images-editor .ui-icon-triangle-1-ne { 1012 background-position: -16px -16px; 1013 } 1014 #branded-social-images-editor .ui-icon-triangle-1-e { 1015 background-position: -32px -16px; 1016 } 1017 #branded-social-images-editor .ui-icon-triangle-1-se { 1018 background-position: -48px -16px; 1019 } 1020 #branded-social-images-editor .ui-icon-triangle-1-s { 1021 background-position: -64px -16px; 1022 } 1023 #branded-social-images-editor .ui-icon-triangle-1-sw { 1024 background-position: -80px -16px; 1025 } 1026 #branded-social-images-editor .ui-icon-triangle-1-w { 1027 background-position: -96px -16px; 1028 } 1029 #branded-social-images-editor .ui-icon-triangle-1-nw { 1030 background-position: -112px -16px; 1031 } 1032 #branded-social-images-editor .ui-icon-triangle-2-n-s { 1033 background-position: -128px -16px; 1034 } 1035 #branded-social-images-editor .ui-icon-triangle-2-e-w { 1036 background-position: -144px -16px; 1037 } 1038 #branded-social-images-editor .ui-icon-arrow-1-n { 1039 background-position: 0 -32px; 1040 } 1041 #branded-social-images-editor .ui-icon-arrow-1-ne { 1042 background-position: -16px -32px; 1043 } 1044 #branded-social-images-editor .ui-icon-arrow-1-e { 1045 background-position: -32px -32px; 1046 } 1047 #branded-social-images-editor .ui-icon-arrow-1-se { 1048 background-position: -48px -32px; 1049 } 1050 #branded-social-images-editor .ui-icon-arrow-1-s { 1051 background-position: -64px -32px; 1052 } 1053 #branded-social-images-editor .ui-icon-arrow-1-sw { 1054 background-position: -80px -32px; 1055 } 1056 #branded-social-images-editor .ui-icon-arrow-1-w { 1057 background-position: -96px -32px; 1058 } 1059 #branded-social-images-editor .ui-icon-arrow-1-nw { 1060 background-position: -112px -32px; 1061 } 1062 #branded-social-images-editor .ui-icon-arrow-2-n-s { 1063 background-position: -128px -32px; 1064 } 1065 #branded-social-images-editor .ui-icon-arrow-2-ne-sw { 1066 background-position: -144px -32px; 1067 } 1068 #branded-social-images-editor .ui-icon-arrow-2-e-w { 1069 background-position: -160px -32px; 1070 } 1071 #branded-social-images-editor .ui-icon-arrow-2-se-nw { 1072 background-position: -176px -32px; 1073 } 1074 #branded-social-images-editor .ui-icon-arrowstop-1-n { 1075 background-position: -192px -32px; 1076 } 1077 #branded-social-images-editor .ui-icon-arrowstop-1-e { 1078 background-position: -208px -32px; 1079 } 1080 #branded-social-images-editor .ui-icon-arrowstop-1-s { 1081 background-position: -224px -32px; 1082 } 1083 #branded-social-images-editor .ui-icon-arrowstop-1-w { 1084 background-position: -240px -32px; 1085 } 1086 #branded-social-images-editor .ui-icon-arrowthick-1-n { 1087 background-position: 0 -48px; 1088 } 1089 #branded-social-images-editor .ui-icon-arrowthick-1-ne { 1090 background-position: -16px -48px; 1091 } 1092 #branded-social-images-editor .ui-icon-arrowthick-1-e { 1093 background-position: -32px -48px; 1094 } 1095 #branded-social-images-editor .ui-icon-arrowthick-1-se { 1096 background-position: -48px -48px; 1097 } 1098 #branded-social-images-editor .ui-icon-arrowthick-1-s { 1099 background-position: -64px -48px; 1100 } 1101 #branded-social-images-editor .ui-icon-arrowthick-1-sw { 1102 background-position: -80px -48px; 1103 } 1104 #branded-social-images-editor .ui-icon-arrowthick-1-w { 1105 background-position: -96px -48px; 1106 } 1107 #branded-social-images-editor .ui-icon-arrowthick-1-nw { 1108 background-position: -112px -48px; 1109 } 1110 #branded-social-images-editor .ui-icon-arrowthick-2-n-s { 1111 background-position: -128px -48px; 1112 } 1113 #branded-social-images-editor .ui-icon-arrowthick-2-ne-sw { 1114 background-position: -144px -48px; 1115 } 1116 #branded-social-images-editor .ui-icon-arrowthick-2-e-w { 1117 background-position: -160px -48px; 1118 } 1119 #branded-social-images-editor .ui-icon-arrowthick-2-se-nw { 1120 background-position: -176px -48px; 1121 } 1122 #branded-social-images-editor .ui-icon-arrowthickstop-1-n { 1123 background-position: -192px -48px; 1124 } 1125 #branded-social-images-editor .ui-icon-arrowthickstop-1-e { 1126 background-position: -208px -48px; 1127 } 1128 #branded-social-images-editor .ui-icon-arrowthickstop-1-s { 1129 background-position: -224px -48px; 1130 } 1131 #branded-social-images-editor .ui-icon-arrowthickstop-1-w { 1132 background-position: -240px -48px; 1133 } 1134 #branded-social-images-editor .ui-icon-arrowreturnthick-1-w { 1135 background-position: 0 -64px; 1136 } 1137 #branded-social-images-editor .ui-icon-arrowreturnthick-1-n { 1138 background-position: -16px -64px; 1139 } 1140 #branded-social-images-editor .ui-icon-arrowreturnthick-1-e { 1141 background-position: -32px -64px; 1142 } 1143 #branded-social-images-editor .ui-icon-arrowreturnthick-1-s { 1144 background-position: -48px -64px; 1145 } 1146 #branded-social-images-editor .ui-icon-arrowreturn-1-w { 1147 background-position: -64px -64px; 1148 } 1149 #branded-social-images-editor .ui-icon-arrowreturn-1-n { 1150 background-position: -80px -64px; 1151 } 1152 #branded-social-images-editor .ui-icon-arrowreturn-1-e { 1153 background-position: -96px -64px; 1154 } 1155 #branded-social-images-editor .ui-icon-arrowreturn-1-s { 1156 background-position: -112px -64px; 1157 } 1158 #branded-social-images-editor .ui-icon-arrowrefresh-1-w { 1159 background-position: -128px -64px; 1160 } 1161 #branded-social-images-editor .ui-icon-arrowrefresh-1-n { 1162 background-position: -144px -64px; 1163 } 1164 #branded-social-images-editor .ui-icon-arrowrefresh-1-e { 1165 background-position: -160px -64px; 1166 } 1167 #branded-social-images-editor .ui-icon-arrowrefresh-1-s { 1168 background-position: -176px -64px; 1169 } 1170 #branded-social-images-editor .ui-icon-arrow-4 { 1171 background-position: 0 -80px; 1172 } 1173 #branded-social-images-editor .ui-icon-arrow-4-diag { 1174 background-position: -16px -80px; 1175 } 1176 #branded-social-images-editor .ui-icon-extlink { 1177 background-position: -32px -80px; 1178 } 1179 #branded-social-images-editor .ui-icon-newwin { 1180 background-position: -48px -80px; 1181 } 1182 #branded-social-images-editor .ui-icon-refresh { 1183 background-position: -64px -80px; 1184 } 1185 #branded-social-images-editor .ui-icon-shuffle { 1186 background-position: -80px -80px; 1187 } 1188 #branded-social-images-editor .ui-icon-transfer-e-w { 1189 background-position: -96px -80px; 1190 } 1191 #branded-social-images-editor .ui-icon-transferthick-e-w { 1192 background-position: -112px -80px; 1193 } 1194 #branded-social-images-editor .ui-icon-folder-collapsed { 1195 background-position: 0 -96px; 1196 } 1197 #branded-social-images-editor .ui-icon-folder-open { 1198 background-position: -16px -96px; 1199 } 1200 #branded-social-images-editor .ui-icon-document { 1201 background-position: -32px -96px; 1202 } 1203 #branded-social-images-editor .ui-icon-document-b { 1204 background-position: -48px -96px; 1205 } 1206 #branded-social-images-editor .ui-icon-note { 1207 background-position: -64px -96px; 1208 } 1209 #branded-social-images-editor .ui-icon-mail-closed { 1210 background-position: -80px -96px; 1211 } 1212 #branded-social-images-editor .ui-icon-mail-open { 1213 background-position: -96px -96px; 1214 } 1215 #branded-social-images-editor .ui-icon-suitcase { 1216 background-position: -112px -96px; 1217 } 1218 #branded-social-images-editor .ui-icon-comment { 1219 background-position: -128px -96px; 1220 } 1221 #branded-social-images-editor .ui-icon-person { 1222 background-position: -144px -96px; 1223 } 1224 #branded-social-images-editor .ui-icon-print { 1225 background-position: -160px -96px; 1226 } 1227 #branded-social-images-editor .ui-icon-trash { 1228 background-position: -176px -96px; 1229 } 1230 #branded-social-images-editor .ui-icon-locked { 1231 background-position: -192px -96px; 1232 } 1233 #branded-social-images-editor .ui-icon-unlocked { 1234 background-position: -208px -96px; 1235 } 1236 #branded-social-images-editor .ui-icon-bookmark { 1237 background-position: -224px -96px; 1238 } 1239 #branded-social-images-editor .ui-icon-tag { 1240 background-position: -240px -96px; 1241 } 1242 #branded-social-images-editor .ui-icon-home { 1243 background-position: 0 -112px; 1244 } 1245 #branded-social-images-editor .ui-icon-flag { 1246 background-position: -16px -112px; 1247 } 1248 #branded-social-images-editor .ui-icon-calendar { 1249 background-position: -32px -112px; 1250 } 1251 #branded-social-images-editor .ui-icon-cart { 1252 background-position: -48px -112px; 1253 } 1254 #branded-social-images-editor .ui-icon-pencil { 1255 background-position: -64px -112px; 1256 } 1257 #branded-social-images-editor .ui-icon-clock { 1258 background-position: -80px -112px; 1259 } 1260 #branded-social-images-editor .ui-icon-disk { 1261 background-position: -96px -112px; 1262 } 1263 #branded-social-images-editor .ui-icon-calculator { 1264 background-position: -112px -112px; 1265 } 1266 #branded-social-images-editor .ui-icon-zoomin { 1267 background-position: -128px -112px; 1268 } 1269 #branded-social-images-editor .ui-icon-zoomout { 1270 background-position: -144px -112px; 1271 } 1272 #branded-social-images-editor .ui-icon-search { 1273 background-position: -160px -112px; 1274 } 1275 #branded-social-images-editor .ui-icon-wrench { 1276 background-position: -176px -112px; 1277 } 1278 #branded-social-images-editor .ui-icon-gear { 1279 background-position: -192px -112px; 1280 } 1281 #branded-social-images-editor .ui-icon-heart { 1282 background-position: -208px -112px; 1283 } 1284 #branded-social-images-editor .ui-icon-star { 1285 background-position: -224px -112px; 1286 } 1287 #branded-social-images-editor .ui-icon-link { 1288 background-position: -240px -112px; 1289 } 1290 #branded-social-images-editor .ui-icon-cancel { 1291 background-position: 0 -128px; 1292 } 1293 #branded-social-images-editor .ui-icon-plus { 1294 background-position: -16px -128px; 1295 } 1296 #branded-social-images-editor .ui-icon-plusthick { 1297 background-position: -32px -128px; 1298 } 1299 #branded-social-images-editor .ui-icon-minus { 1300 background-position: -48px -128px; 1301 } 1302 #branded-social-images-editor .ui-icon-minusthick { 1303 background-position: -64px -128px; 1304 } 1305 #branded-social-images-editor .ui-icon-close { 1306 background-position: -80px -128px; 1307 } 1308 #branded-social-images-editor .ui-icon-closethick { 1309 background-position: -96px -128px; 1310 } 1311 #branded-social-images-editor .ui-icon-key { 1312 background-position: -112px -128px; 1313 } 1314 #branded-social-images-editor .ui-icon-lightbulb { 1315 background-position: -128px -128px; 1316 } 1317 #branded-social-images-editor .ui-icon-scissors { 1318 background-position: -144px -128px; 1319 } 1320 #branded-social-images-editor .ui-icon-clipboard { 1321 background-position: -160px -128px; 1322 } 1323 #branded-social-images-editor .ui-icon-copy { 1324 background-position: -176px -128px; 1325 } 1326 #branded-social-images-editor .ui-icon-contact { 1327 background-position: -192px -128px; 1328 } 1329 #branded-social-images-editor .ui-icon-image { 1330 background-position: -208px -128px; 1331 } 1332 #branded-social-images-editor .ui-icon-video { 1333 background-position: -224px -128px; 1334 } 1335 #branded-social-images-editor .ui-icon-script { 1336 background-position: -240px -128px; 1337 } 1338 #branded-social-images-editor .ui-icon-alert { 1339 background-position: 0 -144px; 1340 } 1341 #branded-social-images-editor .ui-icon-info { 1342 background-position: -16px -144px; 1343 } 1344 #branded-social-images-editor .ui-icon-notice { 1345 background-position: -32px -144px; 1346 } 1347 #branded-social-images-editor .ui-icon-help { 1348 background-position: -48px -144px; 1349 } 1350 #branded-social-images-editor .ui-icon-check { 1351 background-position: -64px -144px; 1352 } 1353 #branded-social-images-editor .ui-icon-bullet { 1354 background-position: -80px -144px; 1355 } 1356 #branded-social-images-editor .ui-icon-radio-on { 1357 background-position: -96px -144px; 1358 } 1359 #branded-social-images-editor .ui-icon-radio-off { 1360 background-position: -112px -144px; 1361 } 1362 #branded-social-images-editor .ui-icon-pin-w { 1363 background-position: -128px -144px; 1364 } 1365 #branded-social-images-editor .ui-icon-pin-s { 1366 background-position: -144px -144px; 1367 } 1368 #branded-social-images-editor .ui-icon-play { 1369 background-position: 0 -160px; 1370 } 1371 #branded-social-images-editor .ui-icon-pause { 1372 background-position: -16px -160px; 1373 } 1374 #branded-social-images-editor .ui-icon-seek-next { 1375 background-position: -32px -160px; 1376 } 1377 #branded-social-images-editor .ui-icon-seek-prev { 1378 background-position: -48px -160px; 1379 } 1380 #branded-social-images-editor .ui-icon-seek-end { 1381 background-position: -64px -160px; 1382 } 1383 #branded-social-images-editor .ui-icon-seek-start { 1384 background-position: -80px -160px; 1385 } 1386 #branded-social-images-editor .ui-icon-seek-first { 1387 background-position: -80px -160px; 1388 } 1389 #branded-social-images-editor .ui-icon-stop { 1390 background-position: -96px -160px; 1391 } 1392 #branded-social-images-editor .ui-icon-eject { 1393 background-position: -112px -160px; 1394 } 1395 #branded-social-images-editor .ui-icon-volume-off { 1396 background-position: -128px -160px; 1397 } 1398 #branded-social-images-editor .ui-icon-volume-on { 1399 background-position: -144px -160px; 1400 } 1401 #branded-social-images-editor .ui-icon-power { 1402 background-position: 0 -176px; 1403 } 1404 #branded-social-images-editor .ui-icon-signal-diag { 1405 background-position: -16px -176px; 1406 } 1407 #branded-social-images-editor .ui-icon-signal { 1408 background-position: -32px -176px; 1409 } 1410 #branded-social-images-editor .ui-icon-battery-0 { 1411 background-position: -48px -176px; 1412 } 1413 #branded-social-images-editor .ui-icon-battery-1 { 1414 background-position: -64px -176px; 1415 } 1416 #branded-social-images-editor .ui-icon-battery-2 { 1417 background-position: -80px -176px; 1418 } 1419 #branded-social-images-editor .ui-icon-battery-3 { 1420 background-position: -96px -176px; 1421 } 1422 #branded-social-images-editor .ui-icon-circle-plus { 1423 background-position: 0 -192px; 1424 } 1425 #branded-social-images-editor .ui-icon-circle-minus { 1426 background-position: -16px -192px; 1427 } 1428 #branded-social-images-editor .ui-icon-circle-close { 1429 background-position: -32px -192px; 1430 } 1431 #branded-social-images-editor .ui-icon-circle-triangle-e { 1432 background-position: -48px -192px; 1433 } 1434 #branded-social-images-editor .ui-icon-circle-triangle-s { 1435 background-position: -64px -192px; 1436 } 1437 #branded-social-images-editor .ui-icon-circle-triangle-w { 1438 background-position: -80px -192px; 1439 } 1440 #branded-social-images-editor .ui-icon-circle-triangle-n { 1441 background-position: -96px -192px; 1442 } 1443 #branded-social-images-editor .ui-icon-circle-arrow-e { 1444 background-position: -112px -192px; 1445 } 1446 #branded-social-images-editor .ui-icon-circle-arrow-s { 1447 background-position: -128px -192px; 1448 } 1449 #branded-social-images-editor .ui-icon-circle-arrow-w { 1450 background-position: -144px -192px; 1451 } 1452 #branded-social-images-editor .ui-icon-circle-arrow-n { 1453 background-position: -160px -192px; 1454 } 1455 #branded-social-images-editor .ui-icon-circle-zoomin { 1456 background-position: -176px -192px; 1457 } 1458 #branded-social-images-editor .ui-icon-circle-zoomout { 1459 background-position: -192px -192px; 1460 } 1461 #branded-social-images-editor .ui-icon-circle-check { 1462 background-position: -208px -192px; 1463 } 1464 #branded-social-images-editor .ui-icon-circlesmall-plus { 1465 background-position: 0 -208px; 1466 } 1467 #branded-social-images-editor .ui-icon-circlesmall-minus { 1468 background-position: -16px -208px; 1469 } 1470 #branded-social-images-editor .ui-icon-circlesmall-close { 1471 background-position: -32px -208px; 1472 } 1473 #branded-social-images-editor .ui-icon-squaresmall-plus { 1474 background-position: -48px -208px; 1475 } 1476 #branded-social-images-editor .ui-icon-squaresmall-minus { 1477 background-position: -64px -208px; 1478 } 1479 #branded-social-images-editor .ui-icon-squaresmall-close { 1480 background-position: -80px -208px; 1481 } 1482 #branded-social-images-editor .ui-icon-grip-dotted-vertical { 1483 background-position: 0 -224px; 1484 } 1485 #branded-social-images-editor .ui-icon-grip-dotted-horizontal { 1486 background-position: -16px -224px; 1487 } 1488 #branded-social-images-editor .ui-icon-grip-solid-vertical { 1489 background-position: -32px -224px; 1490 } 1491 #branded-social-images-editor .ui-icon-grip-solid-horizontal { 1492 background-position: -48px -224px; 1493 } 1494 #branded-social-images-editor .ui-icon-gripsmall-diagonal-se { 1495 background-position: -64px -224px; 1496 } 1497 #branded-social-images-editor .ui-icon-grip-diagonal-se { 1498 background-position: -80px -224px; 1499 } 1500 #branded-social-images-editor .ui-corner-all, 1501 #branded-social-images-editor .ui-corner-top, 1502 #branded-social-images-editor .ui-corner-left, 1503 #branded-social-images-editor .ui-corner-tl { 1504 border-top-left-radius: 4px; 1505 } 1506 #branded-social-images-editor .ui-corner-all, 1507 #branded-social-images-editor .ui-corner-top, 1508 #branded-social-images-editor .ui-corner-right, 1509 #branded-social-images-editor .ui-corner-tr { 1510 border-top-right-radius: 4px; 1511 } 1512 #branded-social-images-editor .ui-corner-all, 1513 #branded-social-images-editor .ui-corner-bottom, 1514 #branded-social-images-editor .ui-corner-left, 1515 #branded-social-images-editor .ui-corner-bl { 1516 border-bottom-left-radius: 4px; 1517 } 1518 #branded-social-images-editor .ui-corner-all, 1519 #branded-social-images-editor .ui-corner-bottom, 1520 #branded-social-images-editor .ui-corner-right, 1521 #branded-social-images-editor .ui-corner-br { 1522 border-bottom-right-radius: 4px; 1523 } 1524 #branded-social-images-editor .ui-widget-overlay { 1525 background: #aaaaaa url("../admin/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; 1526 opacity: 0.3; 1527 filter: Alpha(Opacity=30); /* support: IE8 */ 1528 } 1529 #branded-social-images-editor .ui-widget-shadow { 1530 margin: -8px 0 0 -8px; 1531 padding: 8px; 1532 background: #aaaaaa url("../admin/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; 1533 opacity: 0.3; 1534 filter: Alpha(Opacity=30); /* support: IE8 */ 1535 border-radius: 8px; 1536 } 1537 #branded-social-images-editor .add-slider input { 1538 display: inline-block !important; 1539 width: 60px !important; 1540 } 1541 #branded-social-images-editor .add-slider .a-slider { 1542 display: inline-block; 1543 width: calc(100% - 66px); 1544 } 1545 #branded-social-images-editor label { 1546 vertical-align: unset; 1547 } 1548 #branded-social-images-editor .grid { 1549 zoom: var(--editor-scale, 0.5); 1550 display: -ms-grid; 1551 display: grid; 1552 -ms-grid-columns: 1200px; 1553 grid-template-columns: 1200px; 1554 grid-template-areas: "image" "."; 1555 z-index: 0; 1556 } 1557 #side-sortables #branded-social-images-editor .grid, .is-side #branded-social-images-editor .grid { 1558 zoom: 0.21; 1559 } 1560 #branded-social-images-editor .area--background, #branded-social-images-editor .area--background-alternate, #branded-social-images-editor .area--background-canvas, #branded-social-images-editor .area--extra-layer { 1561 width: 1200px; 1562 height: 0; 1563 padding-bottom: 52.5%; 1564 position: relative; 1565 grid-area: image; 1566 z-index: 0; 1567 } 1568 #branded-social-images-editor.with-logo .area--background-canvas svg .logo { 1569 display: none; 1570 } 1571 #branded-social-images-editor.logo_position-top-right .area--background-canvas svg .mountains, #branded-social-images-editor.logo_position-right .area--background-canvas svg .mountains, #branded-social-images-editor.logo_position-bottom-right .area--background-canvas svg .mountains { 1572 -ms-transform: translate(1200px) scale(-1, 1); 1573 transform: translate(1200px) scale(-1, 1); 1574 } 1575 #branded-social-images-editor.logo_position-top-right .area--background-canvas svg .sun, #branded-social-images-editor.logo_position-right .area--background-canvas svg .sun, #branded-social-images-editor.logo_position-bottom-right .area--background-canvas svg .sun { 1576 -ms-transform: translate(-420px); 1577 transform: translate(-420px); 1578 } 1579 #branded-social-images-editor .background { 1580 position: absolute; 1581 top: 0; 1582 left: 0; 1583 width: 100%; 1584 height: 100%; 1585 background: transparent no-repeat center 100%/cover; 1586 } 1587 #branded-social-images-editor .area--logo { 1588 grid-area: image; 1589 z-index: 1; 1590 display: -ms-grid; 1591 display: grid; 1592 -ms-grid-columns: auto var(--text-width) auto; 1593 grid-template-columns: auto var(--text-width) auto; 1594 -ms-grid-rows: auto var(--text-height) auto; 1595 grid-template-rows: auto var(--text-height) auto; 1596 grid-template-areas: ". . ." ". logo ." ". . ."; 1597 -ms-flex-align: center; 1598 align-items: center; 1599 -ms-grid-column-align: center; 1600 justify-items: center; 1601 } 1602 #branded-social-images-editor .area--logo .logo { 1603 grid-area: logo; 1604 background: transparent no-repeat center/contain; 1605 width: calc(var(--logo-scale) * 0.005px * var(--logo-width)); 1606 height: calc(var(--logo-scale) * 0.005px * var(--logo-height)); 1607 } 1608 .postbox #branded-social-images-editor .area--logo.logo-alternate { 1609 display: none; 1610 } 1611 #branded-social-images-editor .area--logo.logo-alternate .logo { 1612 width: calc(var(--logo-scale) * 0.01px * var(--logo-width)); 1613 height: calc(var(--logo-scale) * 0.01px * var(--logo-height)); 1614 } 1615 #branded-social-images-editor.with-logo .area--logo.logo-alternate { 1616 display: none; 1617 } 1618 #branded-social-images-editor:not(.with-logo) .area--logo:not(.logo-alternate) { 1619 display: none; 1620 } 1621 #branded-social-images-editor.logo_position-top-left .area--logo, #branded-social-images-editor.logo_position-left .area--logo, #branded-social-images-editor.logo_position-bottom-left .area--logo { 1622 -ms-grid-columns: var(--padding) var(--text-width) auto; 1623 grid-template-columns: var(--padding) var(--text-width) auto; 1624 -ms-grid-column-align: start; 1625 justify-items: start; 1626 } 1627 #branded-social-images-editor.logo_position-top-left .area--logo .logo, #branded-social-images-editor.logo_position-left .area--logo .logo, #branded-social-images-editor.logo_position-bottom-left .area--logo .logo { 1628 background-position-x: left; 1629 } 1630 #branded-social-images-editor.logo_position-top-right .area--logo, #branded-social-images-editor.logo_position-right .area--logo, #branded-social-images-editor.logo_position-bottom-right .area--logo { 1631 -ms-grid-columns: auto var(--text-width) var(--padding); 1632 grid-template-columns: auto var(--text-width) var(--padding); 1633 -ms-grid-column-align: end; 1634 justify-items: end; 1635 } 1636 #branded-social-images-editor.logo_position-top-right .area--logo .logo, #branded-social-images-editor.logo_position-right .area--logo .logo, #branded-social-images-editor.logo_position-bottom-right .area--logo .logo { 1637 background-position-x: right; 1638 } 1639 #branded-social-images-editor.logo_position-top-left .area--logo, #branded-social-images-editor.logo_position-top .area--logo, #branded-social-images-editor.logo_position-top-right .area--logo { 1640 -ms-grid-rows: var(--padding) var(--text-height) auto; 1641 grid-template-rows: var(--padding) var(--text-height) auto; 1642 -ms-flex-align: start; 1643 align-items: start; 1644 } 1645 #branded-social-images-editor.logo_position-top-left .area--logo .logo, #branded-social-images-editor.logo_position-top .area--logo .logo, #branded-social-images-editor.logo_position-top-right .area--logo .logo { 1646 background-position-y: top; 1647 } 1648 #branded-social-images-editor.logo_position-bottom-left .area--logo, #branded-social-images-editor.logo_position-bottom .area--logo, #branded-social-images-editor.logo_position-bottom-right .area--logo { 1649 -ms-grid-rows: auto var(--text-height) var(--padding); 1650 grid-template-rows: auto var(--text-height) var(--padding); 1651 -ms-flex-align: end; 1652 align-items: end; 1653 } 1654 #branded-social-images-editor.logo_position-bottom-left .area--logo .logo, #branded-social-images-editor.logo_position-bottom .area--logo .logo, #branded-social-images-editor.logo_position-bottom-right .area--logo .logo { 1655 background-position-y: bottom; 1656 } 1657 #branded-social-images-editor .area--text { 1658 grid-area: image; 1659 z-index: 2; 1660 display: -ms-grid; 1661 display: grid; 1662 -ms-grid-columns: auto var(--text-width) auto; 1663 grid-template-columns: auto var(--text-width) auto; 1664 -ms-grid-rows: auto var(--text-height) auto; 1665 grid-template-rows: auto var(--text-height) auto; 1666 grid-template-areas: ". . ." ". edit ." ". . ."; 1667 -ms-flex-align: center; 1668 align-items: center; 1669 } 1670 #branded-social-images-editor .area--text .editable-container { 1671 text-align: center; 1672 position: relative; 1673 } 1674 #branded-social-images-editor .area--text .editable-container pre { 1675 margin: 0; 1676 white-space: break-spaces; 1677 } 1678 #branded-social-images-editor .area--text.invisible { 1679 display: none; 1680 } 1681 #branded-social-images-editor .area--text .editable ~ .text-alternate { 1682 display: none !important; 1683 } 1684 #branded-social-images-editor .area--text .editable:empty + .text-alternate { 1685 display: block !important; 1686 position: absolute; 1687 pointer-events: none; 1688 opacity: 0.4; 1689 top: 50%; 1690 -ms-transform: translateY(-50%); 1691 transform: translateY(-50%); 1692 max-height: unset; 1693 } 1694 #branded-social-images-editor.text_position-top-left .area--text, #branded-social-images-editor.text_position-left .area--text, #branded-social-images-editor.text_position-bottom-left .area--text { 1695 -ms-grid-columns: var(--padding) var(--text-width) auto; 1696 grid-template-columns: var(--padding) var(--text-width) auto; 1697 } 1698 #branded-social-images-editor.text_position-top-left .area--text .editable-container, #branded-social-images-editor.text_position-left .area--text .editable-container, #branded-social-images-editor.text_position-bottom-left .area--text .editable-container { 1699 text-align: left; 1700 } 1701 #branded-social-images-editor.text_position-top-left .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-left .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-bottom-left .area--text .editable:empty + .text-alternate { 1702 left: 0; 1703 } 1704 #branded-social-images-editor.text_position-top-right .area--text, #branded-social-images-editor.text_position-right .area--text, #branded-social-images-editor.text_position-bottom-right .area--text { 1705 -ms-grid-columns: auto var(--text-width) var(--padding); 1706 grid-template-columns: auto var(--text-width) var(--padding); 1707 } 1708 #branded-social-images-editor.text_position-top-right .area--text .editable-container, #branded-social-images-editor.text_position-right .area--text .editable-container, #branded-social-images-editor.text_position-bottom-right .area--text .editable-container { 1709 text-align: right; 1710 } 1711 #branded-social-images-editor.text_position-top-right .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-right .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-bottom-right .area--text .editable:empty + .text-alternate { 1712 right: 0; 1713 } 1714 #branded-social-images-editor.text_position-top-left .area--text, #branded-social-images-editor.text_position-top .area--text, #branded-social-images-editor.text_position-top-right .area--text { 1715 -ms-grid-rows: var(--padding) var(--text-height) auto; 1716 grid-template-rows: var(--padding) var(--text-height) auto; 1717 -ms-flex-align: start; 1718 align-items: start; 1719 } 1720 #branded-social-images-editor.text_position-top-left .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-top .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-top-right .area--text .editable:empty + .text-alternate { 1721 top: 0; 1722 -ms-transform: translateY(0); 1723 transform: translateY(0); 1724 } 1725 #branded-social-images-editor.text_position-bottom-left .area--text, #branded-social-images-editor.text_position-bottom .area--text, #branded-social-images-editor.text_position-bottom-right .area--text { 1726 -ms-grid-rows: auto var(--text-height) var(--padding); 1727 grid-template-rows: auto var(--text-height) var(--padding); 1728 -ms-flex-align: end; 1729 align-items: end; 1730 } 1731 #branded-social-images-editor.text_position-bottom-left .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-bottom .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-bottom-right .area--text .editable:empty + .text-alternate { 1732 top: initial; 1733 bottom: 0; 1734 -ms-transform: translateY(0); 1735 transform: translateY(0); 1736 } 1737 #branded-social-images-editor .area--text .editable-container { 1738 grid-area: edit; 1739 } 1740 #branded-social-images-editor .area--text .editable-container .editable br:last-child { 1741 display: block; 1742 content: " "; 1743 } 1744 #branded-social-images-editor .area--text .editable-container .editable, #branded-social-images-editor .area--text .editable-container .text-alternate { 1745 width: auto; 1746 height: auto; 1747 max-width: 100%; 1748 max-height: 100%; 1749 border: none; 1750 color: var(--text-color); 1751 position: relative; 1752 display: inline-block; 1753 font-size: calc(var(--font-size) / 0.75); 1754 line-height: calc(var(--line-height) / 0.75); 1755 text-shadow: var(--text-shadow-left) var(--text-shadow-top) 0 var(--text-shadow-color); 1756 font-family: var(--text-font); 1757 letter-spacing: var(--letter-spacing); 1758 font-weight: normal; 1759 font-style: normal; 1760 } 1761 #branded-social-images-editor.with-text-background .area--text .editable-container .editable, #branded-social-images-editor.with-text-background .area--text .editable-container .text-alternate { 1762 background: var(--text-background); 1763 padding: var(--text-padding); 1764 } 1765 #branded-social-images-editor .settings { 1766 display: -ms-grid; 1767 display: grid; 1768 gap: 20px; 1769 margin-top: 20px; 1770 -ms-grid-columns: 1fr; 1771 grid-template-columns: 1fr; 1772 grid-template-areas: "settings" "options"; 1773 } 1774 #branded-social-images-editor .settings, #branded-social-images-editor .settings > [class*=area--] { 1775 max-width: 600px; 1776 } 1777 #side-sortables #branded-social-images-editor .settings, .is-side #branded-social-images-editor .settings { 1778 width: 100%; 1779 } 1780 #branded-social-images-editor .collapsible { 1781 display: -ms-flexbox; 1782 display: flex; 1783 -ms-flex-direction: column; 1784 flex-direction: column; 1785 } 1786 #branded-social-images-editor .collapsible h2 { 1787 font-weight: 600; 1788 font-size: 1.3em; 1789 background: #fcfcfc; 1790 border: 1px solid #ddd; 1791 display: block; 1792 margin: 0; 1793 padding: 1em 30px; 1794 position: relative; 1795 } 1796 #side-sortables #branded-social-images-editor .collapsible h2, .is-side #branded-social-images-editor .collapsible h2 { 1797 padding: 1em 15px; 1798 } 1799 #branded-social-images-editor .collapsible h2 .toggle { 1800 display: inline-block; 1801 width: 0; 1802 height: 0; 1803 border: 11px solid transparent; 1804 border-left-width: 6px; 1805 border-right-width: 6px; 1806 border-top-color: currentColor; 1807 position: absolute; 1808 -ms-transform: rotate(180deg); 1809 transform: rotate(180deg); 1810 top: 0.5em; 1811 right: 30px; 1812 } 1813 #branded-social-images-editor .collapsible h2 .toggle:hover { 1814 border-top-color: #888; 1815 cursor: pointer; 1816 } 1817 #branded-social-images-editor .collapsible.closed h2 .toggle { 1818 top: 1em; 1819 -ms-transform: rotate(0); 1820 transform: rotate(0); 1821 } 1822 #branded-social-images-editor .collapsible .inner { 1823 padding: 20px; 1824 background: white; 1825 border: 1px solid #ddd; 1826 border-top: 0; 1827 } 1828 #side-sortables #branded-social-images-editor .collapsible .inner, .is-side #branded-social-images-editor .collapsible .inner { 1829 padding: 5px; 1830 } 1831 #branded-social-images-editor .collapsible.closed .inner { 1832 overflow: hidden; 1833 height: 0; 1834 padding-top: 0; 1835 padding-bottom: 0; 1836 } 1837 #branded-social-images-editor .collapsible .inner { 1838 display: -ms-flexbox; 1839 display: flex; 1840 -ms-flex-direction: row; 1841 flex-direction: row; 1842 -ms-flex-wrap: wrap; 1843 flex-wrap: wrap; 1844 } 1845 #branded-social-images-editor .collapsible .inner > span { 1846 width: 50%; 1847 } 1848 @media screen and (max-width: 1200px) { 1849 #branded-social-images-editor .collapsible .inner > span { 73 1850 width: 100%; 74 height: 100%; 75 top: 0; 76 left: 0; 77 position: absolute; 78 opacity: 0; 79 filter: Alpha(Opacity=0); 80 /* support: IE8 */ } 81 #branded-social-images-editor .ui-front { 82 z-index: 100; } 83 #branded-social-images-editor .ui-state-disabled { 84 cursor: default !important; } 85 #branded-social-images-editor .ui-icon { 86 display: block; 87 text-indent: -99999px; 88 overflow: hidden; 89 background-repeat: no-repeat; } 90 #branded-social-images-editor .ui-widget-overlay { 91 position: fixed; 92 top: 0; 93 left: 0; 94 width: 100%; 95 height: 100%; } 96 #branded-social-images-editor .ui-accordion .ui-accordion-header { 97 display: block; 98 cursor: pointer; 99 position: relative; 100 margin: 2px 0 0 0; 101 padding: .5em .5em .5em .7em; 102 min-height: 0; 103 /* support: IE7 */ 104 font-size: 100%; } 105 #branded-social-images-editor .ui-accordion .ui-accordion-icons { 106 padding-left: 2.2em; } 107 #branded-social-images-editor .ui-accordion .ui-accordion-icons .ui-accordion-icons { 108 padding-left: 2.2em; } 109 #branded-social-images-editor .ui-accordion .ui-accordion-header .ui-accordion-header-icon { 110 position: absolute; 111 left: .5em; 112 top: 50%; 113 margin-top: -8px; } 114 #branded-social-images-editor .ui-accordion .ui-accordion-content { 115 padding: 1em 2.2em; 116 border-top: 0; 117 overflow: auto; } 118 #branded-social-images-editor .ui-autocomplete { 119 position: absolute; 120 top: 0; 121 left: 0; 122 cursor: default; } 123 #branded-social-images-editor .ui-button { 124 display: inline-block; 125 position: relative; 126 padding: 0; 127 line-height: normal; 128 margin-right: .1em; 129 cursor: pointer; 130 vertical-align: middle; 131 text-align: center; 132 overflow: visible; 133 /* removes extra width in IE */ } 134 #branded-social-images-editor .ui-button, 135 #branded-social-images-editor .ui-button:link, 136 #branded-social-images-editor .ui-button:visited, 137 #branded-social-images-editor .ui-button:hover, 138 #branded-social-images-editor .ui-button:active { 139 text-decoration: none; } 140 #branded-social-images-editor .ui-button-icon-only { 141 width: 2.2em; } 142 #branded-social-images-editor button.ui-button-icon-only { 143 width: 2.4em; } 144 #branded-social-images-editor .ui-button-icons-only { 145 width: 3.4em; } 146 #branded-social-images-editor button.ui-button-icons-only { 147 width: 3.7em; } 148 #branded-social-images-editor .ui-button .ui-button-text { 149 display: block; 150 line-height: normal; } 151 #branded-social-images-editor .ui-button-text-only .ui-button-text { 152 padding: .4em 1em; } 153 #branded-social-images-editor .ui-button-icon-only .ui-button-text, 154 #branded-social-images-editor .ui-button-icons-only .ui-button-text { 155 padding: .4em; 156 text-indent: -9999999px; } 157 #branded-social-images-editor .ui-button-text-icon-primary .ui-button-text, 158 #branded-social-images-editor .ui-button-text-icons .ui-button-text { 159 padding: .4em 1em .4em 2.1em; } 160 #branded-social-images-editor .ui-button-text-icon-secondary .ui-button-text, 161 #branded-social-images-editor .ui-button-text-icons .ui-button-text { 162 padding: .4em 2.1em .4em 1em; } 163 #branded-social-images-editor .ui-button-text-icons .ui-button-text { 164 padding-left: 2.1em; 165 padding-right: 2.1em; } 166 #branded-social-images-editor input.ui-button { 167 padding: .4em 1em; } 168 #branded-social-images-editor .ui-button-icon-only .ui-icon, 169 #branded-social-images-editor .ui-button-text-icon-primary .ui-icon, 170 #branded-social-images-editor .ui-button-text-icon-secondary .ui-icon, 171 #branded-social-images-editor .ui-button-text-icons .ui-icon, 172 #branded-social-images-editor .ui-button-icons-only .ui-icon { 173 position: absolute; 174 top: 50%; 175 margin-top: -8px; } 176 #branded-social-images-editor .ui-button-icon-only .ui-icon { 177 left: 50%; 178 margin-left: -8px; } 179 #branded-social-images-editor .ui-button-text-icon-primary .ui-button-icon-primary, 180 #branded-social-images-editor .ui-button-text-icons .ui-button-icon-primary, 181 #branded-social-images-editor .ui-button-icons-only .ui-button-icon-primary { 182 left: .5em; } 183 #branded-social-images-editor .ui-button-text-icon-secondary .ui-button-icon-secondary, 184 #branded-social-images-editor .ui-button-text-icons .ui-button-icon-secondary, 185 #branded-social-images-editor .ui-button-icons-only .ui-button-icon-secondary { 186 right: .5em; } 187 #branded-social-images-editor .ui-buttonset { 188 margin-right: 7px; } 189 #branded-social-images-editor .ui-buttonset .ui-button { 190 margin-left: 0; 191 margin-right: -.3em; } 192 #branded-social-images-editor input.ui-button::-moz-focus-inner, 193 #branded-social-images-editor button.ui-button::-moz-focus-inner { 194 border: 0; 195 padding: 0; } 196 #branded-social-images-editor .ui-datepicker { 197 width: 17em; 198 padding: .2em .2em 0; 199 display: none; } 200 #branded-social-images-editor .ui-datepicker .ui-datepicker-header { 201 position: relative; 202 padding: .2em 0; } 203 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev, 204 #branded-social-images-editor .ui-datepicker .ui-datepicker-next { 205 position: absolute; 206 top: 2px; 207 width: 1.8em; 208 height: 1.8em; } 209 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev-hover, 210 #branded-social-images-editor .ui-datepicker .ui-datepicker-next-hover { 211 top: 1px; } 212 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev { 213 left: 2px; } 214 #branded-social-images-editor .ui-datepicker .ui-datepicker-next { 215 right: 2px; } 216 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev-hover { 217 left: 1px; } 218 #branded-social-images-editor .ui-datepicker .ui-datepicker-next-hover { 219 right: 1px; } 220 #branded-social-images-editor .ui-datepicker .ui-datepicker-prev span, 221 #branded-social-images-editor .ui-datepicker .ui-datepicker-next span { 222 display: block; 223 position: absolute; 224 left: 50%; 225 margin-left: -8px; 226 top: 50%; 227 margin-top: -8px; } 228 #branded-social-images-editor .ui-datepicker .ui-datepicker-title { 229 margin: 0 2.3em; 230 line-height: 1.8em; 231 text-align: center; } 232 #branded-social-images-editor .ui-datepicker .ui-datepicker-title select { 233 font-size: 1em; 234 margin: 1px 0; } 235 #branded-social-images-editor .ui-datepicker select.ui-datepicker-month, 236 #branded-social-images-editor .ui-datepicker select.ui-datepicker-year { 237 width: 45%; } 238 #branded-social-images-editor .ui-datepicker table { 239 width: 100%; 240 font-size: .9em; 241 border-collapse: collapse; 242 margin: 0 0 .4em; } 243 #branded-social-images-editor .ui-datepicker th { 244 padding: .7em .3em; 245 text-align: center; 246 font-weight: bold; 247 border: 0; } 248 #branded-social-images-editor .ui-datepicker td { 249 border: 0; 250 padding: 1px; } 251 #branded-social-images-editor .ui-datepicker td span, 252 #branded-social-images-editor .ui-datepicker td a { 253 display: block; 254 padding: .2em; 255 text-align: right; 256 text-decoration: none; } 257 #branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane { 258 background-image: none; 259 margin: .7em 0 0 0; 260 padding: 0 .2em; 261 border-left: 0; 262 border-right: 0; 263 border-bottom: 0; } 264 #branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane button { 265 float: right; 266 margin: .5em .2em .4em; 267 cursor: pointer; 268 padding: .2em .6em .3em .6em; 269 width: auto; 270 overflow: visible; } 271 #branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { 272 float: left; } 273 #branded-social-images-editor .ui-datepicker.ui-datepicker-multi { 274 width: auto; } 275 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group { 276 float: left; } 277 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group table { 278 width: 95%; 279 margin: 0 auto .4em; } 280 #branded-social-images-editor .ui-datepicker-multi-2 .ui-datepicker-group { 281 width: 50%; } 282 #branded-social-images-editor .ui-datepicker-multi-3 .ui-datepicker-group { 283 width: 33.3%; } 284 #branded-social-images-editor .ui-datepicker-multi-4 .ui-datepicker-group { 285 width: 25%; } 286 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, 287 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { 288 border-left-width: 0; } 289 #branded-social-images-editor .ui-datepicker-multi .ui-datepicker-buttonpane { 290 clear: left; } 291 #branded-social-images-editor .ui-datepicker-row-break { 292 clear: both; 293 width: 100%; 294 font-size: 0; } 295 #branded-social-images-editor .ui-datepicker-rtl { 296 direction: rtl; } 297 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-prev { 298 right: 2px; 299 left: auto; } 300 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-next { 301 left: 2px; 302 right: auto; } 303 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-prev:hover { 304 right: 1px; 305 left: auto; } 306 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-next:hover { 307 left: 1px; 308 right: auto; } 309 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane { 310 clear: right; } 311 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane button { 312 float: left; } 313 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, 314 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group { 315 float: right; } 316 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, 317 #branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { 318 border-right-width: 0; 319 border-left-width: 1px; } 320 #branded-social-images-editor .ui-dialog { 321 overflow: hidden; 322 position: absolute; 323 top: 0; 324 left: 0; 325 padding: .2em; 326 outline: 0; } 327 #branded-social-images-editor .ui-dialog .ui-dialog-titlebar { 328 padding: .4em 1em; 329 position: relative; } 330 #branded-social-images-editor .ui-dialog .ui-dialog-title { 331 float: left; 332 margin: .1em 0; 333 white-space: nowrap; 334 width: 90%; 335 overflow: hidden; 336 text-overflow: ellipsis; } 337 #branded-social-images-editor .ui-dialog .ui-dialog-titlebar-close { 338 position: absolute; 339 right: .3em; 340 top: 50%; 341 width: 20px; 342 margin: -10px 0 0 0; 343 padding: 1px; 344 height: 20px; } 345 #branded-social-images-editor .ui-dialog .ui-dialog-content { 346 position: relative; 347 border: 0; 348 padding: .5em 1em; 349 background: none; 350 overflow: auto; } 351 #branded-social-images-editor .ui-dialog .ui-dialog-buttonpane { 352 text-align: left; 353 border-width: 1px 0 0 0; 354 background-image: none; 355 margin-top: .5em; 356 padding: .3em 1em .5em .4em; } 357 #branded-social-images-editor .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { 358 float: right; } 359 #branded-social-images-editor .ui-dialog .ui-dialog-buttonpane button { 360 margin: .5em .4em .5em 0; 361 cursor: pointer; } 362 #branded-social-images-editor .ui-dialog .ui-resizable-se { 363 width: 12px; 364 height: 12px; 365 right: -5px; 366 bottom: -5px; 367 background-position: 16px 16px; } 368 #branded-social-images-editor .ui-draggable .ui-dialog-titlebar { 369 cursor: move; } 370 #branded-social-images-editor .ui-draggable-handle { 371 -ms-touch-action: none; 372 touch-action: none; } 373 #branded-social-images-editor .ui-menu { 374 list-style: none; 375 padding: 0; 376 margin: 0; 377 display: block; 378 outline: none; } 379 #branded-social-images-editor .ui-menu .ui-menu { 380 position: absolute; } 381 #branded-social-images-editor .ui-menu .ui-menu-item { 382 position: relative; 383 margin: 0; 384 padding: 3px 1em 3px .4em; 385 cursor: pointer; 386 min-height: 0; 387 /* support: IE7 */ 388 /* support: IE10, see #8844 */ 389 list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } 390 #branded-social-images-editor .ui-menu .ui-menu-divider { 391 margin: 5px 0; 392 height: 0; 393 font-size: 0; 394 line-height: 0; 395 border-width: 1px 0 0 0; } 396 #branded-social-images-editor .ui-menu .ui-state-focus, 397 #branded-social-images-editor .ui-menu .ui-state-active { 398 margin: -1px; } 399 #branded-social-images-editor .ui-menu-icons { 400 position: relative; } 401 #branded-social-images-editor .ui-menu-icons .ui-menu-item { 402 padding-left: 2em; } 403 #branded-social-images-editor .ui-menu .ui-icon { 404 position: absolute; 405 top: 0; 406 bottom: 0; 407 left: .2em; 408 margin: auto 0; } 409 #branded-social-images-editor .ui-menu .ui-menu-icon { 410 left: auto; 411 right: 0; } 412 #branded-social-images-editor .ui-progressbar { 413 height: 2em; 414 text-align: left; 415 overflow: hidden; } 416 #branded-social-images-editor .ui-progressbar .ui-progressbar-value { 417 margin: -1px; 418 height: 100%; } 419 #branded-social-images-editor .ui-progressbar .ui-progressbar-overlay { 420 background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); 421 height: 100%; 422 filter: alpha(opacity=25); 423 /* support: IE8 */ 424 opacity: 0.25; } 425 #branded-social-images-editor .ui-progressbar-indeterminate .ui-progressbar-value { 426 background-image: none; } 427 #branded-social-images-editor .ui-resizable { 428 position: relative; } 429 #branded-social-images-editor .ui-resizable-handle { 430 position: absolute; 431 font-size: 0.1px; 432 display: block; 433 -ms-touch-action: none; 434 touch-action: none; } 435 #branded-social-images-editor .ui-resizable-disabled .ui-resizable-handle, 436 #branded-social-images-editor .ui-resizable-autohide .ui-resizable-handle { 437 display: none; } 438 #branded-social-images-editor .ui-resizable-n { 439 cursor: n-resize; 440 height: 7px; 441 width: 100%; 442 top: -5px; 443 left: 0; } 444 #branded-social-images-editor .ui-resizable-s { 445 cursor: s-resize; 446 height: 7px; 447 width: 100%; 448 bottom: -5px; 449 left: 0; } 450 #branded-social-images-editor .ui-resizable-e { 451 cursor: e-resize; 452 width: 7px; 453 right: -5px; 454 top: 0; 455 height: 100%; } 456 #branded-social-images-editor .ui-resizable-w { 457 cursor: w-resize; 458 width: 7px; 459 left: -5px; 460 top: 0; 461 height: 100%; } 462 #branded-social-images-editor .ui-resizable-se { 463 cursor: se-resize; 464 width: 12px; 465 height: 12px; 466 right: 1px; 467 bottom: 1px; } 468 #branded-social-images-editor .ui-resizable-sw { 469 cursor: sw-resize; 470 width: 9px; 471 height: 9px; 472 left: -5px; 473 bottom: -5px; } 474 #branded-social-images-editor .ui-resizable-nw { 475 cursor: nw-resize; 476 width: 9px; 477 height: 9px; 478 left: -5px; 479 top: -5px; } 480 #branded-social-images-editor .ui-resizable-ne { 481 cursor: ne-resize; 482 width: 9px; 483 height: 9px; 484 right: -5px; 485 top: -5px; } 486 #branded-social-images-editor .ui-selectable { 487 -ms-touch-action: none; 488 touch-action: none; } 489 #branded-social-images-editor .ui-selectable-helper { 490 position: absolute; 491 z-index: 100; 492 border: 1px dotted black; } 493 #branded-social-images-editor .ui-selectmenu-menu { 494 padding: 0; 495 margin: 0; 496 position: absolute; 497 top: 0; 498 left: 0; 499 display: none; } 500 #branded-social-images-editor .ui-selectmenu-menu .ui-menu { 501 overflow: auto; 502 /* Support: IE7 */ 503 overflow-x: hidden; 504 padding-bottom: 1px; } 505 #branded-social-images-editor .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { 506 font-size: 1em; 507 font-weight: bold; 508 line-height: 1.5; 509 padding: 2px 0.4em; 510 margin: 0.5em 0 0 0; 511 height: auto; 512 border: 0; } 513 #branded-social-images-editor .ui-selectmenu-open { 514 display: block; } 515 #branded-social-images-editor .ui-selectmenu-button { 516 display: inline-block; 517 overflow: hidden; 518 position: relative; 519 text-decoration: none; 520 cursor: pointer; } 521 #branded-social-images-editor .ui-selectmenu-button span.ui-icon { 522 right: 0.5em; 523 left: auto; 524 margin-top: -8px; 525 position: absolute; 526 top: 50%; } 527 #branded-social-images-editor .ui-selectmenu-button span.ui-selectmenu-text { 528 text-align: left; 529 padding: 0.4em 2.1em 0.4em 1em; 530 display: block; 531 line-height: 1.4; 532 overflow: hidden; 533 text-overflow: ellipsis; 534 white-space: nowrap; } 535 #branded-social-images-editor .ui-slider { 536 position: relative; 537 text-align: left; } 538 #branded-social-images-editor .ui-slider .ui-slider-handle { 539 position: absolute; 540 z-index: 2; 541 width: 1.2em; 542 height: 1.2em; 543 cursor: default; 544 -ms-touch-action: none; 545 touch-action: none; } 546 #branded-social-images-editor .ui-slider .ui-slider-range { 547 position: absolute; 548 z-index: 1; 549 font-size: .7em; 550 display: block; 551 border: 0; 552 background-position: 0 0; } 553 #branded-social-images-editor .ui-slider.ui-state-disabled .ui-slider-handle, 554 #branded-social-images-editor .ui-slider.ui-state-disabled .ui-slider-range { 555 filter: inherit; } 556 #branded-social-images-editor .ui-slider-horizontal { 557 height: .8em; } 558 #branded-social-images-editor .ui-slider-horizontal .ui-slider-handle { 559 top: -.3em; 560 margin-left: -.6em; } 561 #branded-social-images-editor .ui-slider-horizontal .ui-slider-range { 562 top: 0; 563 height: 100%; } 564 #branded-social-images-editor .ui-slider-horizontal .ui-slider-range-min { 565 left: 0; } 566 #branded-social-images-editor .ui-slider-horizontal .ui-slider-range-max { 567 right: 0; } 568 #branded-social-images-editor .ui-slider-vertical { 569 width: .8em; 570 height: 100px; } 571 #branded-social-images-editor .ui-slider-vertical .ui-slider-handle { 572 left: -.3em; 573 margin-left: 0; 574 margin-bottom: -.6em; } 575 #branded-social-images-editor .ui-slider-vertical .ui-slider-range { 576 left: 0; 577 width: 100%; } 578 #branded-social-images-editor .ui-slider-vertical .ui-slider-range-min { 579 bottom: 0; } 580 #branded-social-images-editor .ui-slider-vertical .ui-slider-range-max { 581 top: 0; } 582 #branded-social-images-editor .ui-sortable-handle { 583 -ms-touch-action: none; 584 touch-action: none; } 585 #branded-social-images-editor .ui-spinner { 586 position: relative; 587 display: inline-block; 588 overflow: hidden; 589 padding: 0; 590 vertical-align: middle; } 591 #branded-social-images-editor .ui-spinner-input { 592 border: none; 593 background: none; 594 color: inherit; 595 padding: 0; 596 margin: .2em 0; 597 vertical-align: middle; 598 margin-left: .4em; 599 margin-right: 22px; } 600 #branded-social-images-editor .ui-spinner-button { 601 width: 16px; 602 height: 50%; 603 font-size: .5em; 604 padding: 0; 605 margin: 0; 606 text-align: center; 607 position: absolute; 608 cursor: default; 609 display: block; 610 overflow: hidden; 611 right: 0; } 612 #branded-social-images-editor .ui-spinner a.ui-spinner-button { 613 border-top: none; 614 border-bottom: none; 615 border-right: none; } 616 #branded-social-images-editor .ui-spinner .ui-icon { 617 position: absolute; 618 margin-top: -8px; 619 top: 50%; 620 left: 0; } 621 #branded-social-images-editor .ui-spinner-up { 622 top: 0; } 623 #branded-social-images-editor .ui-spinner-down { 624 bottom: 0; } 625 #branded-social-images-editor .ui-spinner .ui-icon-triangle-1-s { 626 /* need to fix icons sprite */ 627 background-position: -65px -16px; } 628 #branded-social-images-editor .ui-tabs { 629 position: relative; 630 /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ 631 padding: .2em; } 632 #branded-social-images-editor .ui-tabs .ui-tabs-nav { 633 margin: 0; 634 padding: .2em .2em 0; } 635 #branded-social-images-editor .ui-tabs .ui-tabs-nav li { 636 list-style: none; 637 float: left; 638 position: relative; 639 top: 0; 640 margin: 1px .2em 0 0; 641 border-bottom-width: 0; 642 padding: 0; 643 white-space: nowrap; } 644 #branded-social-images-editor .ui-tabs .ui-tabs-nav .ui-tabs-anchor { 645 float: left; 646 padding: .5em 1em; 647 text-decoration: none; } 648 #branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-active { 649 margin-bottom: -1px; 650 padding-bottom: 1px; } 651 #branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, 652 #branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, 653 #branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { 654 cursor: text; } 655 #branded-social-images-editor .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { 656 cursor: pointer; } 657 #branded-social-images-editor .ui-tabs .ui-tabs-panel { 658 display: block; 659 border-width: 0; 660 padding: 1em 1.4em; 661 background: none; } 662 #branded-social-images-editor .ui-tooltip { 663 padding: 8px; 664 position: absolute; 665 z-index: 9999; 666 max-width: 300px; 667 box-shadow: 0 0 5px #aaa; } 668 #branded-social-images-editor body .ui-tooltip { 669 border-width: 2px; } 670 #branded-social-images-editor .ui-widget { 671 font-family: Verdana,Arial,sans-serif; 672 font-size: 1.1em; } 673 #branded-social-images-editor .ui-widget .ui-widget { 674 font-size: 1em; } 675 #branded-social-images-editor .ui-widget input, 676 #branded-social-images-editor .ui-widget select, 677 #branded-social-images-editor .ui-widget textarea, 678 #branded-social-images-editor .ui-widget button { 679 font-family: Verdana,Arial,sans-serif; 680 font-size: 1em; } 681 #branded-social-images-editor .ui-widget-content { 682 border: 1px solid #aaaaaa; 683 background: #ffffff url("../admin/images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x; 684 color: #222222; } 685 #branded-social-images-editor .ui-widget-content a { 686 color: #222222; } 687 #branded-social-images-editor .ui-widget-header { 688 border: 1px solid #aaaaaa; 689 background: #cccccc url("../admin/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; 690 color: #222222; 691 font-weight: bold; } 692 #branded-social-images-editor .ui-widget-header a { 693 color: #222222; } 694 #branded-social-images-editor .ui-state-default, 695 #branded-social-images-editor .ui-widget-content .ui-state-default, 696 #branded-social-images-editor .ui-widget-header .ui-state-default { 697 border: 1px solid #d3d3d3; 698 background: #e6e6e6 url("../admin/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x; 699 font-weight: normal; 700 color: #555555; } 701 #branded-social-images-editor .ui-state-default a, 702 #branded-social-images-editor .ui-state-default a:link, 703 #branded-social-images-editor .ui-state-default a:visited { 704 color: #555555; 705 text-decoration: none; } 706 #branded-social-images-editor .ui-state-hover, 707 #branded-social-images-editor .ui-widget-content .ui-state-hover, 708 #branded-social-images-editor .ui-widget-header .ui-state-hover, 709 #branded-social-images-editor .ui-state-focus, 710 #branded-social-images-editor .ui-widget-content .ui-state-focus, 711 #branded-social-images-editor .ui-widget-header .ui-state-focus { 712 border: 1px solid #999999; 713 background: #dadada url("../admin/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x; 714 font-weight: normal; 715 color: #212121; } 716 #branded-social-images-editor .ui-state-hover a, 717 #branded-social-images-editor .ui-state-hover a:hover, 718 #branded-social-images-editor .ui-state-hover a:link, 719 #branded-social-images-editor .ui-state-hover a:visited, 720 #branded-social-images-editor .ui-state-focus a, 721 #branded-social-images-editor .ui-state-focus a:hover, 722 #branded-social-images-editor .ui-state-focus a:link, 723 #branded-social-images-editor .ui-state-focus a:visited { 724 color: #212121; 725 text-decoration: none; } 726 #branded-social-images-editor .ui-state-active, 727 #branded-social-images-editor .ui-widget-content .ui-state-active, 728 #branded-social-images-editor .ui-widget-header .ui-state-active { 729 border: 1px solid #aaaaaa; 730 background: #ffffff url("../admin/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x; 731 font-weight: normal; 732 color: #212121; } 733 #branded-social-images-editor .ui-state-active a, 734 #branded-social-images-editor .ui-state-active a:link, 735 #branded-social-images-editor .ui-state-active a:visited { 736 color: #212121; 737 text-decoration: none; } 738 #branded-social-images-editor .ui-state-highlight, 739 #branded-social-images-editor .ui-widget-content .ui-state-highlight, 740 #branded-social-images-editor .ui-widget-header .ui-state-highlight { 741 border: 1px solid #fcefa1; 742 background: #fbf9ee url("../admin/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x; 743 color: #363636; } 744 #branded-social-images-editor .ui-state-highlight a, 745 #branded-social-images-editor .ui-widget-content .ui-state-highlight a, 746 #branded-social-images-editor .ui-widget-header .ui-state-highlight a { 747 color: #363636; } 748 #branded-social-images-editor .ui-state-error, 749 #branded-social-images-editor .ui-widget-content .ui-state-error, 750 #branded-social-images-editor .ui-widget-header .ui-state-error { 751 border: 1px solid #cd0a0a; 752 background: #fef1ec url("../admin/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x; 753 color: #cd0a0a; } 754 #branded-social-images-editor .ui-state-error a, 755 #branded-social-images-editor .ui-widget-content .ui-state-error a, 756 #branded-social-images-editor .ui-widget-header .ui-state-error a { 757 color: #cd0a0a; } 758 #branded-social-images-editor .ui-state-error-text, 759 #branded-social-images-editor .ui-widget-content .ui-state-error-text, 760 #branded-social-images-editor .ui-widget-header .ui-state-error-text { 761 color: #cd0a0a; } 762 #branded-social-images-editor .ui-priority-primary, 763 #branded-social-images-editor .ui-widget-content .ui-priority-primary, 764 #branded-social-images-editor .ui-widget-header .ui-priority-primary { 765 font-weight: bold; } 766 #branded-social-images-editor .ui-priority-secondary, 767 #branded-social-images-editor .ui-widget-content .ui-priority-secondary, 768 #branded-social-images-editor .ui-widget-header .ui-priority-secondary { 769 opacity: .7; 770 filter: Alpha(Opacity=70); 771 /* support: IE8 */ 772 font-weight: normal; } 773 #branded-social-images-editor .ui-state-disabled, 774 #branded-social-images-editor .ui-widget-content .ui-state-disabled, 775 #branded-social-images-editor .ui-widget-header .ui-state-disabled { 776 opacity: .35; 777 filter: Alpha(Opacity=35); 778 /* support: IE8 */ 779 background-image: none; } 780 #branded-social-images-editor .ui-state-disabled .ui-icon { 781 filter: Alpha(Opacity=35); 782 /* support: IE8 - See #6059 */ } 783 #branded-social-images-editor .ui-icon { 784 width: 16px; 785 height: 16px; } 786 #branded-social-images-editor .ui-icon, 787 #branded-social-images-editor .ui-widget-content .ui-icon { 788 background-image: url("../admin/images/ui-icons_222222_256x240.png"); } 789 #branded-social-images-editor .ui-widget-header .ui-icon { 790 background-image: url("../admin/images/ui-icons_222222_256x240.png"); } 791 #branded-social-images-editor .ui-state-default .ui-icon { 792 background-image: url("../admin/images/ui-icons_888888_256x240.png"); } 793 #branded-social-images-editor .ui-state-hover .ui-icon, 794 #branded-social-images-editor .ui-state-focus .ui-icon { 795 background-image: url("../admin/images/ui-icons_454545_256x240.png"); } 796 #branded-social-images-editor .ui-state-active .ui-icon { 797 background-image: url("../admin/images/ui-icons_454545_256x240.png"); } 798 #branded-social-images-editor .ui-state-highlight .ui-icon { 799 background-image: url("../admin/images/ui-icons_2e83ff_256x240.png"); } 800 #branded-social-images-editor .ui-state-error .ui-icon, 801 #branded-social-images-editor .ui-state-error-text .ui-icon { 802 background-image: url("../admin/images/ui-icons_cd0a0a_256x240.png"); } 803 #branded-social-images-editor .ui-icon-blank { 804 background-position: 16px 16px; } 805 #branded-social-images-editor .ui-icon-carat-1-n { 806 background-position: 0 0; } 807 #branded-social-images-editor .ui-icon-carat-1-ne { 808 background-position: -16px 0; } 809 #branded-social-images-editor .ui-icon-carat-1-e { 810 background-position: -32px 0; } 811 #branded-social-images-editor .ui-icon-carat-1-se { 812 background-position: -48px 0; } 813 #branded-social-images-editor .ui-icon-carat-1-s { 814 background-position: -64px 0; } 815 #branded-social-images-editor .ui-icon-carat-1-sw { 816 background-position: -80px 0; } 817 #branded-social-images-editor .ui-icon-carat-1-w { 818 background-position: -96px 0; } 819 #branded-social-images-editor .ui-icon-carat-1-nw { 820 background-position: -112px 0; } 821 #branded-social-images-editor .ui-icon-carat-2-n-s { 822 background-position: -128px 0; } 823 #branded-social-images-editor .ui-icon-carat-2-e-w { 824 background-position: -144px 0; } 825 #branded-social-images-editor .ui-icon-triangle-1-n { 826 background-position: 0 -16px; } 827 #branded-social-images-editor .ui-icon-triangle-1-ne { 828 background-position: -16px -16px; } 829 #branded-social-images-editor .ui-icon-triangle-1-e { 830 background-position: -32px -16px; } 831 #branded-social-images-editor .ui-icon-triangle-1-se { 832 background-position: -48px -16px; } 833 #branded-social-images-editor .ui-icon-triangle-1-s { 834 background-position: -64px -16px; } 835 #branded-social-images-editor .ui-icon-triangle-1-sw { 836 background-position: -80px -16px; } 837 #branded-social-images-editor .ui-icon-triangle-1-w { 838 background-position: -96px -16px; } 839 #branded-social-images-editor .ui-icon-triangle-1-nw { 840 background-position: -112px -16px; } 841 #branded-social-images-editor .ui-icon-triangle-2-n-s { 842 background-position: -128px -16px; } 843 #branded-social-images-editor .ui-icon-triangle-2-e-w { 844 background-position: -144px -16px; } 845 #branded-social-images-editor .ui-icon-arrow-1-n { 846 background-position: 0 -32px; } 847 #branded-social-images-editor .ui-icon-arrow-1-ne { 848 background-position: -16px -32px; } 849 #branded-social-images-editor .ui-icon-arrow-1-e { 850 background-position: -32px -32px; } 851 #branded-social-images-editor .ui-icon-arrow-1-se { 852 background-position: -48px -32px; } 853 #branded-social-images-editor .ui-icon-arrow-1-s { 854 background-position: -64px -32px; } 855 #branded-social-images-editor .ui-icon-arrow-1-sw { 856 background-position: -80px -32px; } 857 #branded-social-images-editor .ui-icon-arrow-1-w { 858 background-position: -96px -32px; } 859 #branded-social-images-editor .ui-icon-arrow-1-nw { 860 background-position: -112px -32px; } 861 #branded-social-images-editor .ui-icon-arrow-2-n-s { 862 background-position: -128px -32px; } 863 #branded-social-images-editor .ui-icon-arrow-2-ne-sw { 864 background-position: -144px -32px; } 865 #branded-social-images-editor .ui-icon-arrow-2-e-w { 866 background-position: -160px -32px; } 867 #branded-social-images-editor .ui-icon-arrow-2-se-nw { 868 background-position: -176px -32px; } 869 #branded-social-images-editor .ui-icon-arrowstop-1-n { 870 background-position: -192px -32px; } 871 #branded-social-images-editor .ui-icon-arrowstop-1-e { 872 background-position: -208px -32px; } 873 #branded-social-images-editor .ui-icon-arrowstop-1-s { 874 background-position: -224px -32px; } 875 #branded-social-images-editor .ui-icon-arrowstop-1-w { 876 background-position: -240px -32px; } 877 #branded-social-images-editor .ui-icon-arrowthick-1-n { 878 background-position: 0 -48px; } 879 #branded-social-images-editor .ui-icon-arrowthick-1-ne { 880 background-position: -16px -48px; } 881 #branded-social-images-editor .ui-icon-arrowthick-1-e { 882 background-position: -32px -48px; } 883 #branded-social-images-editor .ui-icon-arrowthick-1-se { 884 background-position: -48px -48px; } 885 #branded-social-images-editor .ui-icon-arrowthick-1-s { 886 background-position: -64px -48px; } 887 #branded-social-images-editor .ui-icon-arrowthick-1-sw { 888 background-position: -80px -48px; } 889 #branded-social-images-editor .ui-icon-arrowthick-1-w { 890 background-position: -96px -48px; } 891 #branded-social-images-editor .ui-icon-arrowthick-1-nw { 892 background-position: -112px -48px; } 893 #branded-social-images-editor .ui-icon-arrowthick-2-n-s { 894 background-position: -128px -48px; } 895 #branded-social-images-editor .ui-icon-arrowthick-2-ne-sw { 896 background-position: -144px -48px; } 897 #branded-social-images-editor .ui-icon-arrowthick-2-e-w { 898 background-position: -160px -48px; } 899 #branded-social-images-editor .ui-icon-arrowthick-2-se-nw { 900 background-position: -176px -48px; } 901 #branded-social-images-editor .ui-icon-arrowthickstop-1-n { 902 background-position: -192px -48px; } 903 #branded-social-images-editor .ui-icon-arrowthickstop-1-e { 904 background-position: -208px -48px; } 905 #branded-social-images-editor .ui-icon-arrowthickstop-1-s { 906 background-position: -224px -48px; } 907 #branded-social-images-editor .ui-icon-arrowthickstop-1-w { 908 background-position: -240px -48px; } 909 #branded-social-images-editor .ui-icon-arrowreturnthick-1-w { 910 background-position: 0 -64px; } 911 #branded-social-images-editor .ui-icon-arrowreturnthick-1-n { 912 background-position: -16px -64px; } 913 #branded-social-images-editor .ui-icon-arrowreturnthick-1-e { 914 background-position: -32px -64px; } 915 #branded-social-images-editor .ui-icon-arrowreturnthick-1-s { 916 background-position: -48px -64px; } 917 #branded-social-images-editor .ui-icon-arrowreturn-1-w { 918 background-position: -64px -64px; } 919 #branded-social-images-editor .ui-icon-arrowreturn-1-n { 920 background-position: -80px -64px; } 921 #branded-social-images-editor .ui-icon-arrowreturn-1-e { 922 background-position: -96px -64px; } 923 #branded-social-images-editor .ui-icon-arrowreturn-1-s { 924 background-position: -112px -64px; } 925 #branded-social-images-editor .ui-icon-arrowrefresh-1-w { 926 background-position: -128px -64px; } 927 #branded-social-images-editor .ui-icon-arrowrefresh-1-n { 928 background-position: -144px -64px; } 929 #branded-social-images-editor .ui-icon-arrowrefresh-1-e { 930 background-position: -160px -64px; } 931 #branded-social-images-editor .ui-icon-arrowrefresh-1-s { 932 background-position: -176px -64px; } 933 #branded-social-images-editor .ui-icon-arrow-4 { 934 background-position: 0 -80px; } 935 #branded-social-images-editor .ui-icon-arrow-4-diag { 936 background-position: -16px -80px; } 937 #branded-social-images-editor .ui-icon-extlink { 938 background-position: -32px -80px; } 939 #branded-social-images-editor .ui-icon-newwin { 940 background-position: -48px -80px; } 941 #branded-social-images-editor .ui-icon-refresh { 942 background-position: -64px -80px; } 943 #branded-social-images-editor .ui-icon-shuffle { 944 background-position: -80px -80px; } 945 #branded-social-images-editor .ui-icon-transfer-e-w { 946 background-position: -96px -80px; } 947 #branded-social-images-editor .ui-icon-transferthick-e-w { 948 background-position: -112px -80px; } 949 #branded-social-images-editor .ui-icon-folder-collapsed { 950 background-position: 0 -96px; } 951 #branded-social-images-editor .ui-icon-folder-open { 952 background-position: -16px -96px; } 953 #branded-social-images-editor .ui-icon-document { 954 background-position: -32px -96px; } 955 #branded-social-images-editor .ui-icon-document-b { 956 background-position: -48px -96px; } 957 #branded-social-images-editor .ui-icon-note { 958 background-position: -64px -96px; } 959 #branded-social-images-editor .ui-icon-mail-closed { 960 background-position: -80px -96px; } 961 #branded-social-images-editor .ui-icon-mail-open { 962 background-position: -96px -96px; } 963 #branded-social-images-editor .ui-icon-suitcase { 964 background-position: -112px -96px; } 965 #branded-social-images-editor .ui-icon-comment { 966 background-position: -128px -96px; } 967 #branded-social-images-editor .ui-icon-person { 968 background-position: -144px -96px; } 969 #branded-social-images-editor .ui-icon-print { 970 background-position: -160px -96px; } 971 #branded-social-images-editor .ui-icon-trash { 972 background-position: -176px -96px; } 973 #branded-social-images-editor .ui-icon-locked { 974 background-position: -192px -96px; } 975 #branded-social-images-editor .ui-icon-unlocked { 976 background-position: -208px -96px; } 977 #branded-social-images-editor .ui-icon-bookmark { 978 background-position: -224px -96px; } 979 #branded-social-images-editor .ui-icon-tag { 980 background-position: -240px -96px; } 981 #branded-social-images-editor .ui-icon-home { 982 background-position: 0 -112px; } 983 #branded-social-images-editor .ui-icon-flag { 984 background-position: -16px -112px; } 985 #branded-social-images-editor .ui-icon-calendar { 986 background-position: -32px -112px; } 987 #branded-social-images-editor .ui-icon-cart { 988 background-position: -48px -112px; } 989 #branded-social-images-editor .ui-icon-pencil { 990 background-position: -64px -112px; } 991 #branded-social-images-editor .ui-icon-clock { 992 background-position: -80px -112px; } 993 #branded-social-images-editor .ui-icon-disk { 994 background-position: -96px -112px; } 995 #branded-social-images-editor .ui-icon-calculator { 996 background-position: -112px -112px; } 997 #branded-social-images-editor .ui-icon-zoomin { 998 background-position: -128px -112px; } 999 #branded-social-images-editor .ui-icon-zoomout { 1000 background-position: -144px -112px; } 1001 #branded-social-images-editor .ui-icon-search { 1002 background-position: -160px -112px; } 1003 #branded-social-images-editor .ui-icon-wrench { 1004 background-position: -176px -112px; } 1005 #branded-social-images-editor .ui-icon-gear { 1006 background-position: -192px -112px; } 1007 #branded-social-images-editor .ui-icon-heart { 1008 background-position: -208px -112px; } 1009 #branded-social-images-editor .ui-icon-star { 1010 background-position: -224px -112px; } 1011 #branded-social-images-editor .ui-icon-link { 1012 background-position: -240px -112px; } 1013 #branded-social-images-editor .ui-icon-cancel { 1014 background-position: 0 -128px; } 1015 #branded-social-images-editor .ui-icon-plus { 1016 background-position: -16px -128px; } 1017 #branded-social-images-editor .ui-icon-plusthick { 1018 background-position: -32px -128px; } 1019 #branded-social-images-editor .ui-icon-minus { 1020 background-position: -48px -128px; } 1021 #branded-social-images-editor .ui-icon-minusthick { 1022 background-position: -64px -128px; } 1023 #branded-social-images-editor .ui-icon-close { 1024 background-position: -80px -128px; } 1025 #branded-social-images-editor .ui-icon-closethick { 1026 background-position: -96px -128px; } 1027 #branded-social-images-editor .ui-icon-key { 1028 background-position: -112px -128px; } 1029 #branded-social-images-editor .ui-icon-lightbulb { 1030 background-position: -128px -128px; } 1031 #branded-social-images-editor .ui-icon-scissors { 1032 background-position: -144px -128px; } 1033 #branded-social-images-editor .ui-icon-clipboard { 1034 background-position: -160px -128px; } 1035 #branded-social-images-editor .ui-icon-copy { 1036 background-position: -176px -128px; } 1037 #branded-social-images-editor .ui-icon-contact { 1038 background-position: -192px -128px; } 1039 #branded-social-images-editor .ui-icon-image { 1040 background-position: -208px -128px; } 1041 #branded-social-images-editor .ui-icon-video { 1042 background-position: -224px -128px; } 1043 #branded-social-images-editor .ui-icon-script { 1044 background-position: -240px -128px; } 1045 #branded-social-images-editor .ui-icon-alert { 1046 background-position: 0 -144px; } 1047 #branded-social-images-editor .ui-icon-info { 1048 background-position: -16px -144px; } 1049 #branded-social-images-editor .ui-icon-notice { 1050 background-position: -32px -144px; } 1051 #branded-social-images-editor .ui-icon-help { 1052 background-position: -48px -144px; } 1053 #branded-social-images-editor .ui-icon-check { 1054 background-position: -64px -144px; } 1055 #branded-social-images-editor .ui-icon-bullet { 1056 background-position: -80px -144px; } 1057 #branded-social-images-editor .ui-icon-radio-on { 1058 background-position: -96px -144px; } 1059 #branded-social-images-editor .ui-icon-radio-off { 1060 background-position: -112px -144px; } 1061 #branded-social-images-editor .ui-icon-pin-w { 1062 background-position: -128px -144px; } 1063 #branded-social-images-editor .ui-icon-pin-s { 1064 background-position: -144px -144px; } 1065 #branded-social-images-editor .ui-icon-play { 1066 background-position: 0 -160px; } 1067 #branded-social-images-editor .ui-icon-pause { 1068 background-position: -16px -160px; } 1069 #branded-social-images-editor .ui-icon-seek-next { 1070 background-position: -32px -160px; } 1071 #branded-social-images-editor .ui-icon-seek-prev { 1072 background-position: -48px -160px; } 1073 #branded-social-images-editor .ui-icon-seek-end { 1074 background-position: -64px -160px; } 1075 #branded-social-images-editor .ui-icon-seek-start { 1076 background-position: -80px -160px; } 1077 #branded-social-images-editor .ui-icon-seek-first { 1078 background-position: -80px -160px; } 1079 #branded-social-images-editor .ui-icon-stop { 1080 background-position: -96px -160px; } 1081 #branded-social-images-editor .ui-icon-eject { 1082 background-position: -112px -160px; } 1083 #branded-social-images-editor .ui-icon-volume-off { 1084 background-position: -128px -160px; } 1085 #branded-social-images-editor .ui-icon-volume-on { 1086 background-position: -144px -160px; } 1087 #branded-social-images-editor .ui-icon-power { 1088 background-position: 0 -176px; } 1089 #branded-social-images-editor .ui-icon-signal-diag { 1090 background-position: -16px -176px; } 1091 #branded-social-images-editor .ui-icon-signal { 1092 background-position: -32px -176px; } 1093 #branded-social-images-editor .ui-icon-battery-0 { 1094 background-position: -48px -176px; } 1095 #branded-social-images-editor .ui-icon-battery-1 { 1096 background-position: -64px -176px; } 1097 #branded-social-images-editor .ui-icon-battery-2 { 1098 background-position: -80px -176px; } 1099 #branded-social-images-editor .ui-icon-battery-3 { 1100 background-position: -96px -176px; } 1101 #branded-social-images-editor .ui-icon-circle-plus { 1102 background-position: 0 -192px; } 1103 #branded-social-images-editor .ui-icon-circle-minus { 1104 background-position: -16px -192px; } 1105 #branded-social-images-editor .ui-icon-circle-close { 1106 background-position: -32px -192px; } 1107 #branded-social-images-editor .ui-icon-circle-triangle-e { 1108 background-position: -48px -192px; } 1109 #branded-social-images-editor .ui-icon-circle-triangle-s { 1110 background-position: -64px -192px; } 1111 #branded-social-images-editor .ui-icon-circle-triangle-w { 1112 background-position: -80px -192px; } 1113 #branded-social-images-editor .ui-icon-circle-triangle-n { 1114 background-position: -96px -192px; } 1115 #branded-social-images-editor .ui-icon-circle-arrow-e { 1116 background-position: -112px -192px; } 1117 #branded-social-images-editor .ui-icon-circle-arrow-s { 1118 background-position: -128px -192px; } 1119 #branded-social-images-editor .ui-icon-circle-arrow-w { 1120 background-position: -144px -192px; } 1121 #branded-social-images-editor .ui-icon-circle-arrow-n { 1122 background-position: -160px -192px; } 1123 #branded-social-images-editor .ui-icon-circle-zoomin { 1124 background-position: -176px -192px; } 1125 #branded-social-images-editor .ui-icon-circle-zoomout { 1126 background-position: -192px -192px; } 1127 #branded-social-images-editor .ui-icon-circle-check { 1128 background-position: -208px -192px; } 1129 #branded-social-images-editor .ui-icon-circlesmall-plus { 1130 background-position: 0 -208px; } 1131 #branded-social-images-editor .ui-icon-circlesmall-minus { 1132 background-position: -16px -208px; } 1133 #branded-social-images-editor .ui-icon-circlesmall-close { 1134 background-position: -32px -208px; } 1135 #branded-social-images-editor .ui-icon-squaresmall-plus { 1136 background-position: -48px -208px; } 1137 #branded-social-images-editor .ui-icon-squaresmall-minus { 1138 background-position: -64px -208px; } 1139 #branded-social-images-editor .ui-icon-squaresmall-close { 1140 background-position: -80px -208px; } 1141 #branded-social-images-editor .ui-icon-grip-dotted-vertical { 1142 background-position: 0 -224px; } 1143 #branded-social-images-editor .ui-icon-grip-dotted-horizontal { 1144 background-position: -16px -224px; } 1145 #branded-social-images-editor .ui-icon-grip-solid-vertical { 1146 background-position: -32px -224px; } 1147 #branded-social-images-editor .ui-icon-grip-solid-horizontal { 1148 background-position: -48px -224px; } 1149 #branded-social-images-editor .ui-icon-gripsmall-diagonal-se { 1150 background-position: -64px -224px; } 1151 #branded-social-images-editor .ui-icon-grip-diagonal-se { 1152 background-position: -80px -224px; } 1153 #branded-social-images-editor .ui-corner-all, 1154 #branded-social-images-editor .ui-corner-top, 1155 #branded-social-images-editor .ui-corner-left, 1156 #branded-social-images-editor .ui-corner-tl { 1157 border-top-left-radius: 4px; } 1158 #branded-social-images-editor .ui-corner-all, 1159 #branded-social-images-editor .ui-corner-top, 1160 #branded-social-images-editor .ui-corner-right, 1161 #branded-social-images-editor .ui-corner-tr { 1162 border-top-right-radius: 4px; } 1163 #branded-social-images-editor .ui-corner-all, 1164 #branded-social-images-editor .ui-corner-bottom, 1165 #branded-social-images-editor .ui-corner-left, 1166 #branded-social-images-editor .ui-corner-bl { 1167 border-bottom-left-radius: 4px; } 1168 #branded-social-images-editor .ui-corner-all, 1169 #branded-social-images-editor .ui-corner-bottom, 1170 #branded-social-images-editor .ui-corner-right, 1171 #branded-social-images-editor .ui-corner-br { 1172 border-bottom-right-radius: 4px; } 1173 #branded-social-images-editor .ui-widget-overlay { 1174 background: #aaaaaa url("../admin/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; 1175 opacity: .3; 1176 filter: Alpha(Opacity=30); 1177 /* support: IE8 */ } 1178 #branded-social-images-editor .ui-widget-shadow { 1179 margin: -8px 0 0 -8px; 1180 padding: 8px; 1181 background: #aaaaaa url("../admin/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x; 1182 opacity: .3; 1183 filter: Alpha(Opacity=30); 1184 /* support: IE8 */ 1185 border-radius: 8px; } 1186 #branded-social-images-editor .add-slider input { 1187 display: inline-block !important; 1188 width: 60px !important; } 1189 #branded-social-images-editor .add-slider .a-slider { 1190 display: inline-block; 1191 width: calc(100% - 66px); } 1192 #branded-social-images-editor label { 1193 vertical-align: unset; } 1194 #branded-social-images-editor .grid { 1195 zoom: var(--editor-scale, 0.5); 1196 display: -ms-grid; 1197 display: grid; 1198 -ms-grid-columns: 1200px; 1199 grid-template-columns: 1200px; 1200 grid-template-areas: "image" "."; 1201 z-index: 0; } 1202 #side-sortables #branded-social-images-editor .grid, .is-side #branded-social-images-editor .grid { 1203 zoom: 0.21; } 1204 #branded-social-images-editor .area--background, #branded-social-images-editor .area--background-alternate, #branded-social-images-editor .area--background-canvas, #branded-social-images-editor .area--extra-layer { 1205 width: 1200px; 1206 height: 0; 1207 padding-bottom: 52.5%; 1208 position: relative; 1209 grid-area: image; 1210 z-index: 0; } 1211 #branded-social-images-editor.with-logo .area--background-canvas svg .logo { 1212 display: none; } 1213 #branded-social-images-editor.logo_position-top-right .area--background-canvas svg .mountains, #branded-social-images-editor.logo_position-right .area--background-canvas svg .mountains, #branded-social-images-editor.logo_position-bottom-right .area--background-canvas svg .mountains { 1214 -ms-transform: translate(1200px) scale(-1, 1); 1215 transform: translate(1200px) scale(-1, 1); } 1216 #branded-social-images-editor.logo_position-top-right .area--background-canvas svg .sun, #branded-social-images-editor.logo_position-right .area--background-canvas svg .sun, #branded-social-images-editor.logo_position-bottom-right .area--background-canvas svg .sun { 1217 -ms-transform: translate(-420px); 1218 transform: translate(-420px); } 1219 #branded-social-images-editor .background { 1220 position: absolute; 1221 top: 0; 1222 left: 0; 1223 width: 100%; 1224 height: 100%; 1225 background: transparent no-repeat center 100%/cover; } 1226 #branded-social-images-editor .area--logo { 1227 grid-area: image; 1228 z-index: 1; 1229 display: -ms-grid; 1230 display: grid; 1231 -ms-grid-columns: auto var(--text-width) auto; 1232 grid-template-columns: auto var(--text-width) auto; 1233 -ms-grid-rows: auto var(--text-height) auto; 1234 grid-template-rows: auto var(--text-height) auto; 1235 grid-template-areas: ". . ." ". logo ." ". . ."; 1236 -ms-flex-align: center; 1237 align-items: center; 1238 -ms-grid-column-align: center; 1239 justify-items: center; } 1240 #branded-social-images-editor .area--logo .logo { 1241 grid-area: logo; 1242 background: transparent no-repeat center/contain; 1243 width: calc(var(--logo-scale) * .005px * var(--logo-width)); 1244 height: calc(var(--logo-scale) * .005px * var(--logo-height)); } 1245 .postbox #branded-social-images-editor .area--logo.logo-alternate { 1246 display: none; } 1247 #branded-social-images-editor .area--logo.logo-alternate .logo { 1248 width: calc(var(--logo-scale) * .01px * var(--logo-width)); 1249 height: calc(var(--logo-scale) * .01px * var(--logo-height)); } 1250 #branded-social-images-editor.with-logo .area--logo.logo-alternate { 1251 display: none; } 1252 #branded-social-images-editor:not(.with-logo) .area--logo:not(.logo-alternate) { 1253 display: none; } 1254 #branded-social-images-editor.logo_position-top-left .area--logo, #branded-social-images-editor.logo_position-left .area--logo, #branded-social-images-editor.logo_position-bottom-left .area--logo { 1255 -ms-grid-columns: var(--padding) var(--text-width) auto; 1256 grid-template-columns: var(--padding) var(--text-width) auto; 1257 -ms-grid-column-align: start; 1258 justify-items: start; } 1259 #branded-social-images-editor.logo_position-top-left .area--logo .logo, #branded-social-images-editor.logo_position-left .area--logo .logo, #branded-social-images-editor.logo_position-bottom-left .area--logo .logo { 1260 background-position-x: left; } 1261 #branded-social-images-editor.logo_position-top-right .area--logo, #branded-social-images-editor.logo_position-right .area--logo, #branded-social-images-editor.logo_position-bottom-right .area--logo { 1262 -ms-grid-columns: auto var(--text-width) var(--padding); 1263 grid-template-columns: auto var(--text-width) var(--padding); 1264 -ms-grid-column-align: end; 1265 justify-items: end; } 1266 #branded-social-images-editor.logo_position-top-right .area--logo .logo, #branded-social-images-editor.logo_position-right .area--logo .logo, #branded-social-images-editor.logo_position-bottom-right .area--logo .logo { 1267 background-position-x: right; } 1268 #branded-social-images-editor.logo_position-top-left .area--logo, #branded-social-images-editor.logo_position-top .area--logo, #branded-social-images-editor.logo_position-top-right .area--logo { 1269 -ms-grid-rows: var(--padding) var(--text-height) auto; 1270 grid-template-rows: var(--padding) var(--text-height) auto; 1271 -ms-flex-align: start; 1272 align-items: start; } 1273 #branded-social-images-editor.logo_position-top-left .area--logo .logo, #branded-social-images-editor.logo_position-top .area--logo .logo, #branded-social-images-editor.logo_position-top-right .area--logo .logo { 1274 background-position-y: top; } 1275 #branded-social-images-editor.logo_position-bottom-left .area--logo, #branded-social-images-editor.logo_position-bottom .area--logo, #branded-social-images-editor.logo_position-bottom-right .area--logo { 1276 -ms-grid-rows: auto var(--text-height) var(--padding); 1277 grid-template-rows: auto var(--text-height) var(--padding); 1278 -ms-flex-align: end; 1279 align-items: end; } 1280 #branded-social-images-editor.logo_position-bottom-left .area--logo .logo, #branded-social-images-editor.logo_position-bottom .area--logo .logo, #branded-social-images-editor.logo_position-bottom-right .area--logo .logo { 1281 background-position-y: bottom; } 1282 #branded-social-images-editor .area--text { 1283 grid-area: image; 1284 z-index: 2; 1285 display: -ms-grid; 1286 display: grid; 1287 -ms-grid-columns: auto var(--text-width) auto; 1288 grid-template-columns: auto var(--text-width) auto; 1289 -ms-grid-rows: auto var(--text-height) auto; 1290 grid-template-rows: auto var(--text-height) auto; 1291 grid-template-areas: ". . ." ". edit ." ". . ."; 1292 -ms-flex-align: center; 1293 align-items: center; } 1294 #branded-social-images-editor .area--text .editable-container { 1295 text-align: center; 1296 position: relative; } 1297 #branded-social-images-editor .area--text .editable-container pre { 1298 margin: 0; 1299 white-space: break-spaces; } 1300 #branded-social-images-editor .area--text.invisible { 1301 display: none; } 1302 #branded-social-images-editor .area--text .editable ~ .text-alternate { 1303 display: none !important; } 1304 #branded-social-images-editor .area--text .editable:empty + .text-alternate { 1305 display: block !important; 1306 position: absolute; 1307 pointer-events: none; 1308 opacity: 0.4; 1309 top: 50%; 1310 -ms-transform: translateY(-50%); 1311 transform: translateY(-50%); 1312 max-height: unset; } 1313 #branded-social-images-editor.text_position-top-left .area--text, #branded-social-images-editor.text_position-left .area--text, #branded-social-images-editor.text_position-bottom-left .area--text { 1314 -ms-grid-columns: var(--padding) var(--text-width) auto; 1315 grid-template-columns: var(--padding) var(--text-width) auto; } 1316 #branded-social-images-editor.text_position-top-left .area--text .editable-container, #branded-social-images-editor.text_position-left .area--text .editable-container, #branded-social-images-editor.text_position-bottom-left .area--text .editable-container { 1317 text-align: left; } 1318 #branded-social-images-editor.text_position-top-left .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-left .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-bottom-left .area--text .editable:empty + .text-alternate { 1319 left: 0; } 1320 #branded-social-images-editor.text_position-top-right .area--text, #branded-social-images-editor.text_position-right .area--text, #branded-social-images-editor.text_position-bottom-right .area--text { 1321 -ms-grid-columns: auto var(--text-width) var(--padding); 1322 grid-template-columns: auto var(--text-width) var(--padding); } 1323 #branded-social-images-editor.text_position-top-right .area--text .editable-container, #branded-social-images-editor.text_position-right .area--text .editable-container, #branded-social-images-editor.text_position-bottom-right .area--text .editable-container { 1324 text-align: right; } 1325 #branded-social-images-editor.text_position-top-right .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-right .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-bottom-right .area--text .editable:empty + .text-alternate { 1326 right: 0; } 1327 #branded-social-images-editor.text_position-top-left .area--text, #branded-social-images-editor.text_position-top .area--text, #branded-social-images-editor.text_position-top-right .area--text { 1328 -ms-grid-rows: var(--padding) var(--text-height) auto; 1329 grid-template-rows: var(--padding) var(--text-height) auto; 1330 -ms-flex-align: start; 1331 align-items: start; } 1332 #branded-social-images-editor.text_position-top-left .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-top .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-top-right .area--text .editable:empty + .text-alternate { 1333 top: 0; 1334 -ms-transform: translateY(0); 1335 transform: translateY(0); } 1336 #branded-social-images-editor.text_position-bottom-left .area--text, #branded-social-images-editor.text_position-bottom .area--text, #branded-social-images-editor.text_position-bottom-right .area--text { 1337 -ms-grid-rows: auto var(--text-height) var(--padding); 1338 grid-template-rows: auto var(--text-height) var(--padding); 1339 -ms-flex-align: end; 1340 align-items: end; } 1341 #branded-social-images-editor.text_position-bottom-left .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-bottom .area--text .editable:empty + .text-alternate, #branded-social-images-editor.text_position-bottom-right .area--text .editable:empty + .text-alternate { 1342 top: initial; 1343 bottom: 0; 1344 -ms-transform: translateY(0); 1345 transform: translateY(0); } 1346 #branded-social-images-editor .area--text .editable-container { 1347 grid-area: edit; } 1348 #branded-social-images-editor .area--text .editable-container .editable br:last-child { 1349 display: block; 1350 content: ' '; } 1351 #branded-social-images-editor .area--text .editable-container .editable, #branded-social-images-editor .area--text .editable-container .text-alternate { 1352 width: auto; 1353 height: auto; 1354 max-width: 100%; 1355 max-height: 100%; 1356 border: none; 1357 color: var(--text-color); 1358 position: relative; 1359 display: inline-block; 1360 font-size: calc(var(--font-size) / .75); 1361 line-height: calc(var(--line-height) / .75); 1362 text-shadow: var(--text-shadow-left) var(--text-shadow-top) 0 var(--text-shadow-color); 1363 font-family: var(--text-font); 1364 letter-spacing: var(--letter-spacing); 1365 font-weight: normal; 1366 font-style: normal; } 1367 #branded-social-images-editor.with-text-background .area--text .editable-container .editable, #branded-social-images-editor.with-text-background .area--text .editable-container .text-alternate { 1368 background: var(--text-background); 1369 padding: var(--text-padding); } 1370 #branded-social-images-editor .settings { 1371 display: -ms-grid; 1372 display: grid; 1373 gap: 20px; 1374 margin-top: 20px; 1375 -ms-grid-columns: 1fr; 1376 grid-template-columns: 1fr; 1377 grid-template-areas: "settings" "options"; } 1378 #branded-social-images-editor .settings, #branded-social-images-editor .settings > [class*=area--] { 1379 max-width: 600px; } 1380 #side-sortables #branded-social-images-editor .settings, .is-side #branded-social-images-editor .settings { 1381 width: 100%; } 1382 #branded-social-images-editor .collapsible { 1383 display: -ms-flexbox; 1384 display: flex; 1385 -ms-flex-direction: column; 1386 flex-direction: column; } 1387 #branded-social-images-editor .collapsible h2 { 1388 font-weight: 600; 1389 font-size: 1.3em; 1390 background: #fcfcfc; 1391 border: 1px solid #ddd; 1392 display: block; 1393 margin: 0; 1394 padding: 1em 30px; 1395 position: relative; } 1396 #side-sortables #branded-social-images-editor .collapsible h2, .is-side #branded-social-images-editor .collapsible h2 { 1397 padding: 1em 15px; } 1398 #branded-social-images-editor .collapsible h2 .toggle { 1399 display: inline-block; 1400 width: 0; 1401 height: 0; 1402 border: 11px solid transparent; 1403 border-left-width: 6px; 1404 border-right-width: 6px; 1405 border-top-color: currentColor; 1406 position: absolute; 1407 -ms-transform: rotate(180deg); 1408 transform: rotate(180deg); 1409 top: 0.5em; 1410 right: 30px; } 1411 #branded-social-images-editor .collapsible h2 .toggle:hover { 1412 border-top-color: #888; 1413 cursor: pointer; } 1414 #branded-social-images-editor .collapsible.closed h2 .toggle { 1415 top: 1em; 1416 -ms-transform: rotate(0); 1417 transform: rotate(0); } 1418 #branded-social-images-editor .collapsible .inner { 1419 padding: 20px; 1420 background: white; 1421 border: 1px solid #ddd; 1422 border-top: 0; } 1423 #side-sortables #branded-social-images-editor .collapsible .inner, .is-side #branded-social-images-editor .collapsible .inner { 1424 padding: 5px; } 1425 #branded-social-images-editor .collapsible.closed .inner { 1426 overflow: hidden; 1427 height: 0; 1428 padding-top: 0; 1429 padding-bottom: 0; } 1430 #branded-social-images-editor .collapsible .inner { 1431 display: -ms-flexbox; 1432 display: flex; 1433 -ms-flex-direction: row; 1434 flex-direction: row; 1435 -ms-flex-wrap: wrap; 1436 flex-wrap: wrap; } 1437 #branded-social-images-editor .collapsible .inner > span { 1438 width: 50%; } 1439 @media screen and (max-width: 1200px) { 1440 #branded-social-images-editor .collapsible .inner > span { 1441 width: 100%; } } 1442 #branded-social-images-editor .collapsible .inner > span.name-text_enabled, #branded-social-images-editor .collapsible .inner > span.name-image, #branded-social-images-editor .collapsible .inner > span.name-image_logo, #branded-social-images-editor .collapsible .inner > span.name-image_use_thumbnail, #branded-social-images-editor .collapsible .inner > span.name-disabled, #branded-social-images-editor .collapsible .inner > span.wrap-full { 1443 width: 100%; } 1444 #branded-social-images-editor .area--options { 1445 position: relative; 1446 grid-area: options; } 1447 #branded-social-images-editor .area--settings { 1448 grid-area: settings; } 1449 #branded-social-images-editor .area--debug pre { 1450 overflow: auto; } 1451 #branded-social-images-editor .hidden, #branded-social-images-editor .wrap-hidden { 1452 display: none !important; } 1453 #branded-social-images-editor .wrap-position-grid .options-wrap { 1454 width: 66px; 1455 display: -ms-inline-grid; 1456 display: inline-grid; 1457 -ms-grid-columns: 22px 22px 22px; 1458 grid-template-columns: 22px 22px 22px; 1459 -ms-grid-rows: 22px 22px 22px; 1460 grid-template-rows: 22px 22px 22px; 1461 border: 1px solid #8c8f94; 1462 padding: 0 !important; 1463 box-sizing: content-box; } 1464 #branded-social-images-editor .wrap-position-grid .option-wrap { 1465 display: -ms-inline-grid !important; 1466 display: inline-grid !important; 1467 width: 100%; 1468 height: 100%; 1469 position: relative; } 1470 #branded-social-images-editor .wrap-position-grid .option-wrap label { 1471 text-indent: 30px; 1472 overflow: hidden; 1473 width: 100%; 1474 height: 100%; 1475 position: absolute; 1476 left: 0; 1477 top: 0; 1478 border: 1px solid #8c8f94; 1479 border-top: 0; 1480 border-left: 0; } 1481 #branded-social-images-editor .wrap-position-grid .option-wrap:nth-child(n+7) label { 1482 border-bottom: 0; } 1483 #branded-social-images-editor .wrap-position-grid .option-wrap:nth-child(3n) label { 1484 border-right: 0; } 1485 #branded-social-images-editor .wrap-position-grid .option-wrap input:checked + label { 1486 background: #4c4f48; } 1487 #branded-social-images-editor .wrap-position-grid input { 1488 width: 20px; 1489 height: 30px; 1490 -webkit-appearance: none; 1491 appearance: none; 1492 border-radius: 0; 1493 border: 0; 1494 opacity: 0; } 1495 #branded-social-images-editor .wrap-position-grid input:focus { 1496 outline: none; } 1497 #branded-social-images-editor .wrap-position-grid input:checked { 1498 background: black; } 1499 #branded-social-images-editor .no-remove ~ .remove { 1500 display: none; } 1501 #branded-social-images-editor .add-image-select input[value='0'] ~ .remove, #branded-social-images-editor .add-image-select input[value=''] ~ .remove { 1502 display: none; } 1503 #branded-social-images-editor .image-preview-wrapper { 1504 display: none; } 1505 #branded-social-images-editor .input-wrap { 1506 box-sizing: border-box; 1507 padding: 10px; 1508 display: inline-block; } 1509 #branded-social-images-editor .input-wrap.name-text_shadow_enabled > .field-wrap:first-child:before, #branded-social-images-editor .input-wrap.name-background_enabled > .field-wrap:first-child:before { 1510 content: ''; 1511 display: block; 1512 width: 100%; 1513 margin-top: 2em; } 1514 #branded-social-images-editor .input-wrap .comment { 1515 display: block; } 1516 #branded-social-images-editor .input-wrap.name-text_enabled .comment, #branded-social-images-editor .input-wrap.name-text_shadow_enabled .comment { 1517 display: inline; 1518 margin-left: 1em; } 1519 #branded-social-images-editor .input-wrap i.toggle-comment { 1520 cursor: help; } 1521 #branded-social-images-editor .input-wrap i.toggle-comment + .comment { 1522 display: none; } 1523 #branded-social-images-editor .input-wrap i.toggle-comment.active + .comment { 1524 display: block; } 1525 #branded-social-images-editor .input-wrap i.toggle-info { 1526 cursor: help; } 1527 #branded-social-images-editor .input-wrap i.toggle-info + .info { 1528 display: none; } 1529 #branded-social-images-editor .input-wrap i.toggle-info.active + .info { 1530 display: block; } 1531 #branded-social-images-editor .input-wrap > label:first-child { 1532 display: block; 1533 font-weight: bold; 1534 line-height: 2; } 1535 #branded-social-images-editor .input-wrap textarea, #branded-social-images-editor .input-wrap input[type=text] { 1536 width: 100%; } 1537 #branded-social-images-editor .input-wrap.input-color .field-wrap { 1538 position: relative; 1539 display: inline-block; } 1540 #branded-social-images-editor .input-wrap input.color-picker { 1541 padding-left: 30px; } 1542 #branded-social-images-editor .input-wrap input.color-picker + .swatch { 1543 background-color: var(--the-color); 1544 position: absolute; 1545 width: 24px; 1546 height: 24px; 1547 bottom: 2px; 1548 left: 3px; 1549 border-radius: 3px; 1550 border: 1px solid #8c8f94; 1551 pointer-events: none; } 1552 #branded-social-images-editor .filename + .message { 1553 display: block; } 1554 #branded-social-images-editor .filename:empty + .message { 1555 display: none; } 1556 #branded-social-images-editor .disabled-notice { 1557 display: none; 1558 border: 1px solid red; 1559 background: rgba(255, 0, 0, 0.2); 1560 padding: 10px 20px; 1561 margin: 10px 0; 1562 color: red; } 1563 #branded-social-images-editor.bsi-disabled .disabled-notice { 1564 display: block; } 1851 } 1852 } 1853 #branded-social-images-editor .collapsible .inner > span.name-text_enabled, #branded-social-images-editor .collapsible .inner > span.name-image, #branded-social-images-editor .collapsible .inner > span.name-image_logo, #branded-social-images-editor .collapsible .inner > span.name-image_use_thumbnail, #branded-social-images-editor .collapsible .inner > span.name-disabled, #branded-social-images-editor .collapsible .inner > span.wrap-full { 1854 width: 100%; 1855 } 1856 #branded-social-images-editor .area--options { 1857 position: relative; 1858 grid-area: options; 1859 } 1860 #branded-social-images-editor .area--settings { 1861 grid-area: settings; 1862 } 1863 #branded-social-images-editor .area--debug pre { 1864 overflow: auto; 1865 } 1866 #branded-social-images-editor .hidden, #branded-social-images-editor .wrap-hidden { 1867 display: none !important; 1868 } 1869 #branded-social-images-editor .wrap-position-grid .options-wrap { 1870 width: 66px; 1871 display: -ms-inline-grid; 1872 display: inline-grid; 1873 -ms-grid-columns: 22px 22px 22px; 1874 grid-template-columns: 22px 22px 22px; 1875 -ms-grid-rows: 22px 22px 22px; 1876 grid-template-rows: 22px 22px 22px; 1877 border: 1px solid #8c8f94; 1878 padding: 0 !important; 1879 box-sizing: content-box; 1880 } 1881 #branded-social-images-editor .wrap-position-grid .option-wrap { 1882 display: -ms-inline-grid !important; 1883 display: inline-grid !important; 1884 width: 100%; 1885 height: 100%; 1886 position: relative; 1887 } 1888 #branded-social-images-editor .wrap-position-grid .option-wrap label { 1889 text-indent: 30px; 1890 overflow: hidden; 1891 width: 100%; 1892 height: 100%; 1893 position: absolute; 1894 left: 0; 1895 top: 0; 1896 border: 1px solid #8c8f94; 1897 border-top: 0; 1898 border-left: 0; 1899 } 1900 #branded-social-images-editor .wrap-position-grid .option-wrap:nth-child(n+7) label { 1901 border-bottom: 0; 1902 } 1903 #branded-social-images-editor .wrap-position-grid .option-wrap:nth-child(3n) label { 1904 border-right: 0; 1905 } 1906 #branded-social-images-editor .wrap-position-grid .option-wrap input:checked + label { 1907 background: #4c4f48; 1908 } 1909 #branded-social-images-editor .wrap-position-grid input { 1910 width: 20px; 1911 height: 30px; 1912 appearance: none; 1913 border-radius: 0; 1914 border: 0; 1915 opacity: 0; 1916 } 1917 #branded-social-images-editor .wrap-position-grid input:focus { 1918 outline: none; 1919 } 1920 #branded-social-images-editor .wrap-position-grid input:checked { 1921 background: black; 1922 } 1923 #branded-social-images-editor .no-remove ~ .remove { 1924 display: none; 1925 } 1926 #branded-social-images-editor .add-image-select input[value="0"] ~ .remove, #branded-social-images-editor .add-image-select input[value=""] ~ .remove { 1927 display: none; 1928 } 1929 #branded-social-images-editor .image-preview-wrapper { 1930 display: none; 1931 } 1932 #branded-social-images-editor .input-wrap { 1933 box-sizing: border-box; 1934 padding: 10px; 1935 display: inline-block; 1936 } 1937 #branded-social-images-editor .input-wrap.name-text_shadow_enabled > .field-wrap:first-child:before, #branded-social-images-editor .input-wrap.name-background_enabled > .field-wrap:first-child:before { 1938 content: ""; 1939 display: block; 1940 width: 100%; 1941 margin-top: 2em; 1942 } 1943 #branded-social-images-editor .input-wrap .comment { 1944 display: block; 1945 } 1946 #branded-social-images-editor .input-wrap.name-text_enabled .comment, #branded-social-images-editor .input-wrap.name-text_shadow_enabled .comment { 1947 display: inline; 1948 margin-left: 1em; 1949 } 1950 #branded-social-images-editor .input-wrap i.toggle-comment { 1951 cursor: help; 1952 } 1953 #branded-social-images-editor .input-wrap i.toggle-comment + .comment { 1954 display: none; 1955 } 1956 #branded-social-images-editor .input-wrap i.toggle-comment.active + .comment { 1957 display: block; 1958 } 1959 #branded-social-images-editor .input-wrap i.toggle-info { 1960 cursor: help; 1961 } 1962 #branded-social-images-editor .input-wrap i.toggle-info + .info { 1963 display: none; 1964 } 1965 #branded-social-images-editor .input-wrap i.toggle-info.active + .info { 1966 display: block; 1967 } 1968 #branded-social-images-editor .input-wrap > label:first-child { 1969 display: block; 1970 font-weight: bold; 1971 line-height: 2; 1972 } 1973 #branded-social-images-editor .input-wrap textarea, #branded-social-images-editor .input-wrap input[type=text] { 1974 width: 100%; 1975 } 1976 #branded-social-images-editor .input-wrap.input-color .field-wrap { 1977 position: relative; 1978 display: inline-block; 1979 } 1980 #branded-social-images-editor .input-wrap input.color-picker { 1981 padding-left: 30px; 1982 } 1983 #branded-social-images-editor .input-wrap input.color-picker + .swatch { 1984 background-color: var(--the-color); 1985 position: absolute; 1986 width: 24px; 1987 height: 24px; 1988 bottom: 2px; 1989 left: 3px; 1990 border-radius: 3px; 1991 border: 1px solid #8c8f94; 1992 pointer-events: none; 1993 } 1994 #branded-social-images-editor .filename + .message { 1995 display: block; 1996 } 1997 #branded-social-images-editor .filename:empty + .message { 1998 display: none; 1999 } 2000 #branded-social-images-editor .disabled-notice { 2001 display: none; 2002 border: 1px solid red; 2003 background: rgba(255, 0, 0, 0.2); 2004 padding: 10px 20px; 2005 margin: 10px 0; 2006 color: red; 2007 } 2008 #branded-social-images-editor.bsi-disabled .disabled-notice { 2009 display: block; 2010 } -
branded-social-images/trunk/admin/admin.js
r2626599 r2883247 4 4 5 5 ;// CONCATENATED MODULE: ./node_modules/vanilla-picker/dist/vanilla-picker.mjs 6 /*! 7 * vanilla-picker v2.12.1 8 * https://vanilla-picker.js.org 9 * 10 * Copyright 2017-2021 Andreas Borgen (https://github.com/Sphinxxxx), Adam Brooks (https://github.com/dissimulate) 11 * Released under the ISC license. 12 */ 6 13 var classCallCheck = function (instance, Constructor) { 7 14 if (!(instance instanceof Constructor)) { … … 173 180 }, { 174 181 key: 'rgba', 175 get: function get $$1() {182 get: function get() { 176 183 if (this._rgba) { 177 184 return this._rgba; … … 183 190 return this._rgba = Color.hslToRgb(this._hsla); 184 191 }, 185 set: function set $$1(rgb) {192 set: function set(rgb) { 186 193 if (rgb.length === 3) { 187 194 rgb[3] = 1; … … 193 200 }, { 194 201 key: 'rgbString', 195 get: function get $$1() {202 get: function get() { 196 203 return this.printRGB(); 197 204 } 198 205 }, { 199 206 key: 'rgbaString', 200 get: function get $$1() {207 get: function get() { 201 208 return this.printRGB(true); 202 209 } 203 210 }, { 204 211 key: 'hsla', 205 get: function get $$1() {212 get: function get() { 206 213 if (this._hsla) { 207 214 return this._hsla; … … 213 220 return this._hsla = Color.rgbToHsl(this._rgba); 214 221 }, 215 set: function set $$1(hsl) {222 set: function set(hsl) { 216 223 if (hsl.length === 3) { 217 224 hsl[3] = 1; … … 223 230 }, { 224 231 key: 'hslString', 225 get: function get $$1() {232 get: function get() { 226 233 return this.printHSL(); 227 234 } 228 235 }, { 229 236 key: 'hslaString', 230 get: function get $$1() {237 get: function get() { 231 238 return this.printHSL(true); 232 239 } 233 240 }, { 234 241 key: 'hex', 235 get: function get $$1() {242 get: function get() { 236 243 var rgb = this.rgba, 237 244 hex = rgb.map(function (x, i) { … … 243 250 }).join(''); 244 251 }, 245 set: function set $$1(hex) {252 set: function set(hex) { 246 253 this.rgba = Color.hexToRgb(hex); 247 254 } … … 478 485 } 479 486 480 var BG_TRANSP = ' url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'2\' height=\'2\'%3E%3Cpath d=\'M1,0H0V1H2V2H1\' fill=\'lightgrey\'/%3E%3C/svg%3E")';487 var BG_TRANSP = 'linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0 / 2em 2em,\n linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em / 2em 2em'; 481 488 var HUES = 360; 482 489 … … 505 512 } 506 513 507 var _style = document.createElement('style');508 _style.textContent = '.picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:\'\';display:block;width:100%;height:0;-webkit-box-ordinal-group:2;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{-webkit-box-flex:1;flex:1 1 auto}.layout_default .picker_sl::before{content:\'\';display:block;padding-bottom:100%}.layout_default .picker_editor{-webkit-box-ordinal-group:2;order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{-webkit-box-ordinal-group:2;order:1;-webkit-box-flex:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{-webkit-box-ordinal-group:2;order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px dodgerblue}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:whitesmoke;background-image:-webkit-gradient(linear, left bottom, left top, from(gainsboro), to(transparent));background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:-webkit-gradient(linear, left bottom, left top, from(transparent), to(gainsboro));background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:white}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid white;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(red), color-stop(yellow), color-stop(lime), color-stop(cyan), color-stop(blue), color-stop(magenta), to(red));background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:-webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, rgba(255,255,255,0))),-webkit-gradient(linear, left bottom, left top, from(black), color-stop(50%, rgba(0,0,0,0))),-webkit-gradient(linear, left top, right top, from(gray), to(rgba(128,128,128,0)));background-image:linear-gradient(180deg, white, rgba(255,255,255,0) 50%),linear-gradient(0deg, black, rgba(0,0,0,0) 50%),linear-gradient(90deg, gray, rgba(128,128,128,0))}.picker_alpha,.picker_sample{position:relative;background:url("data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'2\' height=\'2\'%3E%3Cpath d=\'M1,0H0V1H2V2H1\' fill=\'lightgrey\'/%3E%3C/svg%3E") left top/contain white;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:\'\';position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,0.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}';509 document.documentElement.firstElementChild.appendChild(_style);510 511 514 var Picker = function () { 512 515 function Picker(options) { … … 944 947 bg = 'linear-gradient(' + [opaque, transp] + ')'; 945 948 946 this._domA.style.background Image= bg + ', ' + BG_TRANSP;949 this._domA.style.background = bg + ', ' + BG_TRANSP; 947 950 948 951 if (!flags.fromEditor) { … … 989 992 return toggle; 990 993 } 991 }], [{992 key: 'StyleElement',993 get: function get$$1() {994 return _style;995 }996 994 }]); 997 995 return Picker; 998 996 }(); 999 997 1000 /* harmony default export */ var vanilla_picker = (Picker); 998 { 999 var style = document.createElement('style'); 1000 style.textContent = '.picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{order:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%),linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%),linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.picker_alpha,.picker_sample{position:relative;background:linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0/2em 2em,linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}'; 1001 document.documentElement.firstElementChild.appendChild(style); 1002 1003 Picker.StyleElement = style; 1004 } 1005 1006 1001 1007 1002 1008 ;// CONCATENATED MODULE: ./src/helpers/hex_to_rgba.js 1003 1009 function hex_to_rgba(hex) { 1004 var c; // #ABC or #ABCD1005 1010 var c; 1011 // #ABC or #ABCD 1006 1012 if (/^#([A-Fa-f0-9]{3,4})$/.test(hex)) { 1007 1013 c = (hex + 'F').substring(1).split(''); 1008 1014 return hex_to_rgba(c[0], c[0], c[1], c[1], c[2], c[2], c[3], c[3]); 1009 1015 } 1010 1011 1016 c = '0x' + (hex.substring(1) + 'FF').substring(0, 8); 1012 1017 return 'rgba(' + [c >> 24 & 255, c >> 16 & 255, c >> 8 & 255, Math.round((c & 255) / 25.5) / 10].join(',') + ')'; … … 1016 1021 // this prevents any overhead from creating the object each time 1017 1022 var element = document.createElement('div'); 1018 1019 1023 function decodeHTMLEntities(str) { 1020 1024 if (str && typeof str === 'string') { 1021 // strip script/html tags 1022 str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, ''); 1023 str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, ''); 1025 // Fill HTML into element. 1024 1026 element.innerHTML = str; 1027 // Find all script tags and remove them. 1028 element.querySelectorAll('script').forEach(function (n) { 1029 return n.remove(); 1030 }); 1031 element.querySelectorAll('iframe').forEach(function (n) { 1032 return n.remove(); 1033 }); 1034 // Get the plain text; this removes all HTML, but keeps the content. 1025 1035 str = element.textContent; 1026 1036 element.textContent = ''; 1027 1037 } 1028 1029 1038 return str; 1030 1039 } 1031 1032 1040 return decodeHTMLEntities; 1033 1041 })()); … … 1038 1046 1039 1047 ; 1040 1041 1048 (function ($, s) { 1042 1049 var editor = $('#' + s); 1043 1044 1050 if (editor.length < 1) { 1045 1051 return false; 1046 1052 } 1047 1048 1053 var $body = $('body'), 1049 imageeditor = editor.find('.area--background .background'), 1050 logoeditor = editor.find('.area--logo:not(.logo-alternate) .logo'); 1051 1054 imageeditor = editor.find('.area--background .background'), 1055 logoeditor = editor.find('.area--logo:not(.logo-alternate) .logo'); 1052 1056 $.fn.attachMediaUpload = function () { 1053 1057 var wp_media_post_id = wp.media.model.settings.post.id; // Store the old id 1058 1054 1059 // Restore the main ID when the add media button is pressed 1055 1056 1060 $('a.add_media').on('click', function () { 1057 1061 // console.log('is this really needed?'); … … 1060 1064 return $(this).each(function (i, element) { 1061 1065 var file_frame, 1062 1063 1064 1065 1066 1067 1066 wrap = $(element), 1067 input = wrap.find('input').not('.button'), 1068 preview = wrap.find('.image-preview-wrapper img'), 1069 current_image_id = input.val(), 1070 button = wrap.find('.button').not('.remove'), 1071 remove = wrap.find('.button.remove'); 1068 1072 remove.on('click', function () { 1069 1073 var attachment = { … … 1075 1079 input.val(attachment.id); 1076 1080 current_image_id = attachment.id; 1077 }); // Uploading files 1078 1081 }); 1082 1083 // Uploading files 1079 1084 button.on('click', function (event) { 1080 event.preventDefault(); // If the media frame already exists, reopen it.1081 1085 event.preventDefault(); 1086 // If the media frame already exists, reopen it. 1082 1087 if (!file_frame) { 1083 1088 // console.log('new file_frame'); 1084 wp.media.model.settings.post.id = current_image_id; // Create the media frame.1085 1089 wp.media.model.settings.post.id = current_image_id; 1090 // Create the media frame. 1086 1091 file_frame = wp.media.frames.file_frame = wp.media({ 1087 1092 title: bsi_settings.text.image_upload_title, … … 1093 1098 }, 1094 1099 multiple: false // Set to true to allow multiple files to be selected 1095 1096 }); // When an image is selected, run a callback. 1097 1100 }); 1101 1102 // When an image is selected, run a callback. 1098 1103 file_frame.on('select', function () { 1099 1104 // We set multiple to false so only get one image from the uploader 1100 1105 var attachment = file_frame.state().get('selection').first().toJSON(); 1101 1102 1106 if ('sizes' in attachment && 'og-image' in attachment.sizes) { 1103 1107 attachment.url = attachment.sizes['og-image'].url; 1104 } // Do something with attachment.id and/or attachment.url here 1105 1106 1108 } 1109 // Do something with attachment.id and/or attachment.url here 1107 1110 preview.attr('src', attachment.url); 1108 1111 input.trigger('image:select', [attachment]); 1109 1112 input.val(attachment.id); 1110 current_image_id = attachment.id; // Restore the main post ID1111 1113 current_image_id = attachment.id; 1114 // Restore the main post ID 1112 1115 wp.media.model.settings.post.id = wp_media_post_id; 1113 1116 }).on('open', function () { 1114 1117 var selection = file_frame.state().get('selection'); 1115 1116 1118 if (current_image_id) { 1117 1119 selection.add(wp.media.attachment(current_image_id)); 1118 1120 } 1119 1121 }); 1120 } // Set the post ID to what we want 1122 } 1123 // Set the post ID to what we want 1121 1124 // file_frame.uploader.options.uploader.params.post_id = current_image_id; 1122 1125 // Open frame 1123 1126 // console.log('opening file_frame'); 1124 1125 1126 1127 file_frame.open(); 1127 1128 }); 1128 1129 }); 1129 1130 }; 1130 1131 1131 $.fn.BSIattachFileUpload = function () { 1132 1132 var wp_media_post_id = wp.media.model.settings.post.id; // Store the old id 1133 1133 1134 // Restore the main ID when the add media button is pressed 1134 1135 1135 $('a.add_media').on('click', function () { 1136 1136 // console.log('is this really needed?'); … … 1139 1139 return $(this).each(function () { 1140 1140 var file_frame, 1141 wrap = $(this), 1142 input = wrap.find('input').not('.button'), 1143 current_image_id = input.val(), 1144 button = wrap.find('.button').not('.remove'); // Uploading files 1145 1141 wrap = $(this), 1142 input = wrap.find('input').not('.button'), 1143 current_image_id = input.val(), 1144 button = wrap.find('.button').not('.remove'); 1145 1146 // Uploading files 1146 1147 button.on('click', function (event) { 1147 event.preventDefault(); // If the media frame already exists, reopen it.1148 1148 event.preventDefault(); 1149 // If the media frame already exists, reopen it. 1149 1150 if (!file_frame) { 1150 1151 // console.log('new file_frame'); 1151 wp.media.model.settings.post.id = current_image_id; // Create the media frame.1152 1152 wp.media.model.settings.post.id = current_image_id; 1153 // Create the media frame. 1153 1154 file_frame = wp.media.frames.file_frame = wp.media({ 1154 1155 title: bsi_settings.text.file_upload_title, … … 1160 1161 }, 1161 1162 multiple: false // Set to true to allow multiple files to be selected 1162 1163 });// console.log(file_frame);1163 }); 1164 // console.log(file_frame); 1164 1165 // When an image is selected, run a callback. 1165 1166 1166 file_frame.on('select', function () { 1167 1167 // We set multiple to false so only get one image from the uploader 1168 var attachment = file_frame.state().get('selection').first().toJSON(); // Do something with attachment.id and/or attachment.url here1169 1170 input.trigger('file:select', [attachment]); // console.log(attachment);1171 1168 var attachment = file_frame.state().get('selection').first().toJSON(); 1169 // Do something with attachment.id and/or attachment.url here 1170 input.trigger('file:select', [attachment]); 1171 // console.log(attachment); 1172 1172 input.val(attachment.id); 1173 current_image_id = attachment.id; // Restore the main post ID1174 1173 current_image_id = attachment.id; 1174 // Restore the main post ID 1175 1175 wp.media.model.settings.post.id = wp_media_post_id; 1176 1176 }).on('open', function () { 1177 1177 var selection = file_frame.state().get('selection'); 1178 1179 1178 if (current_image_id) { 1180 1179 selection.add(wp.media.attachment(current_image_id)); 1181 1180 } 1182 1181 }); 1183 } // Set the post ID to what we want 1182 } 1183 // Set the post ID to what we want 1184 1184 // file_frame.uploader.options.uploader.params.post_id = current_image_id; 1185 1185 // Open frame 1186 1186 // console.log('opening file_frame'); 1187 1188 1189 1187 file_frame.open(); 1190 1188 }); 1191 1189 }); 1192 1190 }; 1193 1194 1191 $(document).ready(function () { 1195 1192 var texteditor = editor.find('.editable'); … … 1197 1194 editor.find('h2 .toggle').on('click touchend', function (e) { 1198 1195 $(e.target).closest('[class^="area"]').toggleClass('closed'); 1199 }); // bugfix: compose.js is preventing things like undo. 1200 1196 }); 1197 1198 // bugfix: compose.js is preventing things like undo. 1201 1199 editor.on('keypress keyup keydown', function (e) { 1202 1200 e.stopPropagation(); 1203 }); // native JS solution for paste-fix 1204 1201 }); 1202 1203 // native JS solution for paste-fix 1205 1204 texteditor.get(0).addEventListener('paste', function () { 1206 1205 // console.log('PASTE with visual editor'); … … 1209 1208 var text = texteditor.text(); 1210 1209 var html = texteditor.html(); 1211 1212 1210 if (text !== html) { 1213 text = text.replace('<br[^>]*>/g', '\n'); // console.log('cleaning from', html); 1211 text = text.replace('<br[^>]*>/g', '\n'); 1212 // console.log('cleaning from', html); 1214 1213 // console.log('cleaning to', text); 1215 1216 1214 texteditor.text(text).trigger('keyup'); 1217 1215 } 1218 1216 }, 250); 1219 }); // update target when editor edited 1220 1217 }); 1218 1219 // update target when editor edited 1221 1220 texteditor.on('blur keyup paste', function () { 1222 1221 // console.log('interaction with visual editor: ', e); 1223 1222 setTimeout(function () { 1224 1223 texteditor_target.val(texteditor.text()); 1225 }, 250); // once we edit, remove the automatic update 1226 1224 }, 250); 1225 1226 // once we edit, remove the automatic update 1227 1227 editor.removeClass('auto-title'); 1228 1228 }); … … 1231 1231 texteditor_target.val(texteditor_target.val().replace(/ <br/g, '<br')); 1232 1232 texteditor_target.val(texteditor_target.val().replace(/ \n/g, '\n')); 1233 texteditor.text(texteditor_target.val()); // once we edit, remove the automatic update 1234 1233 texteditor.text(texteditor_target.val()); 1234 1235 // once we edit, remove the automatic update 1235 1236 editor.removeClass('auto-title'); 1236 }); // update editor when target edited 1237 1237 }); 1238 1239 // update editor when target edited 1238 1240 texteditor_target.on('blur keyup paste', function () { 1239 1241 // console.log('copy hidden field to visual: ', e); 1240 1242 texteditor.text(decode_entities(texteditor_target.val())); 1241 }).trigger('paste'); // text color 1242 1243 }).trigger('paste'); 1244 1245 // text color 1243 1246 editor.find('#color').on('keyup blur paste input', function () { 1244 1247 editor.get(0).style.setProperty('--text-color', hex_to_rgba($(this).val())); 1245 }); // text background color1246 1248 }); 1249 // text background color 1247 1250 editor.find('#background_enabled,#background_color').on('keyup blur paste input change', function () { 1248 1251 var use_background = editor.find('#background_enabled').is(':checked'); 1249 1252 editor.toggleClass('with-text-background', use_background); 1250 1253 editor.get(0).style.setProperty('--text-background', hex_to_rgba(editor.find('#background_color').val())); 1251 }).trigger('blur'); // text shadow options1252 1254 }).trigger('blur'); 1255 // text shadow options 1253 1256 editor.find('#text_shadow_color').on('keyup blur paste input', function () { 1254 1257 editor.get(0).style.setProperty('--text-shadow-color', hex_to_rgba($(this).val())); … … 1269 1272 editor.find('#disabled').on('change', function () { 1270 1273 editor.toggleClass('bsi-disabled', $(this).is(':checked')); 1271 }); // positions 1272 1274 }); 1275 1276 // positions 1273 1277 $('.wrap-position-grid input').on('change', function () { 1274 1278 var c = $(this).closest('.wrap-position-grid'); … … 1277 1281 return (className.match(new RegExp('(^|\\s)' + n + '-\\S+', 'g')) || []).join(' '); 1278 1282 }).addClass(n + '-' + c.find('input:checked').attr('value')); 1279 }).trigger('change'); // logo size 1280 1283 }).trigger('change'); 1284 1285 // logo size 1281 1286 $('#image_logo_size').on('keyup blur paste input', function () { 1282 1287 var v = parseInt('0' + $(this).val(), 10); 1283 1288 var logo_min = parseInt($(this).attr('min'), 10); 1284 1289 var logo_max = parseInt($(this).attr('max'), 10); 1285 1286 1290 if (v < logo_min) { 1287 1291 v = logo_min; 1288 1292 } 1289 1290 1293 if (v > logo_max) { 1291 1294 v = logo_max; 1292 1295 } 1293 1294 1296 editor.get(0).style.setProperty('--logo-scale', v); 1295 }).trigger('blur'); // font size 1296 1297 }).trigger('blur'); 1298 1299 // font size 1297 1300 $('#text__font_size').on('keyup blur paste input', function () { 1298 1301 var v = parseInt('0' + $(this).val(), 10); 1299 1302 var fs_min = parseInt($(this).attr('min'), 10); 1300 1303 var fs_max = parseInt($(this).attr('max'), 10); 1301 1302 1304 if (v < fs_min) { 1303 1305 v = fs_min; 1304 1306 } 1305 1306 1307 if (v > fs_max) { 1307 1308 v = fs_max; 1308 1309 } 1309 1310 1310 editor.get(0).style.setProperty('--font-size', v + 'px'); 1311 1311 editor.get(0).style.setProperty('--line-height', v * 1.25 + 'px'); 1312 }).trigger('blur'); // sliders 1313 1312 }).trigger('blur'); 1313 1314 // sliders 1314 1315 $('.add-slider').each(function () { 1315 1316 var $input = $(this).find('input'); … … 1342 1343 } else { 1343 1344 editor.get(0).style.setProperty('--logo-width', 410); // this is the example logo 1344 1345 1345 editor.get(0).style.setProperty('--logo-height', 82); 1346 1346 logoeditor.get(0).style.backgroundImage = ''; … … 1365 1365 $('.input-color', editor).each(function () { 1366 1366 var $input = $(this).find('input'); 1367 new vanilla_picker({1367 new Picker({ 1368 1368 parent: this, 1369 1369 popup: 'top', … … 1372 1372 $input.val(color.hex.toUpperCase()).parent().get(0).style.setProperty('--the-color', hex_to_rgba(color.hex)); 1373 1373 $input.trigger('blur'); 1374 } // onDone: function(color){}, 1374 } 1375 // onDone: function(color){}, 1375 1376 // onOpen: function(color){}, 1376 1377 // onClose: function(color){} 1377 1378 1378 }); 1379 1379 }); 1380 1380 1381 var getFeaturedImage = function getFeaturedImage() {}; // window.getFeaturedImage = getFeaturedImage; 1382 1383 1381 var getFeaturedImage = function getFeaturedImage() {}; 1382 // window.getFeaturedImage = getFeaturedImage; 1384 1383 var subscribe, 1385 state = { 1386 yoast: false, 1387 rankmath: false, 1388 featured: false 1389 }; 1390 1384 state = { 1385 yoast: false, 1386 rankmath: false, 1387 featured: false 1388 }; 1391 1389 if ($body.is('.block-editor-page')) { 1392 1390 var select = wp.data.select; 1393 1391 subscribe = wp.data.subscribe; 1394 1395 1392 var _coreDataSelect, _coreEditorSelect; 1396 1397 1393 var getMediaById = function getMediaById(mediaId) { 1398 1394 if (!_coreDataSelect) { 1399 1395 _coreDataSelect = select('core'); 1400 1396 } 1401 1402 1397 return _coreDataSelect.getMedia(mediaId); 1403 1398 }; 1404 1405 1399 var getPostAttribute = function getPostAttribute(attribute) { 1406 1400 if (!_coreEditorSelect) { 1407 1401 _coreEditorSelect = select('core/editor'); 1408 1402 } 1409 1410 1403 return _coreEditorSelect.getEditedPostAttribute(attribute); 1411 1404 }; 1412 1413 1405 getFeaturedImage = function getFeaturedImage() { 1414 1406 var featuredImage = getPostAttribute('featured_media'); 1415 1416 1407 if (featuredImage) { 1417 1408 var mediaObj = getMediaById(featuredImage); 1418 1419 1409 if (mediaObj) { 1420 1410 if (bsi_settings.image_size_name in mediaObj.media_details.sizes) { 1421 1411 return mediaObj.media_details.sizes[bsi_settings.image_size_name].source_url; 1422 1412 } 1423 1424 1413 return mediaObj.source_url; 1425 1414 } 1426 1415 } 1427 1428 1416 return null; 1429 1417 }; … … 1432 1420 return $('#set-post-thumbnail img').attr('src') || ''; 1433 1421 }; 1434 } // yoast?? no events on the input, use polling1435 1436 1422 } 1423 1424 // yoast?? no events on the input, use polling 1437 1425 var getYoastFacebookImage = function getYoastFacebookImage() { 1438 1426 var url; 1439 1427 var $field = $('#facebook-url-input-metabox'); 1440 1428 var $preview = $('#wpseo-section-social > div:n' + 'th(0) .yoast-image-select__preview--image'); 1441 1442 1429 if (!$field.length && !$preview.length) { 1443 1430 return false; 1444 1431 } 1445 1446 1432 url = $field.val(); 1447 1448 1433 if (!url) { 1449 1434 url = $preview.attr('src'); 1450 1435 } 1451 1452 1436 return url; 1453 }; // rankmath?? no events on the input, use polling1454 1455 1437 }; 1438 1439 // rankmath?? no events on the input, use polling 1456 1440 var getRankMathFacebookImage = function getRankMathFacebookImage() { 1457 1441 var url; 1458 1442 var $preview = $('.rank-math-social-preview-facebook .rank-math-social-image-thumbnail'); 1459 1460 1443 if (!$preview.length) { 1461 1444 url = state.rankmath; … … 1465 1448 url = $preview.attr('src'); 1466 1449 } 1467 1468 1450 return url; 1469 1451 }; 1470 1471 1452 state = { 1472 1453 yoast: getYoastFacebookImage(), 1473 1454 rankmath: getYoastFacebookImage(), 1474 1455 featured: getFeaturedImage() 1475 }; // window.i_state = state; 1456 }; 1457 1458 // window.i_state = state; 1476 1459 // window.i_gyfi = getYoastFacebookImage; 1477 1460 // window.i_grmfi = getRankMathFacebookImage; … … 1480 1463 var external_images_maybe_changed = function external_images_maybe_changed() { 1481 1464 setTimeout(function () { 1482 var url; // yoast1483 1465 var url; 1466 // yoast 1484 1467 if ($('.area--background-alternate.image-source-yoast').length) { 1485 1468 url = getYoastFacebookImage(); 1486 1487 1469 if (state.yoast !== url) { 1488 1470 state.yoast = url; 1489 1490 1471 if (url) { 1491 1472 $('.area--background-alternate.image-source-yoast .background').get(0).style.backgroundImage = 'url("' + url + '")'; … … 1494 1475 } 1495 1476 } 1496 } // rankmath1497 1498 1477 } 1478 1479 // rankmath 1499 1480 if ($('.area--background-alternate.image-source-rankmath').length) { 1500 1481 url = getRankMathFacebookImage(); 1501 1502 1482 if (state.rankmath !== url) { 1503 1483 state.rankmath = url; 1504 1505 1484 if (url) { 1506 1485 $('.area--background-alternate.image-source-rankmath .background').get(0).style.backgroundImage = 'url("' + url + '")'; … … 1509 1488 } 1510 1489 } 1511 } // thumbnail1512 1513 1490 } 1491 1492 // thumbnail 1514 1493 if ($('.area--background-alternate.image-source-thumbnail').length) { 1515 1494 url = getFeaturedImage(); 1516 1517 1495 if (state.featured !== url) { 1518 1496 state.featured = url; 1519 1520 1497 if (url) { 1521 1498 $('.area--background-alternate.image-source-thumbnail .background').get(0).style.backgroundImage = 'url("' + url + '")'; … … 1527 1504 }, 500); 1528 1505 }; 1529 1530 1506 if ($body.is('.block-editor-page')) { 1531 1507 var debounce; … … 1534 1510 clearTimeout(debounce); 1535 1511 } 1536 1537 1512 debounce = setTimeout(function () { 1538 1513 external_images_maybe_changed(); … … 1540 1515 }); 1541 1516 } 1542 1543 setInterval(external_images_maybe_changed, 5000); // monitor available space for editor 1517 setInterval(external_images_maybe_changed, 5000); 1518 1519 // monitor available space for editor 1544 1520 // you might be wondering, why? 1545 1521 // we use zoom to scale the entire interface because otherwise we would have to size all images and the text based on viewport width... which is even more crap 1546 1547 1522 var monitor_space = function monitor_space() { 1548 1523 var w = $('#branded-social-images').outerWidth(); 1549 1550 1524 if (w < 600) { 1551 1525 editor.get(0).style.setProperty('--editor-scale', (w - 26) / 600 * 0.5); … … 1554 1528 } 1555 1529 }; 1556 1557 1530 $(window).on('resize', monitor_space); 1558 setTimeout(monitor_space, 1000); // monitor title 1559 1531 setTimeout(monitor_space, 1000); 1532 1533 // monitor title 1560 1534 var title_field = $('.wp-admin,.block-editor-page').filter('.post-new-php,.edit-php').find('#post #title,.block-editor #post-title-0').get(0); 1561 1562 1535 var update_auto_title = function update_auto_title() { 1563 1536 // sure? … … 1570 1543 } 1571 1544 }; 1572 1573 1545 if (title_field) { 1574 1546 $(title_field).on('keyup change blur', update_auto_title).trigger('keyup'); … … 1576 1548 }); 1577 1549 })(jQuery, 'branded-social-images-editor'); 1550 1551 // Test the decoder: console.log(decodeEntities('<h1>title</h1><p>paragraph1<p>paragraph2<p>paragraph3<p>paragraph4</p></p></p></p><script>script()</script>')); 1578 1552 /******/ })() 1579 1553 ; -
branded-social-images/trunk/admin/admin.min.css
r2636230 r2883247 1 #branded-social-images-editor .ui-helper-hidden{display:none}#branded-social-images-editor .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#branded-social-images-editor .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}#branded-social-images-editor .ui-helper-clearfix:after,#branded-social-images-editor .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}#branded-social-images-editor .ui-helper-clearfix:after{clear:both}#branded-social-images-editor .ui-helper-clearfix{min-height:0}#branded-social-images-editor .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}#branded-social-images-editor .ui-front{z-index:3}#branded-social-images-editor .ui-state-disabled{cursor:default!important}#branded-social-images-editor .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}#branded-social-images-editor .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}#branded-social-images-editor .ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}#branded-social-images-editor .ui-accordion .ui-accordion-icons,#branded-social-images-editor .ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}#branded-social-images-editor .ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}#branded-social-images-editor .ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}#branded-social-images-editor .ui-autocomplete{position:absolute;top:0;left:0;cursor:default}#branded-social-images-editor .ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}#branded-social-images-editor .ui-button,#branded-social-images-editor .ui-button:active,#branded-social-images-editor .ui-button:hover,#branded-social-images-editor .ui-button:link,#branded-social-images-editor .ui-button:visited{text-decoration:none}#branded-social-images-editor .ui-button-icon-only{width:2.2em}#branded-social-images-editor button.ui-button-icon-only{width:2.4em}#branded-social-images-editor .ui-button-icons-only{width:3.4em}#branded-social-images-editor button.ui-button-icons-only{width:3.7em}#branded-social-images-editor .ui-button .ui-button-text{display:block;line-height:normal}#branded-social-images-editor .ui-button-text-only .ui-button-text{padding:.4em 1em}#branded-social-images-editor .ui-button-icon-only .ui-button-text,#branded-social-images-editor .ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}#branded-social-images-editor .ui-button-text-icon-primary .ui-button-text,#branded-social-images-editor .ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}#branded-social-images-editor .ui-button-text-icon-secondary .ui-button-text,#branded-social-images-editor .ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}#branded-social-images-editor .ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}#branded-social-images-editor input.ui-button{padding:.4em 1em}#branded-social-images-editor .ui-button-icon-only .ui-icon,#branded-social-images-editor .ui-button-icons-only .ui-icon,#branded-social-images-editor .ui-button-text-icon-primary .ui-icon,#branded-social-images-editor .ui-button-text-icon-secondary .ui-icon,#branded-social-images-editor .ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}#branded-social-images-editor .ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}#branded-social-images-editor .ui-button-icons-only .ui-button-icon-primary,#branded-social-images-editor .ui-button-text-icon-primary .ui-button-icon-primary,#branded-social-images-editor .ui-button-text-icons .ui-button-icon-primary{left:.5em}#branded-social-images-editor .ui-button-icons-only .ui-button-icon-secondary,#branded-social-images-editor .ui-button-text-icon-secondary .ui-button-icon-secondary,#branded-social-images-editor .ui-button-text-icons .ui-button-icon-secondary{right:.5em}#branded-social-images-editor .ui-buttonset{margin-right:7px}#branded-social-images-editor .ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}#branded-social-images-editor button.ui-button::-moz-focus-inner,#branded-social-images-editor input.ui-button::-moz-focus-inner{border:0;padding:0}#branded-social-images-editor .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}#branded-social-images-editor .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}#branded-social-images-editor .ui-datepicker .ui-datepicker-next,#branded-social-images-editor .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}#branded-social-images-editor .ui-datepicker .ui-datepicker-next-hover,#branded-social-images-editor .ui-datepicker .ui-datepicker-prev-hover{top:1px}#branded-social-images-editor .ui-datepicker .ui-datepicker-prev{left:2px}#branded-social-images-editor .ui-datepicker .ui-datepicker-next{right:2px}#branded-social-images-editor .ui-datepicker .ui-datepicker-prev-hover{left:1px}#branded-social-images-editor .ui-datepicker .ui-datepicker-next-hover{right:1px}#branded-social-images-editor .ui-datepicker .ui-datepicker-next span,#branded-social-images-editor .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}#branded-social-images-editor .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}#branded-social-images-editor .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}#branded-social-images-editor .ui-datepicker select.ui-datepicker-month,#branded-social-images-editor .ui-datepicker select.ui-datepicker-year{width:45%}#branded-social-images-editor .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}#branded-social-images-editor .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}#branded-social-images-editor .ui-datepicker td{border:0;padding:1px}#branded-social-images-editor .ui-datepicker td a,#branded-social-images-editor .ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}#branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}#branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}#branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}#branded-social-images-editor .ui-datepicker.ui-datepicker-multi{width:auto}#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group{float:left}#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}#branded-social-images-editor .ui-datepicker-multi-2 .ui-datepicker-group{width:50%}#branded-social-images-editor .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}#branded-social-images-editor .ui-datepicker-multi-4 .ui-datepicker-group{width:25%}#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}#branded-social-images-editor .ui-datepicker-row-break{clear:both;width:100%;font-size:0}#branded-social-images-editor .ui-datepicker-rtl{direction:rtl}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group{float:right}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}#branded-social-images-editor .ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}#branded-social-images-editor .ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}#branded-social-images-editor .ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}#branded-social-images-editor .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}#branded-social-images-editor .ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}#branded-social-images-editor .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}#branded-social-images-editor .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}#branded-social-images-editor .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}#branded-social-images-editor .ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}#branded-social-images-editor .ui-draggable .ui-dialog-titlebar{cursor:move}#branded-social-images-editor .ui-draggable-handle{-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}#branded-social-images-editor .ui-menu .ui-menu{position:absolute}#branded-social-images-editor .ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}#branded-social-images-editor .ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}#branded-social-images-editor .ui-menu .ui-state-active,#branded-social-images-editor .ui-menu .ui-state-focus{margin:-1px}#branded-social-images-editor .ui-menu-icons{position:relative}#branded-social-images-editor .ui-menu-icons .ui-menu-item{padding-left:2em}#branded-social-images-editor .ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}#branded-social-images-editor .ui-menu .ui-menu-icon{left:auto;right:0}#branded-social-images-editor .ui-progressbar{height:2em;text-align:left;overflow:hidden}#branded-social-images-editor .ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}#branded-social-images-editor .ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:.25}#branded-social-images-editor .ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}#branded-social-images-editor .ui-resizable{position:relative}#branded-social-images-editor .ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-resizable-autohide .ui-resizable-handle,#branded-social-images-editor .ui-resizable-disabled .ui-resizable-handle{display:none}#branded-social-images-editor .ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}#branded-social-images-editor .ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}#branded-social-images-editor .ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}#branded-social-images-editor .ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}#branded-social-images-editor .ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}#branded-social-images-editor .ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}#branded-social-images-editor .ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}#branded-social-images-editor .ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}#branded-social-images-editor .ui-selectable{-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-selectable-helper{position:absolute;z-index:3;border:1px dotted #000}#branded-social-images-editor .ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}#branded-social-images-editor .ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}#branded-social-images-editor .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0;height:auto;border:0}#branded-social-images-editor .ui-selectmenu-open{display:block}#branded-social-images-editor .ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}#branded-social-images-editor .ui-selectmenu-button span.ui-icon{right:.5em;left:auto;margin-top:-8px;position:absolute;top:50%}#branded-social-images-editor .ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:.4em 2.1em .4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#branded-social-images-editor .ui-slider{position:relative;text-align:left}#branded-social-images-editor .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}#branded-social-images-editor .ui-slider.ui-state-disabled .ui-slider-handle,#branded-social-images-editor .ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}#branded-social-images-editor .ui-slider-horizontal{height:.8em}#branded-social-images-editor .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}#branded-social-images-editor .ui-slider-horizontal .ui-slider-range{top:0;height:100%}#branded-social-images-editor .ui-slider-horizontal .ui-slider-range-min{left:0}#branded-social-images-editor .ui-slider-horizontal .ui-slider-range-max{right:0}#branded-social-images-editor .ui-slider-vertical{width:.8em;height:100px}#branded-social-images-editor .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}#branded-social-images-editor .ui-slider-vertical .ui-slider-range{left:0;width:100%}#branded-social-images-editor .ui-slider-vertical .ui-slider-range-min{bottom:0}#branded-social-images-editor .ui-slider-vertical .ui-slider-range-max{top:0}#branded-social-images-editor .ui-sortable-handle{-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}#branded-social-images-editor .ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}#branded-social-images-editor .ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}#branded-social-images-editor .ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}#branded-social-images-editor .ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}#branded-social-images-editor .ui-spinner-up{top:0}#branded-social-images-editor .ui-spinner-down{bottom:0}#branded-social-images-editor .ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}#branded-social-images-editor .ui-tabs{position:relative;padding:.2em}#branded-social-images-editor .ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}#branded-social-images-editor .ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}#branded-social-images-editor .ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}#branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}#branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,#branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,#branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}#branded-social-images-editor .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}#branded-social-images-editor .ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}#branded-social-images-editor .ui-tooltip{padding:8px;position:absolute;z-index:4;max-width:300px;box-shadow:0 0 5px #aaa}#branded-social-images-editor body .ui-tooltip{border-width:2px}#branded-social-images-editor .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}#branded-social-images-editor .ui-widget .ui-widget{font-size:1em}#branded-social-images-editor .ui-widget button,#branded-social-images-editor .ui-widget input,#branded-social-images-editor .ui-widget select,#branded-social-images-editor .ui-widget textarea{font-family:Verdana,Arial,sans-serif;font-size:1em}#branded-social-images-editor .ui-widget-content{border:1px solid #aaa;background:#fff url(../admin/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}#branded-social-images-editor .ui-widget-content a{color:#222}#branded-social-images-editor .ui-widget-header{border:1px solid #aaa;background:#ccc url(../admin/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}#branded-social-images-editor .ui-widget-header a{color:#222}#branded-social-images-editor .ui-state-default,#branded-social-images-editor .ui-widget-content .ui-state-default,#branded-social-images-editor .ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(../admin/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}#branded-social-images-editor .ui-state-default a,#branded-social-images-editor .ui-state-default a:link,#branded-social-images-editor .ui-state-default a:visited{color:#555;text-decoration:none}#branded-social-images-editor .ui-state-focus,#branded-social-images-editor .ui-state-hover,#branded-social-images-editor .ui-widget-content .ui-state-focus,#branded-social-images-editor .ui-widget-content .ui-state-hover,#branded-social-images-editor .ui-widget-header .ui-state-focus,#branded-social-images-editor .ui-widget-header .ui-state-hover{border:1px solid #999;background:#dadada url(../admin/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}#branded-social-images-editor .ui-state-focus a,#branded-social-images-editor .ui-state-focus a:hover,#branded-social-images-editor .ui-state-focus a:link,#branded-social-images-editor .ui-state-focus a:visited,#branded-social-images-editor .ui-state-hover a,#branded-social-images-editor .ui-state-hover a:hover,#branded-social-images-editor .ui-state-hover a:link,#branded-social-images-editor .ui-state-hover a:visited{color:#212121;text-decoration:none}#branded-social-images-editor .ui-state-active,#branded-social-images-editor .ui-widget-content .ui-state-active,#branded-social-images-editor .ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(../admin/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}#branded-social-images-editor .ui-state-active a,#branded-social-images-editor .ui-state-active a:link,#branded-social-images-editor .ui-state-active a:visited{color:#212121;text-decoration:none}#branded-social-images-editor .ui-state-highlight,#branded-social-images-editor .ui-widget-content .ui-state-highlight,#branded-social-images-editor .ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(../admin/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}#branded-social-images-editor .ui-state-highlight a,#branded-social-images-editor .ui-widget-content .ui-state-highlight a,#branded-social-images-editor .ui-widget-header .ui-state-highlight a{color:#363636}#branded-social-images-editor .ui-state-error,#branded-social-images-editor .ui-widget-content .ui-state-error,#branded-social-images-editor .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(../admin/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}#branded-social-images-editor .ui-state-error-text,#branded-social-images-editor .ui-state-error a,#branded-social-images-editor .ui-widget-content .ui-state-error-text,#branded-social-images-editor .ui-widget-content .ui-state-error a,#branded-social-images-editor .ui-widget-header .ui-state-error-text,#branded-social-images-editor .ui-widget-header .ui-state-error a{color:#cd0a0a}#branded-social-images-editor .ui-priority-primary,#branded-social-images-editor .ui-widget-content .ui-priority-primary,#branded-social-images-editor .ui-widget-header .ui-priority-primary{font-weight:700}#branded-social-images-editor .ui-priority-secondary,#branded-social-images-editor .ui-widget-content .ui-priority-secondary,#branded-social-images-editor .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}#branded-social-images-editor .ui-state-disabled,#branded-social-images-editor .ui-widget-content .ui-state-disabled,#branded-social-images-editor .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}#branded-social-images-editor .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}#branded-social-images-editor .ui-icon{width:16px;height:16px}#branded-social-images-editor .ui-icon,#branded-social-images-editor .ui-widget-content .ui-icon,#branded-social-images-editor .ui-widget-header .ui-icon{background-image:url(../admin/images/ui-icons_222222_256x240.png)}#branded-social-images-editor .ui-state-default .ui-icon{background-image:url(../admin/images/ui-icons_888888_256x240.png)}#branded-social-images-editor .ui-state-active .ui-icon,#branded-social-images-editor .ui-state-focus .ui-icon,#branded-social-images-editor .ui-state-hover .ui-icon{background-image:url(../admin/images/ui-icons_454545_256x240.png)}#branded-social-images-editor .ui-state-highlight .ui-icon{background-image:url(../admin/images/ui-icons_2e83ff_256x240.png)}#branded-social-images-editor .ui-state-error-text .ui-icon,#branded-social-images-editor .ui-state-error .ui-icon{background-image:url(../admin/images/ui-icons_cd0a0a_256x240.png)}#branded-social-images-editor .ui-icon-blank{background-position:16px 16px}#branded-social-images-editor .ui-icon-carat-1-n{background-position:0 0}#branded-social-images-editor .ui-icon-carat-1-ne{background-position:-16px 0}#branded-social-images-editor .ui-icon-carat-1-e{background-position:-32px 0}#branded-social-images-editor .ui-icon-carat-1-se{background-position:-48px 0}#branded-social-images-editor .ui-icon-carat-1-s{background-position:-64px 0}#branded-social-images-editor .ui-icon-carat-1-sw{background-position:-80px 0}#branded-social-images-editor .ui-icon-carat-1-w{background-position:-96px 0}#branded-social-images-editor .ui-icon-carat-1-nw{background-position:-112px 0}#branded-social-images-editor .ui-icon-carat-2-n-s{background-position:-128px 0}#branded-social-images-editor .ui-icon-carat-2-e-w{background-position:-144px 0}#branded-social-images-editor .ui-icon-triangle-1-n{background-position:0 -16px}#branded-social-images-editor .ui-icon-triangle-1-ne{background-position:-16px -16px}#branded-social-images-editor .ui-icon-triangle-1-e{background-position:-32px -16px}#branded-social-images-editor .ui-icon-triangle-1-se{background-position:-48px -16px}#branded-social-images-editor .ui-icon-triangle-1-s{background-position:-64px -16px}#branded-social-images-editor .ui-icon-triangle-1-sw{background-position:-80px -16px}#branded-social-images-editor .ui-icon-triangle-1-w{background-position:-96px -16px}#branded-social-images-editor .ui-icon-triangle-1-nw{background-position:-112px -16px}#branded-social-images-editor .ui-icon-triangle-2-n-s{background-position:-128px -16px}#branded-social-images-editor .ui-icon-triangle-2-e-w{background-position:-144px -16px}#branded-social-images-editor .ui-icon-arrow-1-n{background-position:0 -32px}#branded-social-images-editor .ui-icon-arrow-1-ne{background-position:-16px -32px}#branded-social-images-editor .ui-icon-arrow-1-e{background-position:-32px -32px}#branded-social-images-editor .ui-icon-arrow-1-se{background-position:-48px -32px}#branded-social-images-editor .ui-icon-arrow-1-s{background-position:-64px -32px}#branded-social-images-editor .ui-icon-arrow-1-sw{background-position:-80px -32px}#branded-social-images-editor .ui-icon-arrow-1-w{background-position:-96px -32px}#branded-social-images-editor .ui-icon-arrow-1-nw{background-position:-112px -32px}#branded-social-images-editor .ui-icon-arrow-2-n-s{background-position:-128px -32px}#branded-social-images-editor .ui-icon-arrow-2-ne-sw{background-position:-144px -32px}#branded-social-images-editor .ui-icon-arrow-2-e-w{background-position:-160px -32px}#branded-social-images-editor .ui-icon-arrow-2-se-nw{background-position:-176px -32px}#branded-social-images-editor .ui-icon-arrowstop-1-n{background-position:-192px -32px}#branded-social-images-editor .ui-icon-arrowstop-1-e{background-position:-208px -32px}#branded-social-images-editor .ui-icon-arrowstop-1-s{background-position:-224px -32px}#branded-social-images-editor .ui-icon-arrowstop-1-w{background-position:-240px -32px}#branded-social-images-editor .ui-icon-arrowthick-1-n{background-position:0 -48px}#branded-social-images-editor .ui-icon-arrowthick-1-ne{background-position:-16px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-e{background-position:-32px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-se{background-position:-48px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-s{background-position:-64px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-sw{background-position:-80px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-w{background-position:-96px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-nw{background-position:-112px -48px}#branded-social-images-editor .ui-icon-arrowthick-2-n-s{background-position:-128px -48px}#branded-social-images-editor .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}#branded-social-images-editor .ui-icon-arrowthick-2-e-w{background-position:-160px -48px}#branded-social-images-editor .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}#branded-social-images-editor .ui-icon-arrowthickstop-1-n{background-position:-192px -48px}#branded-social-images-editor .ui-icon-arrowthickstop-1-e{background-position:-208px -48px}#branded-social-images-editor .ui-icon-arrowthickstop-1-s{background-position:-224px -48px}#branded-social-images-editor .ui-icon-arrowthickstop-1-w{background-position:-240px -48px}#branded-social-images-editor .ui-icon-arrowreturnthick-1-w{background-position:0 -64px}#branded-social-images-editor .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}#branded-social-images-editor .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}#branded-social-images-editor .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}#branded-social-images-editor .ui-icon-arrowreturn-1-w{background-position:-64px -64px}#branded-social-images-editor .ui-icon-arrowreturn-1-n{background-position:-80px -64px}#branded-social-images-editor .ui-icon-arrowreturn-1-e{background-position:-96px -64px}#branded-social-images-editor .ui-icon-arrowreturn-1-s{background-position:-112px -64px}#branded-social-images-editor .ui-icon-arrowrefresh-1-w{background-position:-128px -64px}#branded-social-images-editor .ui-icon-arrowrefresh-1-n{background-position:-144px -64px}#branded-social-images-editor .ui-icon-arrowrefresh-1-e{background-position:-160px -64px}#branded-social-images-editor .ui-icon-arrowrefresh-1-s{background-position:-176px -64px}#branded-social-images-editor .ui-icon-arrow-4{background-position:0 -80px}#branded-social-images-editor .ui-icon-arrow-4-diag{background-position:-16px -80px}#branded-social-images-editor .ui-icon-extlink{background-position:-32px -80px}#branded-social-images-editor .ui-icon-newwin{background-position:-48px -80px}#branded-social-images-editor .ui-icon-refresh{background-position:-64px -80px}#branded-social-images-editor .ui-icon-shuffle{background-position:-80px -80px}#branded-social-images-editor .ui-icon-transfer-e-w{background-position:-96px -80px}#branded-social-images-editor .ui-icon-transferthick-e-w{background-position:-112px -80px}#branded-social-images-editor .ui-icon-folder-collapsed{background-position:0 -96px}#branded-social-images-editor .ui-icon-folder-open{background-position:-16px -96px}#branded-social-images-editor .ui-icon-document{background-position:-32px -96px}#branded-social-images-editor .ui-icon-document-b{background-position:-48px -96px}#branded-social-images-editor .ui-icon-note{background-position:-64px -96px}#branded-social-images-editor .ui-icon-mail-closed{background-position:-80px -96px}#branded-social-images-editor .ui-icon-mail-open{background-position:-96px -96px}#branded-social-images-editor .ui-icon-suitcase{background-position:-112px -96px}#branded-social-images-editor .ui-icon-comment{background-position:-128px -96px}#branded-social-images-editor .ui-icon-person{background-position:-144px -96px}#branded-social-images-editor .ui-icon-print{background-position:-160px -96px}#branded-social-images-editor .ui-icon-trash{background-position:-176px -96px}#branded-social-images-editor .ui-icon-locked{background-position:-192px -96px}#branded-social-images-editor .ui-icon-unlocked{background-position:-208px -96px}#branded-social-images-editor .ui-icon-bookmark{background-position:-224px -96px}#branded-social-images-editor .ui-icon-tag{background-position:-240px -96px}#branded-social-images-editor .ui-icon-home{background-position:0 -112px}#branded-social-images-editor .ui-icon-flag{background-position:-16px -112px}#branded-social-images-editor .ui-icon-calendar{background-position:-32px -112px}#branded-social-images-editor .ui-icon-cart{background-position:-48px -112px}#branded-social-images-editor .ui-icon-pencil{background-position:-64px -112px}#branded-social-images-editor .ui-icon-clock{background-position:-80px -112px}#branded-social-images-editor .ui-icon-disk{background-position:-96px -112px}#branded-social-images-editor .ui-icon-calculator{background-position:-112px -112px}#branded-social-images-editor .ui-icon-zoomin{background-position:-128px -112px}#branded-social-images-editor .ui-icon-zoomout{background-position:-144px -112px}#branded-social-images-editor .ui-icon-search{background-position:-160px -112px}#branded-social-images-editor .ui-icon-wrench{background-position:-176px -112px}#branded-social-images-editor .ui-icon-gear{background-position:-192px -112px}#branded-social-images-editor .ui-icon-heart{background-position:-208px -112px}#branded-social-images-editor .ui-icon-star{background-position:-224px -112px}#branded-social-images-editor .ui-icon-link{background-position:-240px -112px}#branded-social-images-editor .ui-icon-cancel{background-position:0 -128px}#branded-social-images-editor .ui-icon-plus{background-position:-16px -128px}#branded-social-images-editor .ui-icon-plusthick{background-position:-32px -128px}#branded-social-images-editor .ui-icon-minus{background-position:-48px -128px}#branded-social-images-editor .ui-icon-minusthick{background-position:-64px -128px}#branded-social-images-editor .ui-icon-close{background-position:-80px -128px}#branded-social-images-editor .ui-icon-closethick{background-position:-96px -128px}#branded-social-images-editor .ui-icon-key{background-position:-112px -128px}#branded-social-images-editor .ui-icon-lightbulb{background-position:-128px -128px}#branded-social-images-editor .ui-icon-scissors{background-position:-144px -128px}#branded-social-images-editor .ui-icon-clipboard{background-position:-160px -128px}#branded-social-images-editor .ui-icon-copy{background-position:-176px -128px}#branded-social-images-editor .ui-icon-contact{background-position:-192px -128px}#branded-social-images-editor .ui-icon-image{background-position:-208px -128px}#branded-social-images-editor .ui-icon-video{background-position:-224px -128px}#branded-social-images-editor .ui-icon-script{background-position:-240px -128px}#branded-social-images-editor .ui-icon-alert{background-position:0 -144px}#branded-social-images-editor .ui-icon-info{background-position:-16px -144px}#branded-social-images-editor .ui-icon-notice{background-position:-32px -144px}#branded-social-images-editor .ui-icon-help{background-position:-48px -144px}#branded-social-images-editor .ui-icon-check{background-position:-64px -144px}#branded-social-images-editor .ui-icon-bullet{background-position:-80px -144px}#branded-social-images-editor .ui-icon-radio-on{background-position:-96px -144px}#branded-social-images-editor .ui-icon-radio-off{background-position:-112px -144px}#branded-social-images-editor .ui-icon-pin-w{background-position:-128px -144px}#branded-social-images-editor .ui-icon-pin-s{background-position:-144px -144px}#branded-social-images-editor .ui-icon-play{background-position:0 -160px}#branded-social-images-editor .ui-icon-pause{background-position:-16px -160px}#branded-social-images-editor .ui-icon-seek-next{background-position:-32px -160px}#branded-social-images-editor .ui-icon-seek-prev{background-position:-48px -160px}#branded-social-images-editor .ui-icon-seek-end{background-position:-64px -160px}#branded-social-images-editor .ui-icon-seek-first,#branded-social-images-editor .ui-icon-seek-start{background-position:-80px -160px}#branded-social-images-editor .ui-icon-stop{background-position:-96px -160px}#branded-social-images-editor .ui-icon-eject{background-position:-112px -160px}#branded-social-images-editor .ui-icon-volume-off{background-position:-128px -160px}#branded-social-images-editor .ui-icon-volume-on{background-position:-144px -160px}#branded-social-images-editor .ui-icon-power{background-position:0 -176px}#branded-social-images-editor .ui-icon-signal-diag{background-position:-16px -176px}#branded-social-images-editor .ui-icon-signal{background-position:-32px -176px}#branded-social-images-editor .ui-icon-battery-0{background-position:-48px -176px}#branded-social-images-editor .ui-icon-battery-1{background-position:-64px -176px}#branded-social-images-editor .ui-icon-battery-2{background-position:-80px -176px}#branded-social-images-editor .ui-icon-battery-3{background-position:-96px -176px}#branded-social-images-editor .ui-icon-circle-plus{background-position:0 -192px}#branded-social-images-editor .ui-icon-circle-minus{background-position:-16px -192px}#branded-social-images-editor .ui-icon-circle-close{background-position:-32px -192px}#branded-social-images-editor .ui-icon-circle-triangle-e{background-position:-48px -192px}#branded-social-images-editor .ui-icon-circle-triangle-s{background-position:-64px -192px}#branded-social-images-editor .ui-icon-circle-triangle-w{background-position:-80px -192px}#branded-social-images-editor .ui-icon-circle-triangle-n{background-position:-96px -192px}#branded-social-images-editor .ui-icon-circle-arrow-e{background-position:-112px -192px}#branded-social-images-editor .ui-icon-circle-arrow-s{background-position:-128px -192px}#branded-social-images-editor .ui-icon-circle-arrow-w{background-position:-144px -192px}#branded-social-images-editor .ui-icon-circle-arrow-n{background-position:-160px -192px}#branded-social-images-editor .ui-icon-circle-zoomin{background-position:-176px -192px}#branded-social-images-editor .ui-icon-circle-zoomout{background-position:-192px -192px}#branded-social-images-editor .ui-icon-circle-check{background-position:-208px -192px}#branded-social-images-editor .ui-icon-circlesmall-plus{background-position:0 -208px}#branded-social-images-editor .ui-icon-circlesmall-minus{background-position:-16px -208px}#branded-social-images-editor .ui-icon-circlesmall-close{background-position:-32px -208px}#branded-social-images-editor .ui-icon-squaresmall-plus{background-position:-48px -208px}#branded-social-images-editor .ui-icon-squaresmall-minus{background-position:-64px -208px}#branded-social-images-editor .ui-icon-squaresmall-close{background-position:-80px -208px}#branded-social-images-editor .ui-icon-grip-dotted-vertical{background-position:0 -224px}#branded-social-images-editor .ui-icon-grip-dotted-horizontal{background-position:-16px -224px}#branded-social-images-editor .ui-icon-grip-solid-vertical{background-position:-32px -224px}#branded-social-images-editor .ui-icon-grip-solid-horizontal{background-position:-48px -224px}#branded-social-images-editor .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}#branded-social-images-editor .ui-icon-grip-diagonal-se{background-position:-80px -224px}#branded-social-images-editor .ui-corner-all,#branded-social-images-editor .ui-corner-left,#branded-social-images-editor .ui-corner-tl,#branded-social-images-editor .ui-corner-top{border-top-left-radius:4px}#branded-social-images-editor .ui-corner-all,#branded-social-images-editor .ui-corner-right,#branded-social-images-editor .ui-corner-top,#branded-social-images-editor .ui-corner-tr{border-top-right-radius:4px}#branded-social-images-editor .ui-corner-all,#branded-social-images-editor .ui-corner-bl,#branded-social-images-editor .ui-corner-bottom,#branded-social-images-editor .ui-corner-left{border-bottom-left-radius:4px}#branded-social-images-editor .ui-corner-all,#branded-social-images-editor .ui-corner-bottom,#branded-social-images-editor .ui-corner-br,#branded-social-images-editor .ui-corner-right{border-bottom-right-radius:4px}#branded-social-images-editor .ui-widget-overlay,#branded-social-images-editor .ui-widget-shadow{background:#aaa url(../admin/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}#branded-social-images-editor .ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;border-radius:8px}#branded-social-images-editor .add-slider input{display:inline-block!important;width:60px!important}#branded-social-images-editor .add-slider .a-slider{display:inline-block;width:calc(100% - 66px)}#branded-social-images-editor label{vertical-align:unset}#branded-social-images-editor .grid{zoom:var(--editor-scale,.5);display:-ms-grid;display:grid;-ms-grid-columns:1200px;grid-template-columns:1200px;grid-template-areas:"a" ".";z-index:0}#side-sortables #branded-social-images-editor .grid,.is-side #branded-social-images-editor .grid{zoom:.21}#branded-social-images-editor .area--background,#branded-social-images-editor .area--background-alternate,#branded-social-images-editor .area--background-canvas,#branded-social-images-editor .area--extra-layer{width:1200px;height:0;padding-bottom:52.5%;position:relative;grid-area:a;z-index:0}#branded-social-images-editor.with-logo .area--background-canvas svg .logo{display:none}#branded-social-images-editor.logo_position-bottom-right .area--background-canvas svg .mountains,#branded-social-images-editor.logo_position-right .area--background-canvas svg .mountains,#branded-social-images-editor.logo_position-top-right .area--background-canvas svg .mountains{transform:translate(1200px) scaleX(-1)}#branded-social-images-editor.logo_position-bottom-right .area--background-canvas svg .sun,#branded-social-images-editor.logo_position-right .area--background-canvas svg .sun,#branded-social-images-editor.logo_position-top-right .area--background-canvas svg .sun{transform:translate(-420px)}#branded-social-images-editor .background{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent no-repeat center 100%/cover}#branded-social-images-editor .area--logo{grid-area:a;z-index:1;display:-ms-grid;display:grid;-ms-grid-columns:auto var(--text-width) auto;grid-template-columns:auto var(--text-width) auto;-ms-grid-rows:auto var(--text-height) auto;grid-template-rows:auto var(--text-height) auto;grid-template-areas:". . ." ". b ." ". . .";-ms-flex-align:center;align-items:center;-ms-grid-column-align:center;justify-items:center}#branded-social-images-editor .area--logo .logo{grid-area:b;background:transparent no-repeat 50%/contain;width:calc(var(--logo-scale) * .005px * var(--logo-width));height:calc(var(--logo-scale) * .005px * var(--logo-height))}.postbox #branded-social-images-editor .area--logo.logo-alternate{display:none}#branded-social-images-editor .area--logo.logo-alternate .logo{width:calc(var(--logo-scale) * .01px * var(--logo-width));height:calc(var(--logo-scale) * .01px * var(--logo-height))}#branded-social-images-editor.with-logo .area--logo.logo-alternate,#branded-social-images-editor:not(.with-logo) .area--logo:not(.logo-alternate){display:none}#branded-social-images-editor.logo_position-bottom-left .area--logo,#branded-social-images-editor.logo_position-left .area--logo,#branded-social-images-editor.logo_position-top-left .area--logo{-ms-grid-columns:var(--padding) var(--text-width) auto;grid-template-columns:var(--padding) var(--text-width) auto;-ms-grid-column-align:start;justify-items:start}#branded-social-images-editor.logo_position-bottom-left .area--logo .logo,#branded-social-images-editor.logo_position-left .area--logo .logo,#branded-social-images-editor.logo_position-top-left .area--logo .logo{background-position-x:left}#branded-social-images-editor.logo_position-bottom-right .area--logo,#branded-social-images-editor.logo_position-right .area--logo,#branded-social-images-editor.logo_position-top-right .area--logo{-ms-grid-columns:auto var(--text-width) var(--padding);grid-template-columns:auto var(--text-width) var(--padding);-ms-grid-column-align:end;justify-items:end}#branded-social-images-editor.logo_position-bottom-right .area--logo .logo,#branded-social-images-editor.logo_position-right .area--logo .logo,#branded-social-images-editor.logo_position-top-right .area--logo .logo{background-position-x:right}#branded-social-images-editor.logo_position-top-left .area--logo,#branded-social-images-editor.logo_position-top-right .area--logo,#branded-social-images-editor.logo_position-top .area--logo{-ms-grid-rows:var(--padding) var(--text-height) auto;grid-template-rows:var(--padding) var(--text-height) auto;-ms-flex-align:start;align-items:start}#branded-social-images-editor.logo_position-top-left .area--logo .logo,#branded-social-images-editor.logo_position-top-right .area--logo .logo,#branded-social-images-editor.logo_position-top .area--logo .logo{background-position-y:top}#branded-social-images-editor.logo_position-bottom-left .area--logo,#branded-social-images-editor.logo_position-bottom-right .area--logo,#branded-social-images-editor.logo_position-bottom .area--logo{-ms-grid-rows:auto var(--text-height) var(--padding);grid-template-rows:auto var(--text-height) var(--padding);-ms-flex-align:end;align-items:end}#branded-social-images-editor.logo_position-bottom-left .area--logo .logo,#branded-social-images-editor.logo_position-bottom-right .area--logo .logo,#branded-social-images-editor.logo_position-bottom .area--logo .logo{background-position-y:bottom}#branded-social-images-editor .area--text{grid-area:a;z-index:2;display:-ms-grid;display:grid;-ms-grid-columns:auto var(--text-width) auto;grid-template-columns:auto var(--text-width) auto;-ms-grid-rows:auto var(--text-height) auto;grid-template-rows:auto var(--text-height) auto;grid-template-areas:". . ." ". c ." ". . .";-ms-flex-align:center;align-items:center}#branded-social-images-editor .area--text .editable-container{text-align:center;position:relative}#branded-social-images-editor .area--text .editable-container pre{margin:0;white-space:break-spaces}#branded-social-images-editor .area--text.invisible{display:none}#branded-social-images-editor .area--text .editable~.text-alternate{display:none!important}#branded-social-images-editor .area--text .editable:empty+.text-alternate{display:block!important;position:absolute;pointer-events:none;opacity:.4;top:50%;transform:translateY(-50%);max-height:unset}#branded-social-images-editor.text_position-bottom-left .area--text,#branded-social-images-editor.text_position-left .area--text,#branded-social-images-editor.text_position-top-left .area--text{-ms-grid-columns:var(--padding) var(--text-width) auto;grid-template-columns:var(--padding) var(--text-width) auto}#branded-social-images-editor.text_position-bottom-left .area--text .editable-container,#branded-social-images-editor.text_position-left .area--text .editable-container,#branded-social-images-editor.text_position-top-left .area--text .editable-container{text-align:left}#branded-social-images-editor.text_position-bottom-left .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-left .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-top-left .area--text .editable:empty+.text-alternate{left:0}#branded-social-images-editor.text_position-bottom-right .area--text,#branded-social-images-editor.text_position-right .area--text,#branded-social-images-editor.text_position-top-right .area--text{-ms-grid-columns:auto var(--text-width) var(--padding);grid-template-columns:auto var(--text-width) var(--padding)}#branded-social-images-editor.text_position-bottom-right .area--text .editable-container,#branded-social-images-editor.text_position-right .area--text .editable-container,#branded-social-images-editor.text_position-top-right .area--text .editable-container{text-align:right}#branded-social-images-editor.text_position-bottom-right .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-right .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-top-right .area--text .editable:empty+.text-alternate{right:0}#branded-social-images-editor.text_position-top-left .area--text,#branded-social-images-editor.text_position-top-right .area--text,#branded-social-images-editor.text_position-top .area--text{-ms-grid-rows:var(--padding) var(--text-height) auto;grid-template-rows:var(--padding) var(--text-height) auto;-ms-flex-align:start;align-items:start}#branded-social-images-editor.text_position-top-left .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-top-right .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-top .area--text .editable:empty+.text-alternate{top:0;transform:translateY(0)}#branded-social-images-editor.text_position-bottom-left .area--text,#branded-social-images-editor.text_position-bottom-right .area--text,#branded-social-images-editor.text_position-bottom .area--text{-ms-grid-rows:auto var(--text-height) var(--padding);grid-template-rows:auto var(--text-height) var(--padding);-ms-flex-align:end;align-items:end}#branded-social-images-editor.text_position-bottom-left .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-bottom-right .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-bottom .area--text .editable:empty+.text-alternate{top:auto;bottom:0;transform:translateY(0)}#branded-social-images-editor .area--text .editable-container{grid-area:c}#branded-social-images-editor .area--text .editable-container .editable br:last-child{display:block;content:" "}#branded-social-images-editor .area--text .editable-container .editable,#branded-social-images-editor .area--text .editable-container .text-alternate{width:auto;height:auto;max-width:100%;max-height:100%;border:none;color:var(--text-color);position:relative;display:inline-block;font-size:calc(var(--font-size) / .75);line-height:calc(var(--line-height) / .75);text-shadow:var(--text-shadow-left) var(--text-shadow-top) 0 var(--text-shadow-color);font-family:var(--text-font);letter-spacing:var(--letter-spacing);font-weight:400;font-style:normal}#branded-social-images-editor.with-text-background .area--text .editable-container .editable,#branded-social-images-editor.with-text-background .area--text .editable-container .text-alternate{background:var(--text-background);padding:var(--text-padding)}#branded-social-images-editor .settings{display:-ms-grid;display:grid;gap:20px;margin-top:20px;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:"d" "e"}#branded-social-images-editor .settings,#branded-social-images-editor .settings>[class*=area--]{max-width:600px}#side-sortables #branded-social-images-editor .settings,.is-side #branded-social-images-editor .settings{width:100%}#branded-social-images-editor .collapsible{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#branded-social-images-editor .collapsible h2{font-weight:600;font-size:1.3em;background:#fcfcfc;border:1px solid #ddd;display:block;margin:0;padding:1em 30px;position:relative}#side-sortables #branded-social-images-editor .collapsible h2,.is-side #branded-social-images-editor .collapsible h2{padding:1em 15px}#branded-social-images-editor .collapsible h2 .toggle{display:inline-block;width:0;height:0;border:11px solid transparent;border-left-width:6px;border-right-width:6px;border-top-color:currentColor;position:absolute;transform:rotate(180deg);top:.5em;right:30px}#branded-social-images-editor .collapsible h2 .toggle:hover{border-top-color:#888;cursor:pointer}#branded-social-images-editor .collapsible.closed h2 .toggle{top:1em;transform:rotate(0)}#branded-social-images-editor .collapsible .inner{padding:20px;background:#fff;border:1px solid #ddd;border-top:0}#side-sortables #branded-social-images-editor .collapsible .inner,.is-side #branded-social-images-editor .collapsible .inner{padding:5px}#branded-social-images-editor .collapsible.closed .inner{overflow:hidden;height:0;padding-top:0;padding-bottom:0}#branded-social-images-editor .collapsible .inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}#branded-social-images-editor .collapsible .inner>span{width:50%}@media screen and (max-width:1200px){#branded-social-images-editor .collapsible .inner>span{width:100%}}#branded-social-images-editor .collapsible .inner>span.name-disabled,#branded-social-images-editor .collapsible .inner>span.name-image,#branded-social-images-editor .collapsible .inner>span.name-image_logo,#branded-social-images-editor .collapsible .inner>span.name-image_use_thumbnail,#branded-social-images-editor .collapsible .inner>span.name-text_enabled,#branded-social-images-editor .collapsible .inner>span.wrap-full{width:100%}#branded-social-images-editor .area--options{position:relative;grid-area:e}#branded-social-images-editor .area--settings{grid-area:d}#branded-social-images-editor .area--debug pre{overflow:auto}#branded-social-images-editor .hidden,#branded-social-images-editor .wrap-hidden{display:none!important}#branded-social-images-editor .wrap-position-grid .options-wrap{width:66px;display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:22px 22px 22px;grid-template-columns:22px 22px 22px;-ms-grid-rows:22px 22px 22px;grid-template-rows:22px 22px 22px;border:1px solid #8c8f94;padding:0!important;box-sizing:content-box}#branded-social-images-editor .wrap-position-grid .option-wrap{display:-ms-inline-grid!important;display:inline-grid!important;width:100%;height:100%;position:relative}#branded-social-images-editor .wrap-position-grid .option-wrap label{text-indent:30px;overflow:hidden;width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid #8c8f94;border-top:0;border-left:0}#branded-social-images-editor .wrap-position-grid .option-wrap:nth-child(n+7) label{border-bottom:0}#branded-social-images-editor .wrap-position-grid .option-wrap:nth-child(3n) label{border-right:0}#branded-social-images-editor .wrap-position-grid .option-wrap input:checked+label{background:#4c4f48}#branded-social-images-editor .wrap-position-grid input{width:20px;height:30px; -webkit-appearance:none;appearance:none;border-radius:0;border:0;opacity:0}#branded-social-images-editor .wrap-position-grid input:focus{outline:none}#branded-social-images-editor .wrap-position-grid input:checked{background:#000}#branded-social-images-editor .add-image-select input[value="0"]~.remove,#branded-social-images-editor .add-image-select input[value=""]~.remove,#branded-social-images-editor .image-preview-wrapper,#branded-social-images-editor .no-remove~.remove{display:none}#branded-social-images-editor .input-wrap{box-sizing:border-box;padding:10px;display:inline-block}#branded-social-images-editor .input-wrap.name-background_enabled>.field-wrap:first-child:before,#branded-social-images-editor .input-wrap.name-text_shadow_enabled>.field-wrap:first-child:before{content:"";display:block;width:100%;margin-top:2em}#branded-social-images-editor .input-wrap .comment{display:block}#branded-social-images-editor .input-wrap.name-text_enabled .comment,#branded-social-images-editor .input-wrap.name-text_shadow_enabled .comment{display:inline;margin-left:1em}#branded-social-images-editor .input-wrap i.toggle-comment{cursor:help}#branded-social-images-editor .input-wrap i.toggle-comment+.comment{display:none}#branded-social-images-editor .input-wrap i.toggle-comment.active+.comment{display:block}#branded-social-images-editor .input-wrap i.toggle-info{cursor:help}#branded-social-images-editor .input-wrap i.toggle-info+.info{display:none}#branded-social-images-editor .input-wrap i.toggle-info.active+.info{display:block}#branded-social-images-editor .input-wrap>label:first-child{display:block;font-weight:700;line-height:2}#branded-social-images-editor .input-wrap input[type=text],#branded-social-images-editor .input-wrap textarea{width:100%}#branded-social-images-editor .input-wrap.input-color .field-wrap{position:relative;display:inline-block}#branded-social-images-editor .input-wrap input.color-picker{padding-left:30px}#branded-social-images-editor .input-wrap input.color-picker+.swatch{background-color:var(--the-color);position:absolute;width:24px;height:24px;bottom:2px;left:3px;border-radius:3px;border:1px solid #8c8f94;pointer-events:none}#branded-social-images-editor .filename+.message{display:block}#branded-social-images-editor .filename:empty+.message{display:none}#branded-social-images-editor .disabled-notice{display:none;border:1px solid red;background:rgba(255,0,0,.2);padding:10px 20px;margin:10px 0;color:red}#branded-social-images-editor.bsi-disabled .disabled-notice{display:block}1 #branded-social-images-editor .ui-helper-hidden{display:none}#branded-social-images-editor .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#branded-social-images-editor .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}#branded-social-images-editor .ui-helper-clearfix:after,#branded-social-images-editor .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}#branded-social-images-editor .ui-helper-clearfix:after{clear:both}#branded-social-images-editor .ui-helper-clearfix{min-height:0}#branded-social-images-editor .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}#branded-social-images-editor .ui-front{z-index:3}#branded-social-images-editor .ui-state-disabled{cursor:default!important}#branded-social-images-editor .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}#branded-social-images-editor .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}#branded-social-images-editor .ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%}#branded-social-images-editor .ui-accordion .ui-accordion-icons,#branded-social-images-editor .ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}#branded-social-images-editor .ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}#branded-social-images-editor .ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}#branded-social-images-editor .ui-autocomplete{position:absolute;top:0;left:0;cursor:default}#branded-social-images-editor .ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}#branded-social-images-editor .ui-button,#branded-social-images-editor .ui-button:active,#branded-social-images-editor .ui-button:hover,#branded-social-images-editor .ui-button:link,#branded-social-images-editor .ui-button:visited{text-decoration:none}#branded-social-images-editor .ui-button-icon-only{width:2.2em}#branded-social-images-editor button.ui-button-icon-only{width:2.4em}#branded-social-images-editor .ui-button-icons-only{width:3.4em}#branded-social-images-editor button.ui-button-icons-only{width:3.7em}#branded-social-images-editor .ui-button .ui-button-text{display:block;line-height:normal}#branded-social-images-editor .ui-button-text-only .ui-button-text{padding:.4em 1em}#branded-social-images-editor .ui-button-icon-only .ui-button-text,#branded-social-images-editor .ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}#branded-social-images-editor .ui-button-text-icon-primary .ui-button-text,#branded-social-images-editor .ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}#branded-social-images-editor .ui-button-text-icon-secondary .ui-button-text,#branded-social-images-editor .ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}#branded-social-images-editor .ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}#branded-social-images-editor input.ui-button{padding:.4em 1em}#branded-social-images-editor .ui-button-icon-only .ui-icon,#branded-social-images-editor .ui-button-icons-only .ui-icon,#branded-social-images-editor .ui-button-text-icon-primary .ui-icon,#branded-social-images-editor .ui-button-text-icon-secondary .ui-icon,#branded-social-images-editor .ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}#branded-social-images-editor .ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}#branded-social-images-editor .ui-button-icons-only .ui-button-icon-primary,#branded-social-images-editor .ui-button-text-icon-primary .ui-button-icon-primary,#branded-social-images-editor .ui-button-text-icons .ui-button-icon-primary{left:.5em}#branded-social-images-editor .ui-button-icons-only .ui-button-icon-secondary,#branded-social-images-editor .ui-button-text-icon-secondary .ui-button-icon-secondary,#branded-social-images-editor .ui-button-text-icons .ui-button-icon-secondary{right:.5em}#branded-social-images-editor .ui-buttonset{margin-right:7px}#branded-social-images-editor .ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}#branded-social-images-editor button.ui-button::-moz-focus-inner,#branded-social-images-editor input.ui-button::-moz-focus-inner{border:0;padding:0}#branded-social-images-editor .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}#branded-social-images-editor .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}#branded-social-images-editor .ui-datepicker .ui-datepicker-next,#branded-social-images-editor .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}#branded-social-images-editor .ui-datepicker .ui-datepicker-next-hover,#branded-social-images-editor .ui-datepicker .ui-datepicker-prev-hover{top:1px}#branded-social-images-editor .ui-datepicker .ui-datepicker-prev{left:2px}#branded-social-images-editor .ui-datepicker .ui-datepicker-next{right:2px}#branded-social-images-editor .ui-datepicker .ui-datepicker-prev-hover{left:1px}#branded-social-images-editor .ui-datepicker .ui-datepicker-next-hover{right:1px}#branded-social-images-editor .ui-datepicker .ui-datepicker-next span,#branded-social-images-editor .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}#branded-social-images-editor .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}#branded-social-images-editor .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}#branded-social-images-editor .ui-datepicker select.ui-datepicker-month,#branded-social-images-editor .ui-datepicker select.ui-datepicker-year{width:45%}#branded-social-images-editor .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}#branded-social-images-editor .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}#branded-social-images-editor .ui-datepicker td{border:0;padding:1px}#branded-social-images-editor .ui-datepicker td a,#branded-social-images-editor .ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}#branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}#branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}#branded-social-images-editor .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}#branded-social-images-editor .ui-datepicker.ui-datepicker-multi{width:auto}#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group{float:left}#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}#branded-social-images-editor .ui-datepicker-multi-2 .ui-datepicker-group{width:50%}#branded-social-images-editor .ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}#branded-social-images-editor .ui-datepicker-multi-4 .ui-datepicker-group{width:25%}#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}#branded-social-images-editor .ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}#branded-social-images-editor .ui-datepicker-row-break{clear:both;width:100%;font-size:0}#branded-social-images-editor .ui-datepicker-rtl{direction:rtl}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group{float:right}#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,#branded-social-images-editor .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}#branded-social-images-editor .ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}#branded-social-images-editor .ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}#branded-social-images-editor .ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}#branded-social-images-editor .ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}#branded-social-images-editor .ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}#branded-social-images-editor .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}#branded-social-images-editor .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}#branded-social-images-editor .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}#branded-social-images-editor .ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}#branded-social-images-editor .ui-draggable .ui-dialog-titlebar{cursor:move}#branded-social-images-editor .ui-draggable-handle{-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none}#branded-social-images-editor .ui-menu .ui-menu{position:absolute}#branded-social-images-editor .ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}#branded-social-images-editor .ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}#branded-social-images-editor .ui-menu .ui-state-active,#branded-social-images-editor .ui-menu .ui-state-focus{margin:-1px}#branded-social-images-editor .ui-menu-icons{position:relative}#branded-social-images-editor .ui-menu-icons .ui-menu-item{padding-left:2em}#branded-social-images-editor .ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}#branded-social-images-editor .ui-menu .ui-menu-icon{left:auto;right:0}#branded-social-images-editor .ui-progressbar{height:2em;text-align:left;overflow:hidden}#branded-social-images-editor .ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}#branded-social-images-editor .ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:.25}#branded-social-images-editor .ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}#branded-social-images-editor .ui-resizable{position:relative}#branded-social-images-editor .ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-resizable-autohide .ui-resizable-handle,#branded-social-images-editor .ui-resizable-disabled .ui-resizable-handle{display:none}#branded-social-images-editor .ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}#branded-social-images-editor .ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}#branded-social-images-editor .ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}#branded-social-images-editor .ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}#branded-social-images-editor .ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}#branded-social-images-editor .ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}#branded-social-images-editor .ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}#branded-social-images-editor .ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}#branded-social-images-editor .ui-selectable{-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-selectable-helper{position:absolute;z-index:3;border:1px dotted #000}#branded-social-images-editor .ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}#branded-social-images-editor .ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}#branded-social-images-editor .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:700;line-height:1.5;padding:2px .4em;margin:.5em 0 0;height:auto;border:0}#branded-social-images-editor .ui-selectmenu-open{display:block}#branded-social-images-editor .ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}#branded-social-images-editor .ui-selectmenu-button span.ui-icon{right:.5em;left:auto;margin-top:-8px;position:absolute;top:50%}#branded-social-images-editor .ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:.4em 2.1em .4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#branded-social-images-editor .ui-slider{position:relative;text-align:left}#branded-social-images-editor .ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}#branded-social-images-editor .ui-slider.ui-state-disabled .ui-slider-handle,#branded-social-images-editor .ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}#branded-social-images-editor .ui-slider-horizontal{height:.8em}#branded-social-images-editor .ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}#branded-social-images-editor .ui-slider-horizontal .ui-slider-range{top:0;height:100%}#branded-social-images-editor .ui-slider-horizontal .ui-slider-range-min{left:0}#branded-social-images-editor .ui-slider-horizontal .ui-slider-range-max{right:0}#branded-social-images-editor .ui-slider-vertical{width:.8em;height:100px}#branded-social-images-editor .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}#branded-social-images-editor .ui-slider-vertical .ui-slider-range{left:0;width:100%}#branded-social-images-editor .ui-slider-vertical .ui-slider-range-min{bottom:0}#branded-social-images-editor .ui-slider-vertical .ui-slider-range-max{top:0}#branded-social-images-editor .ui-sortable-handle{-ms-touch-action:none;touch-action:none}#branded-social-images-editor .ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}#branded-social-images-editor .ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}#branded-social-images-editor .ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}#branded-social-images-editor .ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}#branded-social-images-editor .ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}#branded-social-images-editor .ui-spinner-up{top:0}#branded-social-images-editor .ui-spinner-down{bottom:0}#branded-social-images-editor .ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}#branded-social-images-editor .ui-tabs{position:relative;padding:.2em}#branded-social-images-editor .ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}#branded-social-images-editor .ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}#branded-social-images-editor .ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}#branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}#branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,#branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,#branded-social-images-editor .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}#branded-social-images-editor .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}#branded-social-images-editor .ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}#branded-social-images-editor .ui-tooltip{padding:8px;position:absolute;z-index:4;max-width:300px;box-shadow:0 0 5px #aaa}#branded-social-images-editor body .ui-tooltip{border-width:2px}#branded-social-images-editor .ui-widget{font-family:Verdana,Arial,sans-serif;font-size:1.1em}#branded-social-images-editor .ui-widget .ui-widget{font-size:1em}#branded-social-images-editor .ui-widget button,#branded-social-images-editor .ui-widget input,#branded-social-images-editor .ui-widget select,#branded-social-images-editor .ui-widget textarea{font-family:Verdana,Arial,sans-serif;font-size:1em}#branded-social-images-editor .ui-widget-content{border:1px solid #aaa;background:#fff url(../admin/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}#branded-social-images-editor .ui-widget-content a{color:#222}#branded-social-images-editor .ui-widget-header{border:1px solid #aaa;background:#ccc url(../admin/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;color:#222;font-weight:700}#branded-social-images-editor .ui-widget-header a{color:#222}#branded-social-images-editor .ui-state-default,#branded-social-images-editor .ui-widget-content .ui-state-default,#branded-social-images-editor .ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6 url(../admin/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;font-weight:400;color:#555}#branded-social-images-editor .ui-state-default a,#branded-social-images-editor .ui-state-default a:link,#branded-social-images-editor .ui-state-default a:visited{color:#555;text-decoration:none}#branded-social-images-editor .ui-state-focus,#branded-social-images-editor .ui-state-hover,#branded-social-images-editor .ui-widget-content .ui-state-focus,#branded-social-images-editor .ui-widget-content .ui-state-hover,#branded-social-images-editor .ui-widget-header .ui-state-focus,#branded-social-images-editor .ui-widget-header .ui-state-hover{border:1px solid #999;background:#dadada url(../admin/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}#branded-social-images-editor .ui-state-focus a,#branded-social-images-editor .ui-state-focus a:hover,#branded-social-images-editor .ui-state-focus a:link,#branded-social-images-editor .ui-state-focus a:visited,#branded-social-images-editor .ui-state-hover a,#branded-social-images-editor .ui-state-hover a:hover,#branded-social-images-editor .ui-state-hover a:link,#branded-social-images-editor .ui-state-hover a:visited{color:#212121;text-decoration:none}#branded-social-images-editor .ui-state-active,#branded-social-images-editor .ui-widget-content .ui-state-active,#branded-social-images-editor .ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(../admin/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:400;color:#212121}#branded-social-images-editor .ui-state-active a,#branded-social-images-editor .ui-state-active a:link,#branded-social-images-editor .ui-state-active a:visited{color:#212121;text-decoration:none}#branded-social-images-editor .ui-state-highlight,#branded-social-images-editor .ui-widget-content .ui-state-highlight,#branded-social-images-editor .ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(../admin/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}#branded-social-images-editor .ui-state-highlight a,#branded-social-images-editor .ui-widget-content .ui-state-highlight a,#branded-social-images-editor .ui-widget-header .ui-state-highlight a{color:#363636}#branded-social-images-editor .ui-state-error,#branded-social-images-editor .ui-widget-content .ui-state-error,#branded-social-images-editor .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(../admin/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}#branded-social-images-editor .ui-state-error-text,#branded-social-images-editor .ui-state-error a,#branded-social-images-editor .ui-widget-content .ui-state-error-text,#branded-social-images-editor .ui-widget-content .ui-state-error a,#branded-social-images-editor .ui-widget-header .ui-state-error-text,#branded-social-images-editor .ui-widget-header .ui-state-error a{color:#cd0a0a}#branded-social-images-editor .ui-priority-primary,#branded-social-images-editor .ui-widget-content .ui-priority-primary,#branded-social-images-editor .ui-widget-header .ui-priority-primary{font-weight:700}#branded-social-images-editor .ui-priority-secondary,#branded-social-images-editor .ui-widget-content .ui-priority-secondary,#branded-social-images-editor .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}#branded-social-images-editor .ui-state-disabled,#branded-social-images-editor .ui-widget-content .ui-state-disabled,#branded-social-images-editor .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}#branded-social-images-editor .ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}#branded-social-images-editor .ui-icon{width:16px;height:16px}#branded-social-images-editor .ui-icon,#branded-social-images-editor .ui-widget-content .ui-icon,#branded-social-images-editor .ui-widget-header .ui-icon{background-image:url(../admin/images/ui-icons_222222_256x240.png)}#branded-social-images-editor .ui-state-default .ui-icon{background-image:url(../admin/images/ui-icons_888888_256x240.png)}#branded-social-images-editor .ui-state-active .ui-icon,#branded-social-images-editor .ui-state-focus .ui-icon,#branded-social-images-editor .ui-state-hover .ui-icon{background-image:url(../admin/images/ui-icons_454545_256x240.png)}#branded-social-images-editor .ui-state-highlight .ui-icon{background-image:url(../admin/images/ui-icons_2e83ff_256x240.png)}#branded-social-images-editor .ui-state-error-text .ui-icon,#branded-social-images-editor .ui-state-error .ui-icon{background-image:url(../admin/images/ui-icons_cd0a0a_256x240.png)}#branded-social-images-editor .ui-icon-blank{background-position:16px 16px}#branded-social-images-editor .ui-icon-carat-1-n{background-position:0 0}#branded-social-images-editor .ui-icon-carat-1-ne{background-position:-16px 0}#branded-social-images-editor .ui-icon-carat-1-e{background-position:-32px 0}#branded-social-images-editor .ui-icon-carat-1-se{background-position:-48px 0}#branded-social-images-editor .ui-icon-carat-1-s{background-position:-64px 0}#branded-social-images-editor .ui-icon-carat-1-sw{background-position:-80px 0}#branded-social-images-editor .ui-icon-carat-1-w{background-position:-96px 0}#branded-social-images-editor .ui-icon-carat-1-nw{background-position:-112px 0}#branded-social-images-editor .ui-icon-carat-2-n-s{background-position:-128px 0}#branded-social-images-editor .ui-icon-carat-2-e-w{background-position:-144px 0}#branded-social-images-editor .ui-icon-triangle-1-n{background-position:0 -16px}#branded-social-images-editor .ui-icon-triangle-1-ne{background-position:-16px -16px}#branded-social-images-editor .ui-icon-triangle-1-e{background-position:-32px -16px}#branded-social-images-editor .ui-icon-triangle-1-se{background-position:-48px -16px}#branded-social-images-editor .ui-icon-triangle-1-s{background-position:-64px -16px}#branded-social-images-editor .ui-icon-triangle-1-sw{background-position:-80px -16px}#branded-social-images-editor .ui-icon-triangle-1-w{background-position:-96px -16px}#branded-social-images-editor .ui-icon-triangle-1-nw{background-position:-112px -16px}#branded-social-images-editor .ui-icon-triangle-2-n-s{background-position:-128px -16px}#branded-social-images-editor .ui-icon-triangle-2-e-w{background-position:-144px -16px}#branded-social-images-editor .ui-icon-arrow-1-n{background-position:0 -32px}#branded-social-images-editor .ui-icon-arrow-1-ne{background-position:-16px -32px}#branded-social-images-editor .ui-icon-arrow-1-e{background-position:-32px -32px}#branded-social-images-editor .ui-icon-arrow-1-se{background-position:-48px -32px}#branded-social-images-editor .ui-icon-arrow-1-s{background-position:-64px -32px}#branded-social-images-editor .ui-icon-arrow-1-sw{background-position:-80px -32px}#branded-social-images-editor .ui-icon-arrow-1-w{background-position:-96px -32px}#branded-social-images-editor .ui-icon-arrow-1-nw{background-position:-112px -32px}#branded-social-images-editor .ui-icon-arrow-2-n-s{background-position:-128px -32px}#branded-social-images-editor .ui-icon-arrow-2-ne-sw{background-position:-144px -32px}#branded-social-images-editor .ui-icon-arrow-2-e-w{background-position:-160px -32px}#branded-social-images-editor .ui-icon-arrow-2-se-nw{background-position:-176px -32px}#branded-social-images-editor .ui-icon-arrowstop-1-n{background-position:-192px -32px}#branded-social-images-editor .ui-icon-arrowstop-1-e{background-position:-208px -32px}#branded-social-images-editor .ui-icon-arrowstop-1-s{background-position:-224px -32px}#branded-social-images-editor .ui-icon-arrowstop-1-w{background-position:-240px -32px}#branded-social-images-editor .ui-icon-arrowthick-1-n{background-position:0 -48px}#branded-social-images-editor .ui-icon-arrowthick-1-ne{background-position:-16px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-e{background-position:-32px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-se{background-position:-48px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-s{background-position:-64px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-sw{background-position:-80px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-w{background-position:-96px -48px}#branded-social-images-editor .ui-icon-arrowthick-1-nw{background-position:-112px -48px}#branded-social-images-editor .ui-icon-arrowthick-2-n-s{background-position:-128px -48px}#branded-social-images-editor .ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}#branded-social-images-editor .ui-icon-arrowthick-2-e-w{background-position:-160px -48px}#branded-social-images-editor .ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}#branded-social-images-editor .ui-icon-arrowthickstop-1-n{background-position:-192px -48px}#branded-social-images-editor .ui-icon-arrowthickstop-1-e{background-position:-208px -48px}#branded-social-images-editor .ui-icon-arrowthickstop-1-s{background-position:-224px -48px}#branded-social-images-editor .ui-icon-arrowthickstop-1-w{background-position:-240px -48px}#branded-social-images-editor .ui-icon-arrowreturnthick-1-w{background-position:0 -64px}#branded-social-images-editor .ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}#branded-social-images-editor .ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}#branded-social-images-editor .ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}#branded-social-images-editor .ui-icon-arrowreturn-1-w{background-position:-64px -64px}#branded-social-images-editor .ui-icon-arrowreturn-1-n{background-position:-80px -64px}#branded-social-images-editor .ui-icon-arrowreturn-1-e{background-position:-96px -64px}#branded-social-images-editor .ui-icon-arrowreturn-1-s{background-position:-112px -64px}#branded-social-images-editor .ui-icon-arrowrefresh-1-w{background-position:-128px -64px}#branded-social-images-editor .ui-icon-arrowrefresh-1-n{background-position:-144px -64px}#branded-social-images-editor .ui-icon-arrowrefresh-1-e{background-position:-160px -64px}#branded-social-images-editor .ui-icon-arrowrefresh-1-s{background-position:-176px -64px}#branded-social-images-editor .ui-icon-arrow-4{background-position:0 -80px}#branded-social-images-editor .ui-icon-arrow-4-diag{background-position:-16px -80px}#branded-social-images-editor .ui-icon-extlink{background-position:-32px -80px}#branded-social-images-editor .ui-icon-newwin{background-position:-48px -80px}#branded-social-images-editor .ui-icon-refresh{background-position:-64px -80px}#branded-social-images-editor .ui-icon-shuffle{background-position:-80px -80px}#branded-social-images-editor .ui-icon-transfer-e-w{background-position:-96px -80px}#branded-social-images-editor .ui-icon-transferthick-e-w{background-position:-112px -80px}#branded-social-images-editor .ui-icon-folder-collapsed{background-position:0 -96px}#branded-social-images-editor .ui-icon-folder-open{background-position:-16px -96px}#branded-social-images-editor .ui-icon-document{background-position:-32px -96px}#branded-social-images-editor .ui-icon-document-b{background-position:-48px -96px}#branded-social-images-editor .ui-icon-note{background-position:-64px -96px}#branded-social-images-editor .ui-icon-mail-closed{background-position:-80px -96px}#branded-social-images-editor .ui-icon-mail-open{background-position:-96px -96px}#branded-social-images-editor .ui-icon-suitcase{background-position:-112px -96px}#branded-social-images-editor .ui-icon-comment{background-position:-128px -96px}#branded-social-images-editor .ui-icon-person{background-position:-144px -96px}#branded-social-images-editor .ui-icon-print{background-position:-160px -96px}#branded-social-images-editor .ui-icon-trash{background-position:-176px -96px}#branded-social-images-editor .ui-icon-locked{background-position:-192px -96px}#branded-social-images-editor .ui-icon-unlocked{background-position:-208px -96px}#branded-social-images-editor .ui-icon-bookmark{background-position:-224px -96px}#branded-social-images-editor .ui-icon-tag{background-position:-240px -96px}#branded-social-images-editor .ui-icon-home{background-position:0 -112px}#branded-social-images-editor .ui-icon-flag{background-position:-16px -112px}#branded-social-images-editor .ui-icon-calendar{background-position:-32px -112px}#branded-social-images-editor .ui-icon-cart{background-position:-48px -112px}#branded-social-images-editor .ui-icon-pencil{background-position:-64px -112px}#branded-social-images-editor .ui-icon-clock{background-position:-80px -112px}#branded-social-images-editor .ui-icon-disk{background-position:-96px -112px}#branded-social-images-editor .ui-icon-calculator{background-position:-112px -112px}#branded-social-images-editor .ui-icon-zoomin{background-position:-128px -112px}#branded-social-images-editor .ui-icon-zoomout{background-position:-144px -112px}#branded-social-images-editor .ui-icon-search{background-position:-160px -112px}#branded-social-images-editor .ui-icon-wrench{background-position:-176px -112px}#branded-social-images-editor .ui-icon-gear{background-position:-192px -112px}#branded-social-images-editor .ui-icon-heart{background-position:-208px -112px}#branded-social-images-editor .ui-icon-star{background-position:-224px -112px}#branded-social-images-editor .ui-icon-link{background-position:-240px -112px}#branded-social-images-editor .ui-icon-cancel{background-position:0 -128px}#branded-social-images-editor .ui-icon-plus{background-position:-16px -128px}#branded-social-images-editor .ui-icon-plusthick{background-position:-32px -128px}#branded-social-images-editor .ui-icon-minus{background-position:-48px -128px}#branded-social-images-editor .ui-icon-minusthick{background-position:-64px -128px}#branded-social-images-editor .ui-icon-close{background-position:-80px -128px}#branded-social-images-editor .ui-icon-closethick{background-position:-96px -128px}#branded-social-images-editor .ui-icon-key{background-position:-112px -128px}#branded-social-images-editor .ui-icon-lightbulb{background-position:-128px -128px}#branded-social-images-editor .ui-icon-scissors{background-position:-144px -128px}#branded-social-images-editor .ui-icon-clipboard{background-position:-160px -128px}#branded-social-images-editor .ui-icon-copy{background-position:-176px -128px}#branded-social-images-editor .ui-icon-contact{background-position:-192px -128px}#branded-social-images-editor .ui-icon-image{background-position:-208px -128px}#branded-social-images-editor .ui-icon-video{background-position:-224px -128px}#branded-social-images-editor .ui-icon-script{background-position:-240px -128px}#branded-social-images-editor .ui-icon-alert{background-position:0 -144px}#branded-social-images-editor .ui-icon-info{background-position:-16px -144px}#branded-social-images-editor .ui-icon-notice{background-position:-32px -144px}#branded-social-images-editor .ui-icon-help{background-position:-48px -144px}#branded-social-images-editor .ui-icon-check{background-position:-64px -144px}#branded-social-images-editor .ui-icon-bullet{background-position:-80px -144px}#branded-social-images-editor .ui-icon-radio-on{background-position:-96px -144px}#branded-social-images-editor .ui-icon-radio-off{background-position:-112px -144px}#branded-social-images-editor .ui-icon-pin-w{background-position:-128px -144px}#branded-social-images-editor .ui-icon-pin-s{background-position:-144px -144px}#branded-social-images-editor .ui-icon-play{background-position:0 -160px}#branded-social-images-editor .ui-icon-pause{background-position:-16px -160px}#branded-social-images-editor .ui-icon-seek-next{background-position:-32px -160px}#branded-social-images-editor .ui-icon-seek-prev{background-position:-48px -160px}#branded-social-images-editor .ui-icon-seek-end{background-position:-64px -160px}#branded-social-images-editor .ui-icon-seek-first,#branded-social-images-editor .ui-icon-seek-start{background-position:-80px -160px}#branded-social-images-editor .ui-icon-stop{background-position:-96px -160px}#branded-social-images-editor .ui-icon-eject{background-position:-112px -160px}#branded-social-images-editor .ui-icon-volume-off{background-position:-128px -160px}#branded-social-images-editor .ui-icon-volume-on{background-position:-144px -160px}#branded-social-images-editor .ui-icon-power{background-position:0 -176px}#branded-social-images-editor .ui-icon-signal-diag{background-position:-16px -176px}#branded-social-images-editor .ui-icon-signal{background-position:-32px -176px}#branded-social-images-editor .ui-icon-battery-0{background-position:-48px -176px}#branded-social-images-editor .ui-icon-battery-1{background-position:-64px -176px}#branded-social-images-editor .ui-icon-battery-2{background-position:-80px -176px}#branded-social-images-editor .ui-icon-battery-3{background-position:-96px -176px}#branded-social-images-editor .ui-icon-circle-plus{background-position:0 -192px}#branded-social-images-editor .ui-icon-circle-minus{background-position:-16px -192px}#branded-social-images-editor .ui-icon-circle-close{background-position:-32px -192px}#branded-social-images-editor .ui-icon-circle-triangle-e{background-position:-48px -192px}#branded-social-images-editor .ui-icon-circle-triangle-s{background-position:-64px -192px}#branded-social-images-editor .ui-icon-circle-triangle-w{background-position:-80px -192px}#branded-social-images-editor .ui-icon-circle-triangle-n{background-position:-96px -192px}#branded-social-images-editor .ui-icon-circle-arrow-e{background-position:-112px -192px}#branded-social-images-editor .ui-icon-circle-arrow-s{background-position:-128px -192px}#branded-social-images-editor .ui-icon-circle-arrow-w{background-position:-144px -192px}#branded-social-images-editor .ui-icon-circle-arrow-n{background-position:-160px -192px}#branded-social-images-editor .ui-icon-circle-zoomin{background-position:-176px -192px}#branded-social-images-editor .ui-icon-circle-zoomout{background-position:-192px -192px}#branded-social-images-editor .ui-icon-circle-check{background-position:-208px -192px}#branded-social-images-editor .ui-icon-circlesmall-plus{background-position:0 -208px}#branded-social-images-editor .ui-icon-circlesmall-minus{background-position:-16px -208px}#branded-social-images-editor .ui-icon-circlesmall-close{background-position:-32px -208px}#branded-social-images-editor .ui-icon-squaresmall-plus{background-position:-48px -208px}#branded-social-images-editor .ui-icon-squaresmall-minus{background-position:-64px -208px}#branded-social-images-editor .ui-icon-squaresmall-close{background-position:-80px -208px}#branded-social-images-editor .ui-icon-grip-dotted-vertical{background-position:0 -224px}#branded-social-images-editor .ui-icon-grip-dotted-horizontal{background-position:-16px -224px}#branded-social-images-editor .ui-icon-grip-solid-vertical{background-position:-32px -224px}#branded-social-images-editor .ui-icon-grip-solid-horizontal{background-position:-48px -224px}#branded-social-images-editor .ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}#branded-social-images-editor .ui-icon-grip-diagonal-se{background-position:-80px -224px}#branded-social-images-editor .ui-corner-all,#branded-social-images-editor .ui-corner-left,#branded-social-images-editor .ui-corner-tl,#branded-social-images-editor .ui-corner-top{border-top-left-radius:4px}#branded-social-images-editor .ui-corner-all,#branded-social-images-editor .ui-corner-right,#branded-social-images-editor .ui-corner-top,#branded-social-images-editor .ui-corner-tr{border-top-right-radius:4px}#branded-social-images-editor .ui-corner-all,#branded-social-images-editor .ui-corner-bl,#branded-social-images-editor .ui-corner-bottom,#branded-social-images-editor .ui-corner-left{border-bottom-left-radius:4px}#branded-social-images-editor .ui-corner-all,#branded-social-images-editor .ui-corner-bottom,#branded-social-images-editor .ui-corner-br,#branded-social-images-editor .ui-corner-right{border-bottom-right-radius:4px}#branded-social-images-editor .ui-widget-overlay,#branded-social-images-editor .ui-widget-shadow{background:#aaa url(../admin/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}#branded-social-images-editor .ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;border-radius:8px}#branded-social-images-editor .add-slider input{display:inline-block!important;width:60px!important}#branded-social-images-editor .add-slider .a-slider{display:inline-block;width:calc(100% - 66px)}#branded-social-images-editor label{vertical-align:unset}#branded-social-images-editor .grid{zoom:var(--editor-scale,.5);display:-ms-grid;display:grid;-ms-grid-columns:1200px;grid-template-columns:1200px;grid-template-areas:"a" ".";z-index:0}#side-sortables #branded-social-images-editor .grid,.is-side #branded-social-images-editor .grid{zoom:.21}#branded-social-images-editor .area--background,#branded-social-images-editor .area--background-alternate,#branded-social-images-editor .area--background-canvas,#branded-social-images-editor .area--extra-layer{width:1200px;height:0;padding-bottom:52.5%;position:relative;grid-area:a;z-index:0}#branded-social-images-editor.with-logo .area--background-canvas svg .logo{display:none}#branded-social-images-editor.logo_position-bottom-right .area--background-canvas svg .mountains,#branded-social-images-editor.logo_position-right .area--background-canvas svg .mountains,#branded-social-images-editor.logo_position-top-right .area--background-canvas svg .mountains{transform:translate(1200px) scaleX(-1)}#branded-social-images-editor.logo_position-bottom-right .area--background-canvas svg .sun,#branded-social-images-editor.logo_position-right .area--background-canvas svg .sun,#branded-social-images-editor.logo_position-top-right .area--background-canvas svg .sun{transform:translate(-420px)}#branded-social-images-editor .background{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent no-repeat center 100%/cover}#branded-social-images-editor .area--logo{grid-area:a;z-index:1;display:-ms-grid;display:grid;-ms-grid-columns:auto var(--text-width) auto;grid-template-columns:auto var(--text-width) auto;-ms-grid-rows:auto var(--text-height) auto;grid-template-rows:auto var(--text-height) auto;grid-template-areas:". . ." ". b ." ". . .";-ms-flex-align:center;align-items:center;-ms-grid-column-align:center;justify-items:center}#branded-social-images-editor .area--logo .logo{grid-area:b;background:transparent no-repeat 50%/contain;width:calc(var(--logo-scale) * .005px * var(--logo-width));height:calc(var(--logo-scale) * .005px * var(--logo-height))}.postbox #branded-social-images-editor .area--logo.logo-alternate{display:none}#branded-social-images-editor .area--logo.logo-alternate .logo{width:calc(var(--logo-scale) * .01px * var(--logo-width));height:calc(var(--logo-scale) * .01px * var(--logo-height))}#branded-social-images-editor.with-logo .area--logo.logo-alternate,#branded-social-images-editor:not(.with-logo) .area--logo:not(.logo-alternate){display:none}#branded-social-images-editor.logo_position-bottom-left .area--logo,#branded-social-images-editor.logo_position-left .area--logo,#branded-social-images-editor.logo_position-top-left .area--logo{-ms-grid-columns:var(--padding) var(--text-width) auto;grid-template-columns:var(--padding) var(--text-width) auto;-ms-grid-column-align:start;justify-items:start}#branded-social-images-editor.logo_position-bottom-left .area--logo .logo,#branded-social-images-editor.logo_position-left .area--logo .logo,#branded-social-images-editor.logo_position-top-left .area--logo .logo{background-position-x:left}#branded-social-images-editor.logo_position-bottom-right .area--logo,#branded-social-images-editor.logo_position-right .area--logo,#branded-social-images-editor.logo_position-top-right .area--logo{-ms-grid-columns:auto var(--text-width) var(--padding);grid-template-columns:auto var(--text-width) var(--padding);-ms-grid-column-align:end;justify-items:end}#branded-social-images-editor.logo_position-bottom-right .area--logo .logo,#branded-social-images-editor.logo_position-right .area--logo .logo,#branded-social-images-editor.logo_position-top-right .area--logo .logo{background-position-x:right}#branded-social-images-editor.logo_position-top-left .area--logo,#branded-social-images-editor.logo_position-top-right .area--logo,#branded-social-images-editor.logo_position-top .area--logo{-ms-grid-rows:var(--padding) var(--text-height) auto;grid-template-rows:var(--padding) var(--text-height) auto;-ms-flex-align:start;align-items:start}#branded-social-images-editor.logo_position-top-left .area--logo .logo,#branded-social-images-editor.logo_position-top-right .area--logo .logo,#branded-social-images-editor.logo_position-top .area--logo .logo{background-position-y:top}#branded-social-images-editor.logo_position-bottom-left .area--logo,#branded-social-images-editor.logo_position-bottom-right .area--logo,#branded-social-images-editor.logo_position-bottom .area--logo{-ms-grid-rows:auto var(--text-height) var(--padding);grid-template-rows:auto var(--text-height) var(--padding);-ms-flex-align:end;align-items:end}#branded-social-images-editor.logo_position-bottom-left .area--logo .logo,#branded-social-images-editor.logo_position-bottom-right .area--logo .logo,#branded-social-images-editor.logo_position-bottom .area--logo .logo{background-position-y:bottom}#branded-social-images-editor .area--text{grid-area:a;z-index:2;display:-ms-grid;display:grid;-ms-grid-columns:auto var(--text-width) auto;grid-template-columns:auto var(--text-width) auto;-ms-grid-rows:auto var(--text-height) auto;grid-template-rows:auto var(--text-height) auto;grid-template-areas:". . ." ". c ." ". . .";-ms-flex-align:center;align-items:center}#branded-social-images-editor .area--text .editable-container{text-align:center;position:relative}#branded-social-images-editor .area--text .editable-container pre{margin:0;white-space:break-spaces}#branded-social-images-editor .area--text.invisible{display:none}#branded-social-images-editor .area--text .editable~.text-alternate{display:none!important}#branded-social-images-editor .area--text .editable:empty+.text-alternate{display:block!important;position:absolute;pointer-events:none;opacity:.4;top:50%;transform:translateY(-50%);max-height:unset}#branded-social-images-editor.text_position-bottom-left .area--text,#branded-social-images-editor.text_position-left .area--text,#branded-social-images-editor.text_position-top-left .area--text{-ms-grid-columns:var(--padding) var(--text-width) auto;grid-template-columns:var(--padding) var(--text-width) auto}#branded-social-images-editor.text_position-bottom-left .area--text .editable-container,#branded-social-images-editor.text_position-left .area--text .editable-container,#branded-social-images-editor.text_position-top-left .area--text .editable-container{text-align:left}#branded-social-images-editor.text_position-bottom-left .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-left .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-top-left .area--text .editable:empty+.text-alternate{left:0}#branded-social-images-editor.text_position-bottom-right .area--text,#branded-social-images-editor.text_position-right .area--text,#branded-social-images-editor.text_position-top-right .area--text{-ms-grid-columns:auto var(--text-width) var(--padding);grid-template-columns:auto var(--text-width) var(--padding)}#branded-social-images-editor.text_position-bottom-right .area--text .editable-container,#branded-social-images-editor.text_position-right .area--text .editable-container,#branded-social-images-editor.text_position-top-right .area--text .editable-container{text-align:right}#branded-social-images-editor.text_position-bottom-right .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-right .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-top-right .area--text .editable:empty+.text-alternate{right:0}#branded-social-images-editor.text_position-top-left .area--text,#branded-social-images-editor.text_position-top-right .area--text,#branded-social-images-editor.text_position-top .area--text{-ms-grid-rows:var(--padding) var(--text-height) auto;grid-template-rows:var(--padding) var(--text-height) auto;-ms-flex-align:start;align-items:start}#branded-social-images-editor.text_position-top-left .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-top-right .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-top .area--text .editable:empty+.text-alternate{top:0;transform:translateY(0)}#branded-social-images-editor.text_position-bottom-left .area--text,#branded-social-images-editor.text_position-bottom-right .area--text,#branded-social-images-editor.text_position-bottom .area--text{-ms-grid-rows:auto var(--text-height) var(--padding);grid-template-rows:auto var(--text-height) var(--padding);-ms-flex-align:end;align-items:end}#branded-social-images-editor.text_position-bottom-left .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-bottom-right .area--text .editable:empty+.text-alternate,#branded-social-images-editor.text_position-bottom .area--text .editable:empty+.text-alternate{top:auto;bottom:0;transform:translateY(0)}#branded-social-images-editor .area--text .editable-container{grid-area:c}#branded-social-images-editor .area--text .editable-container .editable br:last-child{display:block;content:" "}#branded-social-images-editor .area--text .editable-container .editable,#branded-social-images-editor .area--text .editable-container .text-alternate{width:auto;height:auto;max-width:100%;max-height:100%;border:none;color:var(--text-color);position:relative;display:inline-block;font-size:calc(var(--font-size) / .75);line-height:calc(var(--line-height) / .75);text-shadow:var(--text-shadow-left) var(--text-shadow-top) 0 var(--text-shadow-color);font-family:var(--text-font);letter-spacing:var(--letter-spacing);font-weight:400;font-style:normal}#branded-social-images-editor.with-text-background .area--text .editable-container .editable,#branded-social-images-editor.with-text-background .area--text .editable-container .text-alternate{background:var(--text-background);padding:var(--text-padding)}#branded-social-images-editor .settings{display:-ms-grid;display:grid;gap:20px;margin-top:20px;-ms-grid-columns:1fr;grid-template-columns:1fr;grid-template-areas:"d" "e"}#branded-social-images-editor .settings,#branded-social-images-editor .settings>[class*=area--]{max-width:600px}#side-sortables #branded-social-images-editor .settings,.is-side #branded-social-images-editor .settings{width:100%}#branded-social-images-editor .collapsible{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#branded-social-images-editor .collapsible h2{font-weight:600;font-size:1.3em;background:#fcfcfc;border:1px solid #ddd;display:block;margin:0;padding:1em 30px;position:relative}#side-sortables #branded-social-images-editor .collapsible h2,.is-side #branded-social-images-editor .collapsible h2{padding:1em 15px}#branded-social-images-editor .collapsible h2 .toggle{display:inline-block;width:0;height:0;border:11px solid transparent;border-left-width:6px;border-right-width:6px;border-top-color:currentColor;position:absolute;transform:rotate(180deg);top:.5em;right:30px}#branded-social-images-editor .collapsible h2 .toggle:hover{border-top-color:#888;cursor:pointer}#branded-social-images-editor .collapsible.closed h2 .toggle{top:1em;transform:rotate(0)}#branded-social-images-editor .collapsible .inner{padding:20px;background:#fff;border:1px solid #ddd;border-top:0}#side-sortables #branded-social-images-editor .collapsible .inner,.is-side #branded-social-images-editor .collapsible .inner{padding:5px}#branded-social-images-editor .collapsible.closed .inner{overflow:hidden;height:0;padding-top:0;padding-bottom:0}#branded-social-images-editor .collapsible .inner{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}#branded-social-images-editor .collapsible .inner>span{width:50%}@media screen and (max-width:1200px){#branded-social-images-editor .collapsible .inner>span{width:100%}}#branded-social-images-editor .collapsible .inner>span.name-disabled,#branded-social-images-editor .collapsible .inner>span.name-image,#branded-social-images-editor .collapsible .inner>span.name-image_logo,#branded-social-images-editor .collapsible .inner>span.name-image_use_thumbnail,#branded-social-images-editor .collapsible .inner>span.name-text_enabled,#branded-social-images-editor .collapsible .inner>span.wrap-full{width:100%}#branded-social-images-editor .area--options{position:relative;grid-area:e}#branded-social-images-editor .area--settings{grid-area:d}#branded-social-images-editor .area--debug pre{overflow:auto}#branded-social-images-editor .hidden,#branded-social-images-editor .wrap-hidden{display:none!important}#branded-social-images-editor .wrap-position-grid .options-wrap{width:66px;display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:22px 22px 22px;grid-template-columns:22px 22px 22px;-ms-grid-rows:22px 22px 22px;grid-template-rows:22px 22px 22px;border:1px solid #8c8f94;padding:0!important;box-sizing:content-box}#branded-social-images-editor .wrap-position-grid .option-wrap{display:-ms-inline-grid!important;display:inline-grid!important;width:100%;height:100%;position:relative}#branded-social-images-editor .wrap-position-grid .option-wrap label{text-indent:30px;overflow:hidden;width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid #8c8f94;border-top:0;border-left:0}#branded-social-images-editor .wrap-position-grid .option-wrap:nth-child(n+7) label{border-bottom:0}#branded-social-images-editor .wrap-position-grid .option-wrap:nth-child(3n) label{border-right:0}#branded-social-images-editor .wrap-position-grid .option-wrap input:checked+label{background:#4c4f48}#branded-social-images-editor .wrap-position-grid input{width:20px;height:30px;appearance:none;border-radius:0;border:0;opacity:0}#branded-social-images-editor .wrap-position-grid input:focus{outline:none}#branded-social-images-editor .wrap-position-grid input:checked{background:#000}#branded-social-images-editor .add-image-select input[value="0"]~.remove,#branded-social-images-editor .add-image-select input[value=""]~.remove,#branded-social-images-editor .image-preview-wrapper,#branded-social-images-editor .no-remove~.remove{display:none}#branded-social-images-editor .input-wrap{box-sizing:border-box;padding:10px;display:inline-block}#branded-social-images-editor .input-wrap.name-background_enabled>.field-wrap:first-child:before,#branded-social-images-editor .input-wrap.name-text_shadow_enabled>.field-wrap:first-child:before{content:"";display:block;width:100%;margin-top:2em}#branded-social-images-editor .input-wrap .comment{display:block}#branded-social-images-editor .input-wrap.name-text_enabled .comment,#branded-social-images-editor .input-wrap.name-text_shadow_enabled .comment{display:inline;margin-left:1em}#branded-social-images-editor .input-wrap i.toggle-comment{cursor:help}#branded-social-images-editor .input-wrap i.toggle-comment+.comment{display:none}#branded-social-images-editor .input-wrap i.toggle-comment.active+.comment{display:block}#branded-social-images-editor .input-wrap i.toggle-info{cursor:help}#branded-social-images-editor .input-wrap i.toggle-info+.info{display:none}#branded-social-images-editor .input-wrap i.toggle-info.active+.info{display:block}#branded-social-images-editor .input-wrap>label:first-child{display:block;font-weight:700;line-height:2}#branded-social-images-editor .input-wrap input[type=text],#branded-social-images-editor .input-wrap textarea{width:100%}#branded-social-images-editor .input-wrap.input-color .field-wrap{position:relative;display:inline-block}#branded-social-images-editor .input-wrap input.color-picker{padding-left:30px}#branded-social-images-editor .input-wrap input.color-picker+.swatch{background-color:var(--the-color);position:absolute;width:24px;height:24px;bottom:2px;left:3px;border-radius:3px;border:1px solid #8c8f94;pointer-events:none}#branded-social-images-editor .filename+.message{display:block}#branded-social-images-editor .filename:empty+.message{display:none}#branded-social-images-editor .disabled-notice{display:none;border:1px solid red;background:rgba(255,0,0,.2);padding:10px 20px;margin:10px 0;color:red}#branded-social-images-editor.bsi-disabled .disabled-notice{display:block} -
branded-social-images/trunk/admin/admin.min.js
r2626599 r2883247 1 !function(){"use strict";function u(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var t=function(t,e,r){return e&&i(t.prototype,e),r&&i(t,r),t};function i(t,e){for(var r=0;r<e.length;r++){var i=e[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}var d=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return function(t,e){var r=[],i=!0,n=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(r.push(a.value),!e||r.length!==e);i=!0);}catch(t){n=!0,o=t}finally{try{!i&&s.return&&s.return()}finally{if(n)throw o}}return r}(t,e);throw new TypeError("Invalid attempt to destructure non-iterable instance")};String.prototype.startsWith=String.prototype.startsWith||function(t){return 0===this.indexOf(t)},String.prototype.padStart=String.prototype.padStart||function(t,e){for(var r=this;r.length<t;)r=e+r;return r};var e={cb:"0f8ff",tqw:"aebd7",q:"-ffff",qmrn:"7fffd4",zr:"0ffff",bg:"5f5dc",bsq:"e4c4",bck:"---",nch:"ebcd",b:"--ff",bvt:"8a2be2",brwn:"a52a2a",brw:"deb887",ctb:"5f9ea0",hrt:"7fff-",chcT:"d2691e",cr:"7f50",rnw:"6495ed",crns:"8dc",crms:"dc143c",cn:"-ffff",Db:"--8b",Dcn:"-8b8b",Dgnr:"b8860b",Dgr:"a9a9a9",Dgrn:"-64-",Dkhk:"bdb76b",Dmgn:"8b-8b",Dvgr:"556b2f",Drng:"8c-",Drch:"9932cc",Dr:"8b--",Dsmn:"e9967a",Dsgr:"8fbc8f",DsTb:"483d8b",DsTg:"2f4f4f",Dtrq:"-ced1",Dvt:"94-d3",ppnk:"1493",pskb:"-bfff",mgr:"696969",grb:"1e90ff",rbrc:"b22222",rwht:"af0",stg:"228b22",chs:"-ff",gnsb:"dcdcdc",st:"8f8ff",g:"d7-",gnr:"daa520",gr:"808080",grn:"-8-0",grnw:"adff2f",hnw:"0fff0",htpn:"69b4",nnr:"cd5c5c",ng:"4b-82",vr:"0",khk:"0e68c",vnr:"e6e6fa",nrb:"0f5",wngr:"7cfc-",mnch:"acd",Lb:"add8e6",Lcr:"08080",Lcn:"e0ffff",Lgnr:"afad2",Lgr:"d3d3d3",Lgrn:"90ee90",Lpnk:"b6c1",Lsmn:"a07a",Lsgr:"20b2aa",Lskb:"87cefa",LsTg:"778899",Lstb:"b0c4de",Lw:"e0",m:"-ff-",mgrn:"32cd32",nn:"af0e6",mgnt:"-ff",mrn:"8--0",mqm:"66cdaa",mmb:"--cd",mmrc:"ba55d3",mmpr:"9370db",msg:"3cb371",mmsT:"7b68ee","":"-fa9a",mtr:"48d1cc",mmvt:"c71585",mnLb:"191970",ntc:"5fffa",mstr:"e4e1",mccs:"e4b5",vjw:"dead",nv:"--80",c:"df5e6",v:"808-0",vrb:"6b8e23",rng:"a5-",rngr:"45-",rch:"da70d6",pgnr:"eee8aa",pgrn:"98fb98",ptrq:"afeeee",pvtr:"db7093",ppwh:"efd5",pchp:"dab9",pr:"cd853f",pnk:"c0cb",pm:"dda0dd",pwrb:"b0e0e6",prp:"8-080",cc:"663399",r:"--",sbr:"bc8f8f",rb:"4169e1",sbrw:"8b4513",smn:"a8072",nbr:"4a460",sgrn:"2e8b57",ssh:"5ee",snn:"a0522d",svr:"c0c0c0",skb:"87ceeb",sTb:"6a5acd",sTgr:"708090",snw:"afa",n:"-ff7f",stb:"4682b4",tn:"d2b48c",t:"-8080",thst:"d8bfd8",tmT:"6347",trqs:"40e0d0",vt:"ee82ee",whT:"5deb3",wht:"",hts:"5f5f5",w:"-",wgrn:"9acd32"};function n(t,e){e=1<arguments.length&&void 0!==e?e:1;return(0<e?t.toFixed(e).replace(/0+$/,"").replace(/\.$/,""):t.toString())||"0"}var o=(t(g,[{key:"printRGB",value:function(t){var e=(t?this.rgba:this.rgba.slice(0,3)).map(function(t,e){return n(t,3===e?3:0)});return t?"rgba("+e+")":"rgb("+e+")"}},{key:"printHSL",value:function(t){var r=[360,100,100,1],i=["","%","%",""],e=(t?this.hsla:this.hsla.slice(0,3)).map(function(t,e){return n(t*r[e],3===e?3:1)+i[e]});return t?"hsla("+e+")":"hsl("+e+")"}},{key:"printHex",value:function(t){var e=this.hex;return t?e:e.substring(0,7)}},{key:"rgba",get:function(){if(this._rgba)return this._rgba;if(!this._hsla)throw new Error("No color is set");return this._rgba=g.hslToRgb(this._hsla)},set:function(t){3===t.length&&(t[3]=1),this._rgba=t,this._hsla=null}},{key:"rgbString",get:function(){return this.printRGB()}},{key:"rgbaString",get:function(){return this.printRGB(!0)}},{key:"hsla",get:function(){if(this._hsla)return this._hsla;if(!this._rgba)throw new Error("No color is set");return this._hsla=g.rgbToHsl(this._rgba)},set:function(t){3===t.length&&(t[3]=1),this._hsla=t,this._rgba=null}},{key:"hslString",get:function(){return this.printHSL()}},{key:"hslaString",get:function(){return this.printHSL(!0)}},{key:"hex",get:function(){return"#"+this.rgba.map(function(t,e){return(e<3?t:Math.round(255*t)).toString(16)}).map(function(t){return t.padStart(2,"0")}).join("")},set:function(t){this.rgba=g.hexToRgb(t)}}],[{key:"hexToRgb",value:function(t){var e=(t.startsWith("#")?t.slice(1):t).replace(/^(\w{3})$/,"$1F").replace(/^(\w)(\w)(\w)(\w)$/,"$1$1$2$2$3$3$4$4").replace(/^(\w{6})$/,"$1FF");if(!e.match(/^([0-9a-fA-F]{8})$/))throw new Error("Unknown hex color; "+t);e=e.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map(function(t){return parseInt(t,16)});return e[3]=e[3]/255,e}},{key:"nameToRgb",value:function(t){t=t.toLowerCase().replace("at","T").replace(/[aeiouyldf]/g,"").replace("ght","L").replace("rk","D").slice(-5,4),t=e[t];return void 0===t?t:g.hexToRgb(t.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function(t){var e=d(t,4),r=e[0],i=e[1],n=e[2],o=e[3];r/=255,i/=255,n/=255;var a=Math.max(r,i,n),s=Math.min(r,i,n),l=void 0,t=void 0,e=(a+s)/2;if(a===s)l=t=0;else{var p=a-s,t=.5<e?p/(2-a-s):p/(a+s);switch(a){case r:l=(i-n)/p+(i<n?6:0);break;case i:l=(n-r)/p+2;break;case n:l=(r-i)/p+4}l/=6}return[l,t,e,o]}},{key:"hslToRgb",value:function(t){var e=d(t,4),r=e[0],i=e[1],n=e[2],o=e[3],a=void 0,s=void 0,t=void 0;0===i?a=s=t=n:(a=(e=function(t,e,r){return r<0&&(r+=1),1<r&&--r,r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t})(i=2*n-(n=n<.5?n*(1+i):n+i-n*i),n,r+1/3),s=e(i,n,r),t=e(i,n,r-1/3));t=[255*a,255*s,255*t].map(Math.round);return t[3]=o,t}}]),g);function g(t,e,r,i){u(this,g);var n,o,a,s,l,p,c=this;void 0===t||(Array.isArray(t)?this.rgba=t:void 0===r?(n=t&&""+t)&&((o=n.toLowerCase()).startsWith("hsl")?(a=o.match(/([\-\d\.e]+)/g).map(Number),l=(s=d(a,4))[0],p=s[1],a=s[2],s=s[3],c.hsla=[l/=360,p/=100,a/=100,s=void 0===s?1:s]):o.startsWith("rgb")?(l=o.match(/([\-\d\.e]+)/g).map(Number),a=(p=d(l,4))[0],s=p[1],l=p[2],p=p[3],c.rgba=[a,s,l,p=void 0===p?1:p]):o.startsWith("#")?c.rgba=g.hexToRgb(o):c.rgba=g.nameToRgb(o)||g.hexToRgb(o)):this.rgba=[t,e,r,void 0===i?1:i])}var r=(t(a,[{key:"add",value:function(t,e,r){t.addEventListener(e,r,!1),this._events.push({target:t,type:e,handler:r})}},{key:"remove",value:function(r,i,n){this._events=this._events.filter(function(t){var e=!0;return r&&r!==t.target&&(e=!1),i&&i!==t.type&&(e=!1),(e=n&&n!==t.handler?!1:e)&&a._doRemove(t.target,t.type,t.handler),!e})}},{key:"destroy",value:function(){this._events.forEach(function(t){return a._doRemove(t.target,t.type,t.handler)}),this._events=[]}}],[{key:"_doRemove",value:function(t,e,r){t.removeEventListener(e,r,!1)}}]),a);function a(){u(this,a),this._events=[]}function s(t,o,a){var s=!1;function l(t,e,r){return Math.max(e,Math.min(t,r))}function r(t,e,r){var i,n;(s=r?!0:s)&&(t.preventDefault(),i=(n=o.getBoundingClientRect()).width,r=n.height,t=e.clientX,e=e.clientY,t=l(t-n.left,0,i),n=l(e-n.top,0,r),a(t/i,n/r))}function e(t,e){1===(void 0===t.buttons?t.which:t.buttons)?r(t,t,e):s=!1}function i(t,e){1===t.touches.length?r(t,t.touches[0],e):s=!1}t.add(o,"mousedown",function(t){e(t,!0)}),t.add(o,"touchstart",function(t){i(t,!0)}),t.add(window,"mousemove",e),t.add(o,"touchmove",i),t.add(window,"mouseup",function(t){s=!1}),t.add(o,"touchend",function(t){s=!1}),t.add(o,"touchcancel",function(t){s=!1})}var l="keydown",p="mousedown",c="focusin";function h(t,e){return(e||document).querySelector(t)}function f(t){t.preventDefault(),t.stopPropagation()}function b(t,e,r,i,n){t.add(e,l,function(t){0<=r.indexOf(t.key)&&(n&&f(t),i(t))})}var m=document.createElement("style");function k(t){u(this,k),this.settings={popup:"right",layout:"default",alpha:!0,editor:!0,editorFormat:"hex",cancelButton:!1,defaultColor:"#0cf"},this._events=new r,this.onChange=null,this.onDone=null,this.onOpen=null,this.onClose=null,this.setOptions(t)}m.textContent=".picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:stretch;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:'';display:block;width:100%;height:0;-webkit-box-ordinal-group:2;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{-webkit-box-flex:1;flex:1 1 auto}.layout_default .picker_sl::before{content:'';display:block;padding-bottom:100%}.layout_default .picker_editor{-webkit-box-ordinal-group:2;order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{-webkit-box-ordinal-group:2;order:1;-webkit-box-flex:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{-webkit-box-ordinal-group:2;order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px dodgerblue}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:whitesmoke;background-image:-webkit-gradient(linear, left bottom, left top, from(gainsboro), to(transparent));background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:-webkit-gradient(linear, left bottom, left top, from(transparent), to(gainsboro));background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:white}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid white;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:-webkit-gradient(linear, left top, right top, from(red), color-stop(yellow), color-stop(lime), color-stop(cyan), color-stop(blue), color-stop(magenta), to(red));background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:-webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, rgba(255,255,255,0))),-webkit-gradient(linear, left bottom, left top, from(black), color-stop(50%, rgba(0,0,0,0))),-webkit-gradient(linear, left top, right top, from(gray), to(rgba(128,128,128,0)));background-image:linear-gradient(180deg, white, rgba(255,255,255,0) 50%),linear-gradient(0deg, black, rgba(0,0,0,0) 50%),linear-gradient(90deg, gray, rgba(128,128,128,0))}.picker_alpha,.picker_sample{position:relative;background:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='lightgrey'/%3E%3C/svg%3E\") left top/contain white;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:'';position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,0.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:\"\";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}",document.documentElement.firstElementChild.appendChild(m);var v=(t(k,[{key:"setOptions",value:function(t){var e,r,i,n=this;t&&(e=this.settings,t instanceof HTMLElement?e.parent=t:(e.parent&&t.parent&&e.parent!==t.parent&&(this._events.remove(e.parent),this._popupInited=!1),function(t,e,r){for(var i in t)r&&0<=r.indexOf(i)||(e[i]=t[i])}(t,e),t.onChange&&(this.onChange=t.onChange),t.onDone&&(this.onDone=t.onDone),t.onOpen&&(this.onOpen=t.onOpen),t.onClose&&(this.onClose=t.onClose),(i=t.color||t.colour)&&this._setColor(i)),(r=e.parent)&&e.popup&&!this._popupInited?(this._events.add(r,"click",i=function(t){return n.openHandler(t)}),b(this._events,r,[" ","Spacebar","Enter"],i),this._popupInited=!0):t.parent&&!e.popup&&this.show())}},{key:"openHandler",value:function(t){var e;this.show()&&(t&&t.preventDefault(),this.settings.parent.style.pointerEvents="none",e=t&&t.type===l?this._domEdit:this.domElement,setTimeout(function(){return e.focus()},100),this.onOpen&&this.onOpen(this.colour))}},{key:"closeHandler",value:function(t){var e,r=t&&t.type,i=!1;t?r===p||r===c?(e=(this.__containedEvent||0)+100,t.timeStamp>e&&(i=!0)):(f(t),i=!0):i=!0,i&&this.hide()&&(this.settings.parent.style.pointerEvents="",r!==p&&this.settings.parent.focus(),this.onClose&&this.onClose(this.colour))}},{key:"movePopup",value:function(t,e){this.closeHandler(),this.setOptions(t),e&&this.openHandler()}},{key:"setColor",value:function(t,e){this._setColor(t,{silent:e})}},{key:"_setColor",value:function(t,e){if(t="string"==typeof t?t.trim():t){e=e||{};var r=void 0;try{r=new o(t)}catch(t){if(e.failSilently)return;throw t}this.settings.alpha||((t=r.hsla)[3]=1,r.hsla=t),this.colour=this.color=r,this._setHSLA(null,null,null,null,e)}}},{key:"setColour",value:function(t,e){this.setColor(t,e)}},{key:"show",value:function(){if(!this.settings.parent)return!1;if(this.domElement){var t=this._toggleDOM(!0);return this._setPosition(),t}var e=this.settings.template||'<div class="picker_wrapper" tabindex="-1"><div class="picker_arrow"></div><div class="picker_hue picker_slider"><div class="picker_selector"></div></div><div class="picker_sl"><div class="picker_selector"></div></div><div class="picker_alpha picker_slider"><div class="picker_selector"></div></div><div class="picker_editor"><input aria-label="Type a color name or hex value"/></div><div class="picker_sample"></div><div class="picker_done"><button>Ok</button></div><div class="picker_cancel"><button>Cancel</button></div></div>',r=(t=e,(e=document.createElement("div")).innerHTML=t,e.firstElementChild);return this.domElement=r,this._domH=h(".picker_hue",r),this._domSL=h(".picker_sl",r),this._domA=h(".picker_alpha",r),this._domEdit=h(".picker_editor input",r),this._domSample=h(".picker_sample",r),this._domOkay=h(".picker_done button",r),this._domCancel=h(".picker_cancel button",r),r.classList.add("layout_"+this.settings.layout),this.settings.alpha||r.classList.add("no_alpha"),this.settings.editor||r.classList.add("no_editor"),this.settings.cancelButton||r.classList.add("no_cancel"),this._ifPopup(function(){return r.classList.add("popup")}),this._setPosition(),this.colour?this._updateUI():this._setColor(this.settings.defaultColor),this._bindEvents(),!0}},{key:"hide",value:function(){return this._toggleDOM(!1)}},{key:"destroy",value:function(){this._events.destroy(),this.domElement&&this.settings.parent.removeChild(this.domElement)}},{key:"_bindEvents",value:function(){var r=this,i=this,n=this.domElement,o=this._events;function a(t,e,r){o.add(t,e,r)}a(n,"click",function(t){return t.preventDefault()}),s(o,this._domH,function(t,e){return i._setHSLA(t)}),s(o,this._domSL,function(t,e){return i._setHSLA(null,t,1-e)}),this.settings.alpha&&s(o,this._domA,function(t,e){return i._setHSLA(null,null,null,1-e)});var t=this._domEdit;a(t,"input",function(t){i._setColor(this.value,{fromEditor:!0,failSilently:!0})}),a(t,"focus",function(t){this.selectionStart===this.selectionEnd&&this.select()}),this._ifPopup(function(){function t(t){return r.closeHandler(t)}a(window,p,t),a(window,c,t),b(o,n,["Esc","Escape"],t);function e(t){r.__containedEvent=t.timeStamp}a(n,p,e),a(n,c,e),a(r._domCancel,"click",t)});t=function(t){r._ifPopup(function(){return r.closeHandler(t)}),r.onDone&&r.onDone(r.colour)};a(this._domOkay,"click",t),b(o,n,["Enter"],t)}},{key:"_setPosition",value:function(){var r=this.settings.parent,i=this.domElement;r!==i.parentNode&&r.appendChild(i),this._ifPopup(function(t){"static"===getComputedStyle(r).position&&(r.style.position="relative");var e=!0===t?"popup_right":"popup_"+t;["popup_top","popup_bottom","popup_left","popup_right"].forEach(function(t){t===e?i.classList.add(t):i.classList.remove(t)}),i.classList.add(e)})}},{key:"_setHSLA",value:function(t,e,r,i,n){n=n||{};var o=this.colour,a=o.hsla;[t,e,r,i].forEach(function(t,e){!t&&0!==t||(a[e]=t)}),o.hsla=a,this._updateUI(n),this.onChange&&!n.silent&&this.onChange(o)}},{key:"_updateUI",value:function(t){if(this.domElement){t=t||{};var e=this.colour,r=e.hsla,i="hsl("+360*r[0]+", 100%, 50%)",n=e.hslString,o=e.hslaString,a=this._domH,s=this._domSL,l=this._domA,p=h(".picker_selector",a),a=h(".picker_selector",s),l=h(".picker_selector",l);d(0,p,r[0]),this._domSL.style.backgroundColor=this._domH.style.color=i,d(0,a,r[1]),g(0,a,1-r[2]),s.style.color=n,g(0,l,1-r[3]);r=n,n=r.replace("hsl","hsla").replace(")",", 0)");if(this._domA.style.backgroundImage="linear-gradient("+[r,n]+")"+", url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' height='2'%3E%3Cpath d='M1,0H0V1H2V2H1' fill='lightgrey'/%3E%3C/svg%3E\")",!t.fromEditor){var t=this.settings.editorFormat,c=this.settings.alpha,u=void 0;switch(t){case"rgb":u=e.printRGB(c);break;case"hsl":u=e.printHSL(c);break;default:u=e.printHex(c)}this._domEdit.value=u}this._domSample.style.color=o}function d(t,e,r){e.style.left=100*r+"%"}function g(t,e,r){e.style.top=100*r+"%"}}},{key:"_ifPopup",value:function(t,e){this.settings.parent&&this.settings.popup?t&&t(this.settings.popup):e&&e()}},{key:"_toggleDOM",value:function(t){var e=this.domElement;if(!e)return!1;var r=t?"":"none",t=e.style.display!==r;return t&&(e.style.display=r),t}}],[{key:"StyleElement",get:function(){return m}}]),k);function _(t){var e;return/^#([A-Fa-f0-9]{3,4})$/.test(t)?_((e=(t+"F").substring(1).split(""))[0],e[0],e[1],e[1],e[2],e[2],e[3],e[3]):"rgba("+[(e="0x"+(t.substring(1)+"FF").substring(0,8))>>24&255,e>>16&255,e>>8&255,Math.round((255&e)/25.5)/10].join(",")+")"}var w,y,x,C,E,S,L=(w=document.createElement("div"),function(t){return t&&"string"==typeof t&&(t=(t=t.replace(/<script[^>]*>([\S\s]*?)<\/script>/gim,"")).replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gim,""),w.innerHTML=t,t=w.textContent,w.textContent=""),t});y=jQuery,(S=y("#branded-social-images-editor")).length<1||(x=y("body"),C=S.find(".area--background .background"),E=S.find(".area--logo:not(.logo-alternate) .logo"),y.fn.attachMediaUpload=function(){var s=wp.media.model.settings.post.id;return y("a.add_media").on("click",function(){wp.media.model.settings.post.id=s}),y(this).each(function(t,e){var r,i=y(e),n=i.find("input").not(".button"),o=i.find(".image-preview-wrapper img"),a=n.val(),e=i.find(".button").not(".remove");i.find(".button.remove").on("click",function(){var t={id:"0",url:"data:image/png;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="};o.attr("src",t.url),n.trigger("image:select",[t]),n.val(t.id),a=t.id}),e.on("click",function(t){t.preventDefault(),r||(wp.media.model.settings.post.id=a,(r=wp.media.frames.file_frame=wp.media({title:bsi_settings.text.image_upload_title,button:{text:bsi_settings.text.image_upload_button},library:{type:i.data("types").split(",")},multiple:!1})).on("select",function(){var t=r.state().get("selection").first().toJSON();"sizes"in t&&"og-image"in t.sizes&&(t.url=t.sizes["og-image"].url),o.attr("src",t.url),n.trigger("image:select",[t]),n.val(t.id),a=t.id,wp.media.model.settings.post.id=s}).on("open",function(){var t=r.state().get("selection");a&&t.add(wp.media.attachment(a))})),r.open()})})},y.fn.BSIattachFileUpload=function(){var o=wp.media.model.settings.post.id;return y("a.add_media").on("click",function(){wp.media.model.settings.post.id=o}),y(this).each(function(){var e,r=y(this),i=r.find("input").not(".button"),n=i.val();r.find(".button").not(".remove").on("click",function(t){t.preventDefault(),e||(wp.media.model.settings.post.id=n,(e=wp.media.frames.file_frame=wp.media({title:bsi_settings.text.file_upload_title,button:{text:bsi_settings.text.file_upload_button},library:{type:r.data("types").split(",")},multiple:!1})).on("select",function(){var t=e.state().get("selection").first().toJSON();i.trigger("file:select",[t]),i.val(t.id),n=t.id,wp.media.model.settings.post.id=o}).on("open",function(){var t=e.state().get("selection");n&&t.add(wp.media.attachment(n))})),e.open()})})},y(document).ready(function(){var r=S.find(".editable"),i=S.find("textarea.editable-target");S.find("h2 .toggle").on("click touchend",function(t){y(t.target).closest('[class^="area"]').toggleClass("closed")}),S.on("keypress keyup keydown",function(t){t.stopPropagation()}),r.get(0).addEventListener("paste",function(){setTimeout(function(){var t=r.text();t!==r.html()&&(t=t.replace("<br[^>]*>/g","\n"),r.text(t).trigger("keyup"))},250)}),r.on("blur keyup paste",function(){setTimeout(function(){i.val(r.text())},250),S.removeClass("auto-title")}),i.on("blur keyup input",function(){i.val(i.val().replace(/ <br/g,"<br")),i.val(i.val().replace(/ \n/g,"\n")),r.text(i.val()),S.removeClass("auto-title")}),i.on("blur keyup paste",function(){r.text(L(i.val()))}).trigger("paste"),S.find("#color").on("keyup blur paste input",function(){S.get(0).style.setProperty("--text-color",_(y(this).val()))}),S.find("#background_enabled,#background_color").on("keyup blur paste input change",function(){var t=S.find("#background_enabled").is(":checked");S.toggleClass("with-text-background",t),S.get(0).style.setProperty("--text-background",_(S.find("#background_color").val()))}).trigger("blur"),S.find("#text_shadow_color").on("keyup blur paste input",function(){S.get(0).style.setProperty("--text-shadow-color",_(y(this).val()))}).trigger("blur"),S.find("#text_shadow_top").on("keyup blur paste input",function(){S.get(0).style.setProperty("--text-shadow-top",parseInt(y(this).val(),10)+"px")}).trigger("blur"),S.find("#text_shadow_left").on("keyup blur paste input",function(){S.get(0).style.setProperty("--text-shadow-left",parseInt(y(this).val(),10)+"px")}).trigger("blur"),S.find("#text_shadow_enabled").on("change",function(){y(this).is(":checked")?S.get(0).style.setProperty("--text-shadow-color",_("#555555DD")):S.get(0).style.setProperty("--text-shadow-color",_("#00000000"))}).trigger("change"),S.find("#disabled").on("change",function(){S.toggleClass("bsi-disabled",y(this).is(":checked"))}),y(".wrap-position-grid input").on("change",function(){var t=y(this).closest(".wrap-position-grid"),r=t.data("name");S.removeClass(function(t,e){return(e.match(new RegExp("(^|\\s)"+r+"-\\S+","g"))||[]).join(" ")}).addClass(r+"-"+t.find("input:checked").attr("value"))}).trigger("change"),y("#image_logo_size").on("keyup blur paste input",function(){var t=parseInt("0"+y(this).val(),10),e=parseInt(y(this).attr("min"),10),r=parseInt(y(this).attr("max"),10);r<(t=t<e?e:t)&&(t=r),S.get(0).style.setProperty("--logo-scale",t)}).trigger("blur"),y("#text__font_size").on("keyup blur paste input",function(){var t=parseInt("0"+y(this).val(),10),e=parseInt(y(this).attr("min"),10),r=parseInt(y(this).attr("max"),10);r<(t=t<e?e:t)&&(t=r),S.get(0).style.setProperty("--font-size",t+"px"),S.get(0).style.setProperty("--line-height",1.25*t+"px")}).trigger("blur"),y(".add-slider").each(function(){var t=y(this).find("input");t.attr("size",4).on("blur change",function(){y(this).next(".a-slider").slider("value",parseInt(y(this).val(),10)),y(this).trigger("input")}).after('<div class="a-slider"></div>'),t.next(".a-slider").slider({min:parseInt(t.attr("min"),10),max:parseInt(t.attr("max"),10),step:parseInt(t.attr("step"),10),value:parseInt(t.attr("value"),10),change:function(t,e){y(this).prev("input").val(e.value).trigger("input")},slide:function(t,e){y(this).prev("input").val(e.value).trigger("input")}})}),S.find("#image").on("image:select",function(t,e){C.get(0).style.backgroundImage='url("'+e.url+'")'}),S.find("#image_logo").on("image:select",function(t,e){"id"in e&&0<parseInt(""+e.id,10)?(S.get(0).style.setProperty("--logo-width",e.width),S.get(0).style.setProperty("--logo-height",e.height),E.get(0).style.backgroundImage='url("'+e.url+'")',S.addClass("with-logo")):(S.get(0).style.setProperty("--logo-width",410),S.get(0).style.setProperty("--logo-height",82),E.get(0).style.backgroundImage="",S.removeClass("with-logo"))}),S.find("#text__ttf_upload").on("file:select",function(t,e){y(this).parent().find(".filename").html(e.filename)}),S.find("i.toggle-comment,i.toggle-info").on("click touchend",function(){y(this).toggleClass("active")}),S.find("#text__font").on("keyup blur paste input change",function(){S.get(0).style.setProperty("--text-font",y(this).val()),S.attr("data-font",y(this).val())}).trigger("blur"),S.find("#text_enabled").on("change",function(){y(".area--text").toggleClass("invisible",!y(this).is(":checked"))}).trigger("change"),y(".input-color",S).each(function(){var e=y(this).find("input");new v({parent:this,popup:"top",color:e.val(),onChange:function(t){e.val(t.hex.toUpperCase()).parent().get(0).style.setProperty("--the-color",_(t.hex)),e.trigger("blur")}})});var e,n,o,a=function(){},s={yoast:!1,rankmath:!1,featured:!1};a=x.is(".block-editor-page")?(e=wp.data.select,c=wp.data.subscribe,function(){t="featured_media",t=(o=o||e("core/editor")).getEditedPostAttribute(t);if(t){var t=(t=t,(n=n||e("core")).getMedia(t));if(t)return(bsi_settings.image_size_name in t.media_details.sizes?t.media_details.sizes[bsi_settings.image_size_name]:t).source_url}return null}):function(){return y("#set-post-thumbnail img").attr("src")||""};function l(){var t=y("#facebook-url-input-metabox"),e=y("#wpseo-section-social > div:nth(0) .yoast-image-select__preview--image");return!(!t.length&&!e.length)&&(t.val()||e.attr("src"))}function t(){setTimeout(function(){var t,e;y(".area--background-alternate.image-source-yoast").length&&(t=l(),s.yoast!==t&&(s.yoast=t,y(".area--background-alternate.image-source-yoast .background").get(0).style.backgroundImage=t?'url("'+t+'")':"")),y(".area--background-alternate.image-source-rankmath").length&&(t=e=(e=y(".rank-math-social-preview-facebook .rank-math-social-image-thumbnail")).length?!e.attr("src").match(/wp-content\/plugins\/seo-by-rank-math\//)&&e.attr("src"):s.rankmath,s.rankmath!==t&&(s.rankmath=t,y(".area--background-alternate.image-source-rankmath .background").get(0).style.backgroundImage=t?'url("'+t+'")':"")),y(".area--background-alternate.image-source-thumbnail").length&&(t=a(),s.featured!==t&&(s.featured=t,y(".area--background-alternate.image-source-thumbnail .background").get(0).style.backgroundImage=t?'url("'+t+'")':""))},500)}var p,s={yoast:l(),rankmath:l(),featured:a()};x.is(".block-editor-page")&&c(function(){p&&clearTimeout(p),p=setTimeout(function(){t()},1e3)}),setInterval(t,5e3);var c=function(){var t=y("#branded-social-images").outerWidth();t<600?S.get(0).style.setProperty("--editor-scale",(t-26)/600*.5):S.get(0).style.setProperty("--editor-scale",.5)};y(window).on("resize",c),setTimeout(c,1e3);var u=y(".wp-admin,.block-editor-page").filter(".post-new-php,.edit-php").find("#post #title,.block-editor #post-title-0").get(0),c=function t(){var e;S.is(".auto-title")?(e=bsi_settings.title_format.replace("{title}",y(u).val()),i.val(e),r.text(e)):y(u).off(t)};u&&y(u).on("keyup change blur",c).trigger("keyup")}))}();1 !function(){"use strict";function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var t=function(t,e,r){return e&&n(t.prototype,e),r&&n(t,r),t};function n(t,e){for(var r=0;r<e.length;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}var u=function(t,e){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t)){var r=e,n=[],i=!0,e=!1,o=void 0;try{for(var a,s=t[Symbol.iterator]();!(i=(a=s.next()).done)&&(n.push(a.value),!r||n.length!==r);i=!0);}catch(t){e=!0,o=t}finally{try{!i&&s.return&&s.return()}finally{if(e)throw o}}return n}throw new TypeError("Invalid attempt to destructure non-iterable instance")},e=(String.prototype.startsWith=String.prototype.startsWith||function(t){return 0===this.indexOf(t)},String.prototype.padStart=String.prototype.padStart||function(t,e){for(var r=this;r.length<t;)r=e+r;return r},{cb:"0f8ff",tqw:"aebd7",q:"-ffff",qmrn:"7fffd4",zr:"0ffff",bg:"5f5dc",bsq:"e4c4",bck:"---",nch:"ebcd",b:"--ff",bvt:"8a2be2",brwn:"a52a2a",brw:"deb887",ctb:"5f9ea0",hrt:"7fff-",chcT:"d2691e",cr:"7f50",rnw:"6495ed",crns:"8dc",crms:"dc143c",cn:"-ffff",Db:"--8b",Dcn:"-8b8b",Dgnr:"b8860b",Dgr:"a9a9a9",Dgrn:"-64-",Dkhk:"bdb76b",Dmgn:"8b-8b",Dvgr:"556b2f",Drng:"8c-",Drch:"9932cc",Dr:"8b--",Dsmn:"e9967a",Dsgr:"8fbc8f",DsTb:"483d8b",DsTg:"2f4f4f",Dtrq:"-ced1",Dvt:"94-d3",ppnk:"1493",pskb:"-bfff",mgr:"696969",grb:"1e90ff",rbrc:"b22222",rwht:"af0",stg:"228b22",chs:"-ff",gnsb:"dcdcdc",st:"8f8ff",g:"d7-",gnr:"daa520",gr:"808080",grn:"-8-0",grnw:"adff2f",hnw:"0fff0",htpn:"69b4",nnr:"cd5c5c",ng:"4b-82",vr:"0",khk:"0e68c",vnr:"e6e6fa",nrb:"0f5",wngr:"7cfc-",mnch:"acd",Lb:"add8e6",Lcr:"08080",Lcn:"e0ffff",Lgnr:"afad2",Lgr:"d3d3d3",Lgrn:"90ee90",Lpnk:"b6c1",Lsmn:"a07a",Lsgr:"20b2aa",Lskb:"87cefa",LsTg:"778899",Lstb:"b0c4de",Lw:"e0",m:"-ff-",mgrn:"32cd32",nn:"af0e6",mgnt:"-ff",mrn:"8--0",mqm:"66cdaa",mmb:"--cd",mmrc:"ba55d3",mmpr:"9370db",msg:"3cb371",mmsT:"7b68ee","":"-fa9a",mtr:"48d1cc",mmvt:"c71585",mnLb:"191970",ntc:"5fffa",mstr:"e4e1",mccs:"e4b5",vjw:"dead",nv:"--80",c:"df5e6",v:"808-0",vrb:"6b8e23",rng:"a5-",rngr:"45-",rch:"da70d6",pgnr:"eee8aa",pgrn:"98fb98",ptrq:"afeeee",pvtr:"db7093",ppwh:"efd5",pchp:"dab9",pr:"cd853f",pnk:"c0cb",pm:"dda0dd",pwrb:"b0e0e6",prp:"8-080",cc:"663399",r:"--",sbr:"bc8f8f",rb:"4169e1",sbrw:"8b4513",smn:"a8072",nbr:"4a460",sgrn:"2e8b57",ssh:"5ee",snn:"a0522d",svr:"c0c0c0",skb:"87ceeb",sTb:"6a5acd",sTgr:"708090",snw:"afa",n:"-ff7f",stb:"4682b4",tn:"d2b48c",t:"-8080",thst:"d8bfd8",tmT:"6347",trqs:"40e0d0",vt:"ee82ee",whT:"5deb3",wht:"",hts:"5f5f5",w:"-",wgrn:"9acd32"});function i(t,e){e=1<arguments.length&&void 0!==e?e:1;return(0<e?t.toFixed(e).replace(/0+$/,"").replace(/\.$/,""):t.toString())||"0"}t(d,[{key:"printRGB",value:function(t){var e=(t?this.rgba:this.rgba.slice(0,3)).map(function(t,e){return i(t,3===e?3:0)});return t?"rgba("+e+")":"rgb("+e+")"}},{key:"printHSL",value:function(t){var r=[360,100,100,1],n=["","%","%",""],e=(t?this.hsla:this.hsla.slice(0,3)).map(function(t,e){return i(t*r[e],3===e?3:1)+n[e]});return t?"hsla("+e+")":"hsl("+e+")"}},{key:"printHex",value:function(t){var e=this.hex;return t?e:e.substring(0,7)}},{key:"rgba",get:function(){if(this._rgba)return this._rgba;if(this._hsla)return this._rgba=d.hslToRgb(this._hsla);throw new Error("No color is set")},set:function(t){3===t.length&&(t[3]=1),this._rgba=t,this._hsla=null}},{key:"rgbString",get:function(){return this.printRGB()}},{key:"rgbaString",get:function(){return this.printRGB(!0)}},{key:"hsla",get:function(){if(this._hsla)return this._hsla;if(this._rgba)return this._hsla=d.rgbToHsl(this._rgba);throw new Error("No color is set")},set:function(t){3===t.length&&(t[3]=1),this._hsla=t,this._rgba=null}},{key:"hslString",get:function(){return this.printHSL()}},{key:"hslaString",get:function(){return this.printHSL(!0)}},{key:"hex",get:function(){return"#"+this.rgba.map(function(t,e){return(e<3?t:Math.round(255*t)).toString(16)}).map(function(t){return t.padStart(2,"0")}).join("")},set:function(t){this.rgba=d.hexToRgb(t)}}],[{key:"hexToRgb",value:function(t){var e=(t.startsWith("#")?t.slice(1):t).replace(/^(\w{3})$/,"$1F").replace(/^(\w)(\w)(\w)(\w)$/,"$1$1$2$2$3$3$4$4").replace(/^(\w{6})$/,"$1FF");if(e.match(/^([0-9a-fA-F]{8})$/))return(e=e.match(/^(\w\w)(\w\w)(\w\w)(\w\w)$/).slice(1).map(function(t){return parseInt(t,16)}))[3]=e[3]/255,e;throw new Error("Unknown hex color; "+t)}},{key:"nameToRgb",value:function(t){t=t.toLowerCase().replace("at","T").replace(/[aeiouyldf]/g,"").replace("ght","L").replace("rk","D").slice(-5,4),t=e[t];return void 0===t?t:d.hexToRgb(t.replace(/\-/g,"00").padStart(6,"f"))}},{key:"rgbToHsl",value:function(t){var t=u(t,4),e=t[0],r=t[1],n=t[2],t=t[3],i=(e/=255,r/=255,n/=255,Math.max(e,r,n)),o=Math.min(e,r,n),a=void 0,s=void 0,l=(i+o)/2;if(i===o)a=s=0;else{var p=i-o,s=.5<l?p/(2-i-o):p/(i+o);switch(i){case e:a=(r-n)/p+(r<n?6:0);break;case r:a=(n-e)/p+2;break;case n:a=(e-r)/p+4}a/=6}return[a,s,l,t]}},{key:"hslToRgb",value:function(t){var t=u(t,4),e=t[0],r=t[1],n=t[2],t=t[3],i=void 0,o=void 0,a=void 0,s=(0===r?i=o=a=n:(i=(s=function(t,e,r){return r<0&&(r+=1),1<r&&--r,r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t})(r=2*n-(n=n<.5?n*(1+r):n+r-n*r),n,e+1/3),o=s(r,n,e),a=s(r,n,e-1/3)),[255*i,255*o,255*a].map(Math.round));return s[3]=t,s}}]);var o=d;function d(t,e,r,n){c(this,d);var i,o,a,s,l,p=this;void 0!==t&&(Array.isArray(t)?this.rgba=t:void 0===r?(i=t&&""+t)&&((i=i.toLowerCase()).startsWith("hsl")?(a=i.match(/([\-\d\.e]+)/g).map(Number),s=(a=u(a,4))[0],l=a[1],o=a[2],a=a[3],p.hsla=[s/=360,l/=100,o/=100,a=void 0===a?1:a]):i.startsWith("rgb")?(s=i.match(/([\-\d\.e]+)/g).map(Number),o=(l=u(s,4))[0],a=l[1],s=l[2],l=l[3],p.rgba=[o,a,s,l=void 0===l?1:l]):i.startsWith("#")?p.rgba=d.hexToRgb(i):p.rgba=d.nameToRgb(i)||d.hexToRgb(i)):this.rgba=[t,e,r,void 0===n?1:n])}t(a,[{key:"add",value:function(t,e,r){t.addEventListener(e,r,!1),this._events.push({target:t,type:e,handler:r})}},{key:"remove",value:function(r,n,i){this._events=this._events.filter(function(t){var e=!0;return r&&r!==t.target&&(e=!1),n&&n!==t.type&&(e=!1),(e=i&&i!==t.handler?!1:e)&&a._doRemove(t.target,t.type,t.handler),!e})}},{key:"destroy",value:function(){this._events.forEach(function(t){return a._doRemove(t.target,t.type,t.handler)}),this._events=[]}}],[{key:"_doRemove",value:function(t,e,r){t.removeEventListener(e,r,!1)}}]);var r=a;function a(){c(this,a),this._events=[]}function s(t,o,a){var s=!1;function l(t,e,r){return Math.max(e,Math.min(t,r))}function r(t,e,r){var n,i;(s=r?!0:s)&&(t.preventDefault(),t=(r=o.getBoundingClientRect()).width,n=r.height,i=e.clientX,e=e.clientY,i=l(i-r.left,0,t),e=l(e-r.top,0,n),a(i/t,e/n))}function e(t,e){1===(void 0===t.buttons?t.which:t.buttons)?r(t,t,e):s=!1}function n(t,e){1===t.touches.length?r(t,t.touches[0],e):s=!1}t.add(o,"mousedown",function(t){e(t,!0)}),t.add(o,"touchstart",function(t){n(t,!0)}),t.add(window,"mousemove",e),t.add(o,"touchmove",n),t.add(window,"mouseup",function(t){s=!1}),t.add(o,"touchend",function(t){s=!1}),t.add(o,"touchcancel",function(t){s=!1})}var l="keydown",p="mousedown",h="focusin";function g(t,e){return(e||document).querySelector(t)}function f(t){t.preventDefault(),t.stopPropagation()}function m(t,e,r,n,i){t.add(e,l,function(t){0<=r.indexOf(t.key)&&(i&&f(t),n(t))})}t(_,[{key:"setOptions",value:function(t){var e=this;if(t){var r=this.settings;if(t instanceof HTMLElement)r.parent=t;else{r.parent&&t.parent&&r.parent!==t.parent&&(this._events.remove(r.parent),this._popupInited=!1);var n,i=t,o=r,a=void 0;for(n in i)a&&0<=a.indexOf(n)||(o[n]=i[n]);t.onChange&&(this.onChange=t.onChange),t.onDone&&(this.onDone=t.onDone),t.onOpen&&(this.onOpen=t.onOpen),t.onClose&&(this.onClose=t.onClose);var s=t.color||t.colour;s&&this._setColor(s)}var l,s=r.parent;s&&r.popup&&!this._popupInited?(this._events.add(s,"click",l=function(t){return e.openHandler(t)}),m(this._events,s,[" ","Spacebar","Enter"],l),this._popupInited=!0):t.parent&&!r.popup&&this.show()}}},{key:"openHandler",value:function(t){var e;this.show()&&(t&&t.preventDefault(),this.settings.parent.style.pointerEvents="none",e=t&&t.type===l?this._domEdit:this.domElement,setTimeout(function(){return e.focus()},100),this.onOpen&&this.onOpen(this.colour))}},{key:"closeHandler",value:function(t){var e,r=t&&t.type,n=!1;t?r===p||r===h?(e=(this.__containedEvent||0)+100,t.timeStamp>e&&(n=!0)):(f(t),n=!0):n=!0,n&&this.hide()&&(this.settings.parent.style.pointerEvents="",r!==p&&this.settings.parent.focus(),this.onClose&&this.onClose(this.colour))}},{key:"movePopup",value:function(t,e){this.closeHandler(),this.setOptions(t),e&&this.openHandler()}},{key:"setColor",value:function(t,e){this._setColor(t,{silent:e})}},{key:"_setColor",value:function(t,e){if(t="string"==typeof t?t.trim():t){e=e||{};var r=void 0;try{r=new o(t)}catch(t){if(e.failSilently)return;throw t}this.settings.alpha||((t=r.hsla)[3]=1,r.hsla=t),this.colour=this.color=r,this._setHSLA(null,null,null,null,e)}}},{key:"setColour",value:function(t,e){this.setColor(t,e)}},{key:"show",value:function(){var t,e,r;return!!this.settings.parent&&(this.domElement?(e=this._toggleDOM(!0),this._setPosition(),e):(e=this.settings.template||'<div class="picker_wrapper" tabindex="-1"><div class="picker_arrow"></div><div class="picker_hue picker_slider"><div class="picker_selector"></div></div><div class="picker_sl"><div class="picker_selector"></div></div><div class="picker_alpha picker_slider"><div class="picker_selector"></div></div><div class="picker_editor"><input aria-label="Type a color name or hex value"/></div><div class="picker_sample"></div><div class="picker_done"><button>Ok</button></div><div class="picker_cancel"><button>Cancel</button></div></div>',e=e,(r=document.createElement("div")).innerHTML=e,t=r.firstElementChild,this.domElement=t,this._domH=g(".picker_hue",t),this._domSL=g(".picker_sl",t),this._domA=g(".picker_alpha",t),this._domEdit=g(".picker_editor input",t),this._domSample=g(".picker_sample",t),this._domOkay=g(".picker_done button",t),this._domCancel=g(".picker_cancel button",t),t.classList.add("layout_"+this.settings.layout),this.settings.alpha||t.classList.add("no_alpha"),this.settings.editor||t.classList.add("no_editor"),this.settings.cancelButton||t.classList.add("no_cancel"),this._ifPopup(function(){return t.classList.add("popup")}),this._setPosition(),this.colour?this._updateUI():this._setColor(this.settings.defaultColor),this._bindEvents(),!0))}},{key:"hide",value:function(){return this._toggleDOM(!1)}},{key:"destroy",value:function(){this._events.destroy(),this.domElement&&this.settings.parent.removeChild(this.domElement)}},{key:"_bindEvents",value:function(){var r=this,n=this,i=this.domElement,o=this._events;function a(t,e,r){o.add(t,e,r)}a(i,"click",function(t){return t.preventDefault()}),s(o,this._domH,function(t,e){n._setHSLA(t)}),s(o,this._domSL,function(t,e){n._setHSLA(null,t,1-e)}),this.settings.alpha&&s(o,this._domA,function(t,e){n._setHSLA(null,null,null,1-e)});function t(t){r._ifPopup(function(){return r.closeHandler(t)}),r.onDone&&r.onDone(r.colour)}var e=this._domEdit;a(e,"input",function(t){n._setColor(this.value,{fromEditor:!0,failSilently:!0})}),a(e,"focus",function(t){this.selectionStart===this.selectionEnd&&this.select()}),this._ifPopup(function(){function t(t){return r.closeHandler(t)}function e(t){r.__containedEvent=t.timeStamp}a(window,p,t),a(window,h,t),m(o,i,["Esc","Escape"],t);a(i,p,e),a(i,h,e),a(r._domCancel,"click",t)});a(this._domOkay,"click",t),m(o,i,["Enter"],t)}},{key:"_setPosition",value:function(){var r=this.settings.parent,n=this.domElement;r!==n.parentNode&&r.appendChild(n),this._ifPopup(function(t){"static"===getComputedStyle(r).position&&(r.style.position="relative");var e=!0===t?"popup_right":"popup_"+t;["popup_top","popup_bottom","popup_left","popup_right"].forEach(function(t){t===e?n.classList.add(t):n.classList.remove(t)}),n.classList.add(e)})}},{key:"_setHSLA",value:function(t,e,r,n,i){i=i||{};var o=this.colour,a=o.hsla;[t,e,r,n].forEach(function(t,e){!t&&0!==t||(a[e]=t)}),o.hsla=a,this._updateUI(i),this.onChange&&!i.silent&&this.onChange(o)}},{key:"_updateUI",value:function(t){if(this.domElement){t=t||{};var e=this.colour,r=e.hsla,n="hsl("+360*r[0]+", 100%, 50%)",i=e.hslString,o=e.hslaString,a=this._domH,s=this._domSL,l=this._domA,a=g(".picker_selector",a),p=g(".picker_selector",s),l=g(".picker_selector",l),a=(d(0,a,r[0]),this._domSL.style.backgroundColor=this._domH.style.color=n,d(0,p,r[1]),h(0,p,1-r[2]),s.style.color=i,h(0,l,1-r[3]),i),n=a.replace("hsl","hsla").replace(")",", 0)");if(this._domA.style.background="linear-gradient("+[a,n]+")"+", linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0 / 2em 2em,\n linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em / 2em 2em",!t.fromEditor){var p=this.settings.editorFormat,c=this.settings.alpha,u=void 0;switch(p){case"rgb":u=e.printRGB(c);break;case"hsl":u=e.printHSL(c);break;default:u=e.printHex(c)}this._domEdit.value=u}this._domSample.style.color=o}function d(t,e,r){e.style.left=100*r+"%"}function h(t,e,r){e.style.top=100*r+"%"}}},{key:"_ifPopup",value:function(t,e){this.settings.parent&&this.settings.popup?t&&t(this.settings.popup):e&&e()}},{key:"_toggleDOM",value:function(t){var e,r=this.domElement;return!!r&&((e=r.style.display!==(t=t?"":"none"))&&(r.style.display=t),e)}}]);var b=_;function _(t){c(this,_),this.settings={popup:"right",layout:"default",alpha:!0,editor:!0,editorFormat:"hex",cancelButton:!1,defaultColor:"#0cf"},this._events=new r,this.onChange=null,this.onDone=null,this.onOpen=null,this.onClose=null,this.setOptions(t)}t=document.createElement("style");function v(t){var e;return/^#([A-Fa-f0-9]{3,4})$/.test(t)?v((e=(t+"F").substring(1).split(""))[0],e[0],e[1],e[1],e[2],e[2],e[3],e[3]):"rgba("+[(e="0x"+(t.substring(1)+"FF").substring(0,8))>>24&255,e>>16&255,e>>8&255,Math.round((255&e)/25.5)/10].join(",")+")"}t.textContent='.picker_wrapper.no_alpha .picker_alpha{display:none}.picker_wrapper.no_editor .picker_editor{position:absolute;z-index:-1;opacity:0}.picker_wrapper.no_cancel .picker_cancel{display:none}.layout_default.picker_wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;font-size:10px;width:25em;padding:.5em}.layout_default.picker_wrapper input,.layout_default.picker_wrapper button{font-size:1rem}.layout_default.picker_wrapper>*{margin:.5em}.layout_default.picker_wrapper::before{content:"";display:block;width:100%;height:0;order:1}.layout_default .picker_slider,.layout_default .picker_selector{padding:1em}.layout_default .picker_hue{width:100%}.layout_default .picker_sl{flex:1 1 auto}.layout_default .picker_sl::before{content:"";display:block;padding-bottom:100%}.layout_default .picker_editor{order:1;width:6.5rem}.layout_default .picker_editor input{width:100%;height:100%}.layout_default .picker_sample{order:1;flex:1 1 auto}.layout_default .picker_done,.layout_default .picker_cancel{order:1}.picker_wrapper{box-sizing:border-box;background:#f2f2f2;box-shadow:0 0 0 1px silver;cursor:default;font-family:sans-serif;color:#444;pointer-events:auto}.picker_wrapper:focus{outline:none}.picker_wrapper button,.picker_wrapper input{box-sizing:border-box;border:none;box-shadow:0 0 0 1px silver;outline:none}.picker_wrapper button:focus,.picker_wrapper button:active,.picker_wrapper input:focus,.picker_wrapper input:active{box-shadow:0 0 2px 1px #1e90ff}.picker_wrapper button{padding:.4em .6em;cursor:pointer;background-color:#f5f5f5;background-image:linear-gradient(0deg, gainsboro, transparent)}.picker_wrapper button:active{background-image:linear-gradient(0deg, transparent, gainsboro)}.picker_wrapper button:hover{background-color:#fff}.picker_selector{position:absolute;z-index:1;display:block;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);border:2px solid #fff;border-radius:100%;box-shadow:0 0 3px 1px #67b9ff;background:currentColor;cursor:pointer}.picker_slider .picker_selector{border-radius:2px}.picker_hue{position:relative;background-image:linear-gradient(90deg, red, yellow, lime, cyan, blue, magenta, red);box-shadow:0 0 0 1px silver}.picker_sl{position:relative;box-shadow:0 0 0 1px silver;background-image:linear-gradient(180deg, white, rgba(255, 255, 255, 0) 50%),linear-gradient(0deg, black, rgba(0, 0, 0, 0) 50%),linear-gradient(90deg, #808080, rgba(128, 128, 128, 0))}.picker_alpha,.picker_sample{position:relative;background:linear-gradient(45deg, lightgrey 25%, transparent 25%, transparent 75%, lightgrey 75%) 0 0/2em 2em,linear-gradient(45deg, lightgrey 25%, white 25%, white 75%, lightgrey 75%) 1em 1em/2em 2em;box-shadow:0 0 0 1px silver}.picker_alpha .picker_selector,.picker_sample .picker_selector{background:none}.picker_editor input{font-family:monospace;padding:.2em .4em}.picker_sample::before{content:"";position:absolute;display:block;width:100%;height:100%;background:currentColor}.picker_arrow{position:absolute;z-index:-1}.picker_wrapper.popup{position:absolute;z-index:2;margin:1.5em}.picker_wrapper.popup,.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{background:#f2f2f2;box-shadow:0 0 10px 1px rgba(0,0,0,.4)}.picker_wrapper.popup .picker_arrow{width:3em;height:3em;margin:0}.picker_wrapper.popup .picker_arrow::before,.picker_wrapper.popup .picker_arrow::after{content:"";display:block;position:absolute;top:0;left:0;z-index:-99}.picker_wrapper.popup .picker_arrow::before{width:100%;height:100%;-webkit-transform:skew(45deg);transform:skew(45deg);-webkit-transform-origin:0 100%;transform-origin:0 100%}.picker_wrapper.popup .picker_arrow::after{width:150%;height:150%;box-shadow:none}.popup.popup_top{bottom:100%;left:0}.popup.popup_top .picker_arrow{bottom:0;left:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.popup.popup_bottom{top:100%;left:0}.popup.popup_bottom .picker_arrow{top:0;left:0;-webkit-transform:rotate(90deg) scale(1, -1);transform:rotate(90deg) scale(1, -1)}.popup.popup_left{top:0;right:100%}.popup.popup_left .picker_arrow{top:0;right:0;-webkit-transform:scale(-1, 1);transform:scale(-1, 1)}.popup.popup_right{top:0;left:100%}.popup.popup_right .picker_arrow{top:0;left:0}',document.documentElement.firstElementChild.appendChild(t),b.StyleElement=t;k=document.createElement("div");var k,y,w,x,C,E,S=function(t){return t&&"string"==typeof t&&(k.innerHTML=t,k.querySelectorAll("script").forEach(function(t){return t.remove()}),k.querySelectorAll("iframe").forEach(function(t){return t.remove()}),t=k.textContent,k.textContent=""),t};y=jQuery,(E=y("#branded-social-images-editor")).length<1||(w=y("body"),x=E.find(".area--background .background"),C=E.find(".area--logo:not(.logo-alternate) .logo"),y.fn.attachMediaUpload=function(){var s=wp.media.model.settings.post.id;return y("a.add_media").on("click",function(){wp.media.model.settings.post.id=s}),y(this).each(function(t,e){var r,n=y(e),i=n.find("input").not(".button"),o=n.find(".image-preview-wrapper img"),a=i.val(),e=n.find(".button").not(".remove");n.find(".button.remove").on("click",function(){var t={id:"0",url:"data:image/png;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="};o.attr("src",t.url),i.trigger("image:select",[t]),i.val(t.id),a=t.id}),e.on("click",function(t){t.preventDefault(),r||(wp.media.model.settings.post.id=a,(r=wp.media.frames.file_frame=wp.media({title:bsi_settings.text.image_upload_title,button:{text:bsi_settings.text.image_upload_button},library:{type:n.data("types").split(",")},multiple:!1})).on("select",function(){var t=r.state().get("selection").first().toJSON();"sizes"in t&&"og-image"in t.sizes&&(t.url=t.sizes["og-image"].url),o.attr("src",t.url),i.trigger("image:select",[t]),i.val(t.id),a=t.id,wp.media.model.settings.post.id=s}).on("open",function(){var t=r.state().get("selection");a&&t.add(wp.media.attachment(a))})),r.open()})})},y.fn.BSIattachFileUpload=function(){var o=wp.media.model.settings.post.id;return y("a.add_media").on("click",function(){wp.media.model.settings.post.id=o}),y(this).each(function(){var e,r=y(this),n=r.find("input").not(".button"),i=n.val();r.find(".button").not(".remove").on("click",function(t){t.preventDefault(),e||(wp.media.model.settings.post.id=i,(e=wp.media.frames.file_frame=wp.media({title:bsi_settings.text.file_upload_title,button:{text:bsi_settings.text.file_upload_button},library:{type:r.data("types").split(",")},multiple:!1})).on("select",function(){var t=e.state().get("selection").first().toJSON();n.trigger("file:select",[t]),n.val(t.id),i=t.id,wp.media.model.settings.post.id=o}).on("open",function(){var t=e.state().get("selection");i&&t.add(wp.media.attachment(i))})),e.open()})})},y(document).ready(function(){function r(){var t=y("#facebook-url-input-metabox"),e=y("#wpseo-section-social > div:nth(0) .yoast-image-select__preview--image");return!(!t.length&&!e.length)&&(t.val()||e.attr("src"))}function t(){setTimeout(function(){var t,e;y(".area--background-alternate.image-source-yoast").length&&(t=r(),d.yoast!==t&&(d.yoast=t,y(".area--background-alternate.image-source-yoast .background").get(0).style.backgroundImage=t?'url("'+t+'")':"")),y(".area--background-alternate.image-source-rankmath").length&&(t=e=(e=y(".rank-math-social-preview-facebook .rank-math-social-image-thumbnail")).length?!e.attr("src").match(/wp-content\/plugins\/seo-by-rank-math\//)&&e.attr("src"):d.rankmath,d.rankmath!==t&&(d.rankmath=t,y(".area--background-alternate.image-source-rankmath .background").get(0).style.backgroundImage=t?'url("'+t+'")':"")),y(".area--background-alternate.image-source-thumbnail").length&&(t=u(),d.featured!==t&&(d.featured=t,y(".area--background-alternate.image-source-thumbnail .background").get(0).style.backgroundImage=t?'url("'+t+'")':""))},500)}function e(){var t=y("#branded-social-images").outerWidth();t<600?E.get(0).style.setProperty("--editor-scale",(t-26)/600*.5):E.get(0).style.setProperty("--editor-scale",.5)}function n(){var t;E.is(".auto-title")?(t=bsi_settings.title_format.replace("{title}",y(h).val()),c.val(t),p.text(t)):y(h).off(n)}var i,o,a,s,l,p=E.find(".editable"),c=E.find("textarea.editable-target"),u=(E.find("h2 .toggle").on("click touchend",function(t){y(t.target).closest('[class^="area"]').toggleClass("closed")}),E.on("keypress keyup keydown",function(t){t.stopPropagation()}),p.get(0).addEventListener("paste",function(){setTimeout(function(){var t=p.text();t!==p.html()&&(t=t.replace("<br[^>]*>/g","\n"),p.text(t).trigger("keyup"))},250)}),p.on("blur keyup paste",function(){setTimeout(function(){c.val(p.text())},250),E.removeClass("auto-title")}),c.on("blur keyup input",function(){c.val(c.val().replace(/ <br/g,"<br")),c.val(c.val().replace(/ \n/g,"\n")),p.text(c.val()),E.removeClass("auto-title")}),c.on("blur keyup paste",function(){p.text(S(c.val()))}).trigger("paste"),E.find("#color").on("keyup blur paste input",function(){E.get(0).style.setProperty("--text-color",v(y(this).val()))}),E.find("#background_enabled,#background_color").on("keyup blur paste input change",function(){var t=E.find("#background_enabled").is(":checked");E.toggleClass("with-text-background",t),E.get(0).style.setProperty("--text-background",v(E.find("#background_color").val()))}).trigger("blur"),E.find("#text_shadow_color").on("keyup blur paste input",function(){E.get(0).style.setProperty("--text-shadow-color",v(y(this).val()))}).trigger("blur"),E.find("#text_shadow_top").on("keyup blur paste input",function(){E.get(0).style.setProperty("--text-shadow-top",parseInt(y(this).val(),10)+"px")}).trigger("blur"),E.find("#text_shadow_left").on("keyup blur paste input",function(){E.get(0).style.setProperty("--text-shadow-left",parseInt(y(this).val(),10)+"px")}).trigger("blur"),E.find("#text_shadow_enabled").on("change",function(){y(this).is(":checked")?E.get(0).style.setProperty("--text-shadow-color",v("#555555DD")):E.get(0).style.setProperty("--text-shadow-color",v("#00000000"))}).trigger("change"),E.find("#disabled").on("change",function(){E.toggleClass("bsi-disabled",y(this).is(":checked"))}),y(".wrap-position-grid input").on("change",function(){var t=y(this).closest(".wrap-position-grid"),r=t.data("name");E.removeClass(function(t,e){return(e.match(new RegExp("(^|\\s)"+r+"-\\S+","g"))||[]).join(" ")}).addClass(r+"-"+t.find("input:checked").attr("value"))}).trigger("change"),y("#image_logo_size").on("keyup blur paste input",function(){var t=parseInt("0"+y(this).val(),10),e=parseInt(y(this).attr("min"),10),r=parseInt(y(this).attr("max"),10);r<(t=t<e?e:t)&&(t=r),E.get(0).style.setProperty("--logo-scale",t)}).trigger("blur"),y("#text__font_size").on("keyup blur paste input",function(){var t=parseInt("0"+y(this).val(),10),e=parseInt(y(this).attr("min"),10),r=parseInt(y(this).attr("max"),10);r<(t=t<e?e:t)&&(t=r),E.get(0).style.setProperty("--font-size",t+"px"),E.get(0).style.setProperty("--line-height",1.25*t+"px")}).trigger("blur"),y(".add-slider").each(function(){var t=y(this).find("input");t.attr("size",4).on("blur change",function(){y(this).next(".a-slider").slider("value",parseInt(y(this).val(),10)),y(this).trigger("input")}).after('<div class="a-slider"></div>'),t.next(".a-slider").slider({min:parseInt(t.attr("min"),10),max:parseInt(t.attr("max"),10),step:parseInt(t.attr("step"),10),value:parseInt(t.attr("value"),10),change:function(t,e){y(this).prev("input").val(e.value).trigger("input")},slide:function(t,e){y(this).prev("input").val(e.value).trigger("input")}})}),E.find("#image").on("image:select",function(t,e){x.get(0).style.backgroundImage='url("'+e.url+'")'}),E.find("#image_logo").on("image:select",function(t,e){"id"in e&&0<parseInt(""+e.id,10)?(E.get(0).style.setProperty("--logo-width",e.width),E.get(0).style.setProperty("--logo-height",e.height),C.get(0).style.backgroundImage='url("'+e.url+'")',E.addClass("with-logo")):(E.get(0).style.setProperty("--logo-width",410),E.get(0).style.setProperty("--logo-height",82),C.get(0).style.backgroundImage="",E.removeClass("with-logo"))}),E.find("#text__ttf_upload").on("file:select",function(t,e){y(this).parent().find(".filename").html(e.filename)}),E.find("i.toggle-comment,i.toggle-info").on("click touchend",function(){y(this).toggleClass("active")}),E.find("#text__font").on("keyup blur paste input change",function(){E.get(0).style.setProperty("--text-font",y(this).val()),E.attr("data-font",y(this).val())}).trigger("blur"),E.find("#text_enabled").on("change",function(){y(".area--text").toggleClass("invisible",!y(this).is(":checked"))}).trigger("change"),y(".input-color",E).each(function(){var e=y(this).find("input");new b({parent:this,popup:"top",color:e.val(),onChange:function(t){e.val(t.hex.toUpperCase()).parent().get(0).style.setProperty("--the-color",v(t.hex)),e.trigger("blur")}})}),function(){}),d={yoast:!1,rankmath:!1,featured:!1},d=(u=w.is(".block-editor-page")?(i=wp.data.select,s=wp.data.subscribe,function(){t="featured_media";var t=(a=a||i("core/editor")).getEditedPostAttribute(t);if(t){t=t;t=(o=o||i("core")).getMedia(t);if(t)return(bsi_settings.image_size_name in t.media_details.sizes?t.media_details.sizes[bsi_settings.image_size_name]:t).source_url}return null}):function(){return y("#set-post-thumbnail img").attr("src")||""},{yoast:r(),rankmath:r(),featured:u()}),h=(w.is(".block-editor-page")&&s(function(){l&&clearTimeout(l),l=setTimeout(function(){t()},1e3)}),setInterval(t,5e3),y(window).on("resize",e),setTimeout(e,1e3),y(".wp-admin,.block-editor-page").filter(".post-new-php,.edit-php").find("#post #title,.block-editor #post-title-0").get(0));h&&y(h).on("keyup change blur",n).trigger("keyup")}))}(); -
branded-social-images/trunk/info.json
r2775560 r2883247 5 5 "Author": "Internetbureau Clearsite", 6 6 "Author URI": "https://www.clearsite.nl/", 7 "Version": "1.1. 0",7 "Version": "1.1.1", 8 8 "License": "GPL2" 9 9 } -
branded-social-images/trunk/lib/class.og-image-admin.php
r2775560 r2883247 196 196 <form method="POST" 197 197 action="<?php print esc_attr(add_query_arg('bsi-action', 'purge-cache-confirm')); ?>"> 198 <?php 199 self::nonce_field('purge-cache-confirm'); 200 ?> 198 201 <input type="hidden" name="bsi-action" value="purge-cache-confirm"/> 199 202 <button … … 209 212 <form method="POST" 210 213 action="<?php print esc_attr(add_query_arg('bsi-action', 'save-settings')); ?>"> 211 <?php self::show_editor($fields); ?> 214 <?php 215 self::nonce_field('save-settings'); 216 self::show_editor($fields); 217 ?> 212 218 <br/> 213 219 <br/> … … 858 864 public static function process_post() 859 865 { 860 if (is_admin() && !empty($_GET['page']) && $_GET['page'] === Plugin::ADMIN_SLUG && !empty($_POST)) {866 if (is_admin() && current_user_can( Plugin::get_management_permission() ) && !empty($_GET['page']) && $_GET['page'] === Plugin::ADMIN_SLUG && !empty($_POST)) { 861 867 $action = !empty($_REQUEST['bsi-action']) ? $_REQUEST['bsi-action'] : 'nop'; 862 868 switch ($action) { 863 869 case 'save-settings': 870 self::verify_nonce( $action ); 864 871 $valid_post_keys = Plugin::get_valid_POST_keys('admin'); 865 872 $fields = Plugin::field_list(); … … 889 896 exit; 890 897 case 'purge-cache-confirm': 898 self::verify_nonce( $action ); 891 899 Plugin::purge_cache(); 892 900 … … 987 995 } 988 996 997 private static function nonce_field( $action, $referer = true, $echo = true ) 998 { 999 return wp_nonce_field( "bsi-$action", '_bsinonce', $referer, $echo ); 1000 } 1001 1002 private static function verify_nonce($action) 1003 { 1004 if (!wp_verify_nonce($_POST['_bsinonce'] ?? false, "bsi-$action")) { 1005 wp_die(__('Nonce verification failed, please try again.', Plugin::TEXT_DOMAIN)); 1006 } 1007 } 989 1008 } -
branded-social-images/trunk/readme.txt
r2775560 r2883247 3 3 Tags: social image, Open Graph Image, OG Image, OG-image, open graph, open-graph, facebook image, featured image, branded, watermark, logo 4 4 Requires at least: 4.7 5 Tested up to: 6. 0.16 Stable tag: 1.1. 05 Tested up to: 6.1.1 6 Stable tag: 1.1.1 7 7 Requires PHP: 7.4 8 8 License: GPLv2 or later … … 131 131 132 132 == Changelog == 133 134 = 1.1.1 = 135 * Fix CVE-2023-28536 133 136 134 137 = 1.1.0 = -
branded-social-images/trunk/wp-plugin.php
r2775560 r2883247 6 6 * Author: Acato 7 7 * Author URI: https://acato.nl 8 * Version: 1.1. 08 * Version: 1.1.1 9 9 * License: GPL2 10 10 */
Note: See TracChangeset
for help on using the changeset viewer.