diff --git a/cloudinary.php b/cloudinary.php index b8f826540..53adb0b7e 100644 --- a/cloudinary.php +++ b/cloudinary.php @@ -3,7 +3,7 @@ * Plugin Name: Cloudinary * Plugin URI: https://cloudinary.com/documentation/wordpress_integration * Description: With the Cloudinary plugin, you can upload and manage your media assets in the cloud, then deliver them to your users through a fast content delivery network, improving your website’s loading speed and overall user experience. Apply multiple transformations and take advantage of a full digital asset management solution without leaving WordPress. - * Version: 2.7.0 + * Version: 2.7.1-rc-4 * Author: Cloudinary Ltd., XWP * Author URI: https://cloudinary.com/ * License: GPLv2+ diff --git a/css/cloudinary.css b/css/cloudinary.css index da3c9cc9f..df273035f 100644 --- a/css/cloudinary.css +++ b/css/cloudinary.css @@ -1 +1 @@ -.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}@font-face{font-family:cloudinary;src:url(../css/fonts/cloudinary.7e6e75b25255a2b3b6e7ced1092c210c.eot);src:url(../css/fonts/cloudinary.7e6e75b25255a2b3b6e7ced1092c210c.eot#iefix) format("embedded-opentype"),url(../css/fonts/cloudinary.c2afda9d25532c03cd41beb20a1ce439.ttf) format("truetype"),url(../css/fonts/cloudinary.34cb260ad722325c597cdc3a3e7584d8.woff) format("woff"),url(../css/cloudinary.svg#cloudinary) format("svg");font-weight:500;font-style:normal}.dashicons-cloudinary{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashicons-cloudinary:before{font-family:cloudinary,monospace!important;content:"\e900"}.dashicons-cloudinary.success{color:#558b2f}.dashicons-cloudinary.error{color:#dd2c00}.dashicons-cloudinary.error:before{content:"\e901"}.dashicons-cloudinary.uploading{color:#fd9d2c}.dashicons-cloudinary.uploading:before{content:"\e902"}.dashicons-cloudinary.info{color:#0071ba}.dashicons-cloudinary.downloading:before{content:"\e903"}.dashicons-cloudinary.syncing:before{content:"\e904"}.column-cld_status{width:5.5em}.column-cld_status .dashicons-cloudinary{display:inline-block}.column-cld_status .dashicons-cloudinary:before{font-size:1.8rem}.form-field .error-notice,.form-table .error-notice{display:none;color:#dd2c00}.form-field input.cld-field:invalid,.form-table input.cld-field:invalid{border-color:#dd2c00}.form-field input.cld-field:invalid+.error-notice,.form-table input.cld-field:invalid+.error-notice{display:inline-block}.cloudinary-welcome{background-image:url(../css/logo.svg);background-repeat:no-repeat;background-size:153px;background-position:top 12px right 20px}.cloudinary-stats{display:inline-block;margin-left:25px}.cloudinary-stat{cursor:help}.cloudinary-percent{font-size:.8em;vertical-align:top;color:#0071ba}.settings-image{max-width:100%;padding-top:5px}.settings-tabs>li{display:inline-block}.settings-tabs>li a{padding:.6em}.settings-tabs>li a.active{background-color:#fff}.settings-tab-section{padding:20px 0 0;max-width:1030px;position:relative}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard{display:flex;align-items:flex-start;align-content:flex-start;margin-top:40px}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-description{width:55%;margin:0 auto 0 0}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content{width:35%;margin:0 auto}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content .dashicons{color:#9ea3a8}.settings-tab-section.cloudinary-welcome .settings-tab-section-card{margin-top:0}.settings-tab-section-fields .field-heading th{display:block;width:auto;color:#23282d;font-size:1.1em;margin:1em 0}.settings-tab-section-fields .field-heading td{display:none;visibility:hidden}.settings-tab-section-fields .regular-textarea{width:100%;height:60px}.settings-tab-section-fields .dashicons{text-decoration:none;vertical-align:middle}.settings-tab-section-fields a .dashicons{color:#5f5f5f}.settings-tab-section-fields-dashboard-error{font-size:1.2em;color:#5f5f5f}.settings-tab-section-fields-dashboard-error.expanded{padding-top:40px;margin-bottom:25px}.settings-tab-section-fields-dashboard-error .dashicons{color:#ac0000}.settings-tab-section-fields-dashboard-error .button{font-size:1.1em;height:40px;line-height:40px;padding-right:40px;padding-left:40px}.settings-tab-section-fields-dashboard-success{font-size:1.2em;color:#23282d}.settings-tab-section-fields-dashboard-success.expanded{padding-top:40px;margin-bottom:25px}.settings-tab-section-fields-dashboard-success .dashicons{color:#4fb651}.settings-tab-section-fields-dashboard-success .button{font-size:1.1em;height:40px;line-height:40px;padding-right:40px;padding-left:40px}.settings-tab-section-fields-dashboard-success .description{color:#5f5f5f;font-weight:400;margin-top:12px}.settings-tab-section-card{box-sizing:border-box;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.07);padding:20px 23px;margin-top:12px}.settings-tab-section-card .dashicons{font-size:1.4em}.settings-tab-section-card h2{font-size:1.8em;font-weight:400;margin-top:0}.settings-tab-section-card.pull-right{width:450px;padding:12px;float:right;position:relative;z-index:10}.settings-tab-section-card.pull-right img.settings-image{box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:1px solid #979797;margin-top:12px}.settings-tab-section-card.pull-right h3,.settings-tab-section-card.pull-right h4{margin-top:0}.settings-tab-section .field-row-cloudinary_url,.settings-tab-section .field-row-signup{display:block}.settings-tab-section .field-row-cloudinary_url td,.settings-tab-section .field-row-cloudinary_url th,.settings-tab-section .field-row-signup td,.settings-tab-section .field-row-signup th{display:block;width:auto;padding:10px 0 0}.settings-tab-section .field-row-cloudinary_url td .sign-up,.settings-tab-section .field-row-cloudinary_url th .sign-up,.settings-tab-section .field-row-signup td .sign-up,.settings-tab-section .field-row-signup th .sign-up{vertical-align:baseline}.settings-tab-section.connect .form-table{display:inline-block;width:auto;max-width:580px}.settings-valid{color:#558b2f;font-size:30px}.settings-valid-field{border-color:#558b2f!important}.settings-invalid-field{border-color:#dd2c00!important}.settings-alert{display:inline-block;padding:5px 7px;box-shadow:0 1px 1px rgba(0,0,0,.04)}.settings-alert-info{background-color:#e9faff;border:1px solid #ccd0d4;border-left:4px solid #00a0d2}.settings-alert-warning{background-color:#fff5e9;border:1px solid #f6e7b6;border-left:4px solid #e3be38}.settings-alert-error{background-color:#ffe9e9;border:1px solid #d4cccc;border-left:4px solid #d20000}.field-radio input[type=radio].cld-field{margin:0 5px 0 0}.field-radio label{margin-right:10px}.settings-tab-section h2{margin:0}.cloudinary-collapsible{width:95%;padding:10px;margin:20px 0;background-color:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,.04);box-sizing:border-box}.cloudinary-collapsible__toggle{cursor:pointer;display:flex;justify-content:space-between}.cloudinary-collapsible__toggle h2{margin:0!important}.cloudinary-collapsible__toggle button{border:none;margin:0;padding:0;width:auto;background-color:inherit;cursor:pointer}.cloudinary-deactivation .more{display:none}.cloudinary-deactivation input[type=radio]:checked~.more{color:#32373c;display:block;line-height:2;margin-left:2em;margin-top:.5em}.cloudinary-deactivation .modal-footer{background-color:#fcfcfc;border-top:1px solid #ddd;bottom:0;margin:0 -15px;padding:1em;position:absolute;width:calc(100% - 2em)}.cloudinary-deactivation .modal-footer .button-link{float:right}.cloudinary-deactivation .modal-footer .button-link:hover{background:transparent}.cloudinary-deactivation textarea{resize:none}.sync .spinner{display:inline-block;visibility:visible;float:none;margin:0 5px 0 0}.sync-media,.sync-media-progress{display:none}.sync-media-progress-outer{height:20px;margin:20px 0 10px;width:500px;background-color:#e5e5e5;position:relative}.sync-media-progress-outer .progress-bar{width:0;height:20px;background-color:#558b2f;transition:width .25s}.sync-media-progress-notice{color:#dd2c00}.sync-media-resource{width:100px;display:inline-block}.sync-media-error{color:#dd2c00}.sync-count{font-weight:700}.sync-details{margin-top:10px}.sync .button.start-sync,.sync .button.stop-sync{display:none;padding:0 16px}.sync .button.start-sync .dashicons,.sync .button.stop-sync .dashicons{line-height:2.2}.sync .progress-text{padding:12px 4px 12px 12px;display:inline-block;font-weight:700}.sync .completed{max-width:300px;display:none}.sync-status-disabled{color:#dd2c00}.sync-status-enabled{color:#558b2f}.sync-status-button.button{vertical-align:baseline}.cloudinary-widget{height:100%}.cloudinary-widget-wrapper{height:100%;overflow:hidden;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iLTQgLTQgMTUxIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+QGtleWZyYW1lcyBjb2xvcnN7MCUsdG97c3Ryb2tlOiMwMDc4ZmZ9NTAle3N0cm9rZTojMGUyZjVhfX1Aa2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX1ALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzezAlLHRve3N0cm9rZTojMDA3OGZmfTUwJXtzdHJva2U6IzBlMmY1YX19QC13ZWJraXQta2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX08L3N0eWxlPjxwYXRoIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3Ryb2tlLXdpZHRoPSI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9InRyYW5zZm9ybS1vcmlnaW46Y2VudGVyOy13ZWJraXQtYW5pbWF0aW9uOmRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsY29sb3JzIDhzIGVhc2UtaW4tb3V0IGluZmluaXRlO2FuaW1hdGlvbjpkYXNoIDJzIGVhc2UtaW4tb3V0IGluZmluaXRlLGNvbG9ycyA4cyBlYXNlLWluLW91dCBpbmZpbml0ZSIgc3Ryb2tlLWRhc2hhcnJheT0iMjgwIi8+PC9zdmc+);background-repeat:no-repeat;background-position:50%;background-size:150px}.attachment-actions .button.edit-attachment,.attachment-info .edit-attachment{display:none}.global-transformations-preview{position:relative;max-width:600px}.global-transformations-spinner{display:none}.global-transformations-button.button-primary{display:none;position:absolute;z-index:100}.global-transformations-url{margin-bottom:5px;margin-top:5px}.global-transformations-url-transformation{max-width:100px;overflow:hidden;text-overflow:ellipsis;color:#51a3ff}.global-transformations-url-file{color:#f2d864}.global-transformations-url-link{display:block;padding:16px;background-color:#262c35;text-decoration:none;color:#fff;border-radius:6px;overflow:hidden;text-overflow:ellipsis}.global-transformations-url-link:hover{color:#888;text-decoration:underline}.cld-tax-order-list-item{border:1px solid #efefef;padding:4px;margin:0 0 -1px;background-color:#fff}.cld-tax-order-list-item.no-items{color:#888;text-align:center;display:none}.cld-tax-order-list-item.no-items:last-child{display:block}.cld-tax-order-list-item.ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.cld-tax-order-list-item-placeholder{background-color:#efefef;height:45px;margin:0}.cld-tax-order-list-item-handle{cursor:grab;margin-right:4px;color:#999}.cld-tax-order-list-type{display:inline-block;margin-right:8px}.cld-tax-order-list-type input{margin-right:4px!important}.cloudinary-media-library{position:relative;margin-left:-20px}@media screen and (max-width:782px){.cloudinary-media-library{margin-left:-10px}}.cld-syncing{background-image:url(../css/loading.svg);background-repeat:no-repeat;background-position:50%;width:30px;height:20px;margin-left:12px;padding:4px;display:inline-block}.cld-footer{position:absolute;bottom:0;left:0;right:0;padding:0;color:#555d66;margin-left:160px}.cld-footer .cld-notice-box.is-success{border:0;background-color:#fff;color:#555;margin:0;padding:0}.cld-footer .cld-notice-box.is-success .cld-stars{margin-left:12px;text-decoration:none}.cld-footer .cld-notice-box.is-success .cld-stars .dashicons{position:inherit;color:#fd9d2c}.cld-footer .notice-dismiss:before{padding:6px 0 0;content:"\f335";font-size:1.4rem}.cld-tooltip{margin-left:2px;margin-top:1px;font-size:1rem}.cld-notice-box{box-shadow:0 0 2px rgba(0,0,0,.1);position:relative;margin-right:20px;margin-bottom:12px}.cld-notice-box .cld-notice{padding:1rem 1.2rem .75rem}.cld-notice-box .cld-notice img.cld-ui-icon{height:100%}.cld-notice-box.is-dismissible{padding-right:38px}.cld-notice-box.has-icon{padding-left:38px}.cld-notice-box.is-created,.cld-notice-box.is-success,.cld-notice-box.is-updated{background-color:#ebf5ec;border-left:4px solid #42ad4f}.cld-notice-box.is-created .dashicons,.cld-notice-box.is-success .dashicons,.cld-notice-box.is-updated .dashicons{color:#2a0}.cld-notice-box.is-error{background-color:#f8e8e7;border-left:4px solid #cb3435}.cld-notice-box.is-error .dashicons{color:#dd2c00}.cld-notice-box.is-warning{background-color:#fff7e5;border-left:4px solid #f2ad4c}.cld-notice-box.is-warning .dashicons{color:#fd9d2c}.cld-notice-box.is-info{background-color:#e4f4f8;border-left:4px solid #2a95c3}.cld-notice-box.is-info .dashicons{color:#3273ab}.cld-notice-box.is-neutral{background-color:#fff;border-left:4px solid #ccd0d4}.cld-notice-box.is-neutral .dashicons{color:#90a0b3}.cld-notice-box.dismissed{overflow:hidden;transition:height .3s ease-out}.cld-notice-box .cld-ui-icon,.cld-notice-box .dashicons{position:absolute;top:14px;left:19px}@media only screen and (max-width:992px){.cld-ui-settings{margin:0 10px 0 -10px}}@media only screen and (max-width:782px){.cld-ui-settings{margin:0 -1px 0 -10px}}.cld-ui-collapse{align-self:center;padding:0 .45rem;cursor:pointer}.cld-ui-title.collapsible{cursor:pointer}.cld-ui-conditional.closed,.cld-ui-wrap.closed{display:none}.cld-ui-wrap .cld-row{margin:0 -1.75em;clear:both}.cld-ui-wrap .cld-column{padding:0 1.75em}@media only screen and (max-width:782px){.cld-ui-wrap .cld-column{width:100%!important}}.cld-ui-wrap .cld-row:after{content:"";clear:both;display:table}@media only screen{.cld-ui-wrap .cld-column{float:left;width:100%;box-sizing:border-box}}.cld-image-preview,.cld-video-preview{background-color:hsla(0,0%,84.7%,.5);padding:7px;border-radius:5px}.cld-image-preview-wrapper,.cld-video-preview-wrapper{position:relative}.cld-image-preview .cld-ui-title,.cld-video-preview .cld-ui-title{margin:0 0 .4rem;font-weight:400}.cld-image-preview img,.cld-video-preview img{width:100%}.cld-page-header{padding:1.2rem;align-items:center;margin-bottom:1em}.cld-page-header,.cld-page-tabs{background-color:#fff;display:flex;margin-left:-20px}.cld-page-tabs{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:0 1rem;margin-top:-1em}.cld-page-tabs-tab{list-style:none;text-indent:0;margin-bottom:0}.cld-page-tabs-tab a{display:block;padding:1rem 2rem;text-decoration:none;font-weight:500;color:#000001;text-align:center;white-space:nowrap}.cld-page-tabs-tab.is-active a{color:#3273ab;border-bottom:2px solid #3273ab}.cld-group hr{border-top:1px solid #e5e5e5;margin:1.5rem 0;clear:both}.cld-group-heading{display:flex}.cld-group-heading h3{font-size:.9rem}.cld-input{margin-bottom:1.4rem;display:block}.cld-input-label{font-weight:700;display:block}.cld-input .regular-number,.cld-input .regular-text{border:1px solid #d0d0d0;border-radius:3px;padding:.1rem .5rem;width:100%}.cld-input .regular-number-small,.cld-input .regular-text-small{width:40%}.cld-input .prefixed{width:40%;margin-left:6px}.cld-input .suffixed{width:40%;margin-right:6px}.cld-input .regular-number{width:100px}.cld-input .regular-select{margin-top:.6rem;display:block;appearance:none;width:100%;border:1px solid #d0d0d0;border-radius:3px;padding:.1rem .5rem}.cld-input-on-off{display:flex;align-items:center}.cld-input-on-off-control{position:relative;display:inline-block;width:43px;height:24px;margin-right:.4rem}.cld-input-on-off-control input{opacity:0;width:0;height:0}.cld-input-on-off-control-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#90a0b3;-webkit-transition:.4s;transition:.3s;border-radius:34px}input:checked+.cld-input-on-off-control-slider{background-color:#2a0}.cld-input-on-off-control-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.2s;transition:.2s;border-radius:50%}input:checked+.cld-input-on-off-control-slider:before{-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px)}.cld-input-checkbox-label,.cld-input-radio-label{display:block;margin-bottom:.4rem}.cld-input-checkbox-label.list-inline,.cld-input-radio-label.list-inline{display:inline-block;margin-right:.4rem}.cld-info-box,.cld-panel,.cld-panel-short{background-color:#fff;border:1px solid #e5e5e5;padding:2rem 1.75rem;margin-top:1rem;margin-right:1rem;width:870px}@media only screen and (min-width:993px){.cld-info-box,.cld-panel,.cld-panel-short{max-width:900px}}.cld-info-box-inner,.cld-panel-inner,.cld-panel-short-inner{padding:1.3rem;margin:1em 0;background-color:hsla(0,0%,86.3%,.2);border:1px solid #e5e5e5}.cld-info-box-inner h2,.cld-panel-inner h2,.cld-panel-short-inner h2{color:#3273ab}.cld-info-box .cld-input-label,.cld-panel-short .cld-input-label,.cld-panel .cld-input-label{margin-bottom:.6rem}.cld-info-box.has-heading,.cld-panel-short.has-heading,.cld-panel.has-heading{margin-top:0}.cld-info-box-heading,.cld-panel-heading,.cld-panel-short-heading{display:flex;background-color:#fff;border:1px solid #e5e5e5;border-bottom:0;padding:.4rem 1.75rem .2rem;width:870px;margin-top:1rem}.cld-info-box-heading img,.cld-panel-heading img,.cld-panel-short-heading img{margin-right:.6rem}@media only screen and (max-width:960px){.cld-info-box-heading,.cld-panel-heading,.cld-panel-short-heading{width:auto}}@media only screen and (min-width:961px) and (max-width:1200px){.cld-info-box-heading,.cld-panel-heading,.cld-panel-short-heading{width:85%}}.cld-info-box ul,.cld-panel-short ul,.cld-panel ul{padding:0 3em;list-style:initial}.cld-info-box .cld-plan,.cld-panel-short .cld-plan,.cld-panel .cld-plan{color:#3273ab;font-weight:700;font-size:1.5em}.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{border:1px solid #e5e5e5;font-size:1.2em}.cld-info-box .stat-boxes .box,.cld-panel-short .stat-boxes .box,.cld-panel .stat-boxes .box{border-bottom:1px solid #e5e5e5;padding:2rem;text-align:center}.cld-info-box .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type{border-bottom:none}.cld-info-box .stat-boxes .box .cld-ui-icon,.cld-panel-short .stat-boxes .box .cld-ui-icon,.cld-panel .stat-boxes .box .cld-ui-icon{width:35px;height:35px}.cld-info-box .stat-boxes .icon,.cld-panel-short .stat-boxes .icon,.cld-panel .stat-boxes .icon{height:50px;margin-right:.5em;width:50px}.cld-info-box .stat-boxes h3,.cld-panel-short .stat-boxes h3,.cld-panel .stat-boxes h3{margin-bottom:1.5rem;margin-top:2.4rem}.cld-info-box .stat-boxes .limit,.cld-panel-short .stat-boxes .limit,.cld-panel .stat-boxes .limit{font-size:2em;font-weight:700;margin-right:.5em;white-space:nowrap}.cld-info-box .stat-boxes .usage,.cld-panel-short .stat-boxes .usage,.cld-panel .stat-boxes .usage{color:#3273ab;font-size:1.5em;font-weight:400}@media only screen and (min-width:783px){.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{display:flex;flex-wrap:nowrap;font-size:1em}.cld-info-box .stat-boxes .box,.cld-panel-short .stat-boxes .box,.cld-panel .stat-boxes .box{border-bottom:none;border-right:1px solid #e5e5e5;flex-grow:1}.cld-info-box .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type{border-right:none}}@media only screen and (min-width:1200px){.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{font-size:1.2em}}.cld-info-box .img-connection-string,.cld-panel-short .img-connection-string,.cld-panel .img-connection-string{max-width:607px}.cld-info-box .connection-string,.cld-panel-short .connection-string,.cld-panel .connection-string{max-width:40em;width:100%}.cld-info-box .media-status-box,.cld-info-box .stat-boxes,.cld-panel-short .media-status-box,.cld-panel-short .stat-boxes,.cld-panel .media-status-box,.cld-panel .stat-boxes{border:1px solid #e5e5e5}.cld-info-box .media-status-box,.cld-panel-short .media-status-box,.cld-panel .media-status-box{padding:2rem;text-align:center}.cld-info-box .media-status-box .status,.cld-panel-short .media-status-box .status,.cld-panel .media-status-box .status{font-size:2rem;font-weight:700;margin-right:.5em}.cld-info-box .media-status-box .cld-ui-icon,.cld-panel-short .media-status-box .cld-ui-icon,.cld-panel .media-status-box .cld-ui-icon{width:35px;height:35px}.cld-info-box .notification,.cld-panel-short .notification,.cld-panel .notification{display:inline-flex;font-weight:700;padding:1.5rem}.cld-info-box .notification-success,.cld-panel-short .notification-success,.cld-panel .notification-success{background-color:rgba(32,184,50,.2);border:2px solid #20b832}.cld-info-box .notification-success:before,.cld-panel-short .notification-success:before,.cld-panel .notification-success:before{color:#20b832}.cld-info-box .notification-syncing,.cld-panel-short .notification-syncing,.cld-panel .notification-syncing{background-color:rgba(50,115,171,.2);border:2px solid #3273ab;text-decoration:none;color:#444}.cld-info-box .notification-syncing:before,.cld-panel-short .notification-syncing:before,.cld-panel .notification-syncing:before{color:#3273ab;-webkit-animation:spin 1s infinite running;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cld-info-box .notification:before,.cld-panel-short .notification:before,.cld-panel .notification:before{margin-right:.5em}.cld-info-box{display:flex}.cld-info-box a.button,.cld-info-box img{align-self:center}.cld-info-box .cld-ui-body{margin:0 1.2rem}.cld-panel-short{min-width:270px;width:auto;display:inline-block}.cld-submit.cld-ui-wrap,.cld-switch-cloud.cld-ui-wrap{background-color:#fff;border:1px solid #e5e5e5;border-top:0;padding:1.2rem 1.75rem;width:870px}@media only screen and (max-width:960px){.cld-submit.cld-ui-wrap,.cld-switch-cloud.cld-ui-wrap{width:auto}}@media only screen and (min-width:961px) and (max-width:1200px){.cld-submit.cld-ui-wrap,.cld-switch-cloud.cld-ui-wrap{width:85%}}.cld-gallery-settings{width:100%;display:flex;flex-wrap:wrap;padding:1rem 0;margin-left:-1rem;margin-right:-1rem;box-sizing:border-box}.cld-gallery-settings__column{width:50%;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.components-base-control__field select{display:block;margin:1rem 0}.components-range-control__wrapper{margin:0!important}.components-range-control__root{flex-direction:row-reverse;margin:1rem 0}.components-input-control.components-number-control.components-range-control__number{margin-left:0!important;margin-right:16px}.components-panel{border:0!important}.components-panel__body:first-child{border-top:0!important}.components-panel__body:last-child{border-bottom:0!important}.components-textarea-control__input{display:block;width:100%;margin:.5rem 0}.tippy-box[data-theme~=cloudinary]{background-color:rgba(0,0,0,.8);color:#fff;font-size:.8em} \ No newline at end of file +.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}@font-face{font-family:cloudinary;src:url(../css/fonts/cloudinary.7e6e75b25255a2b3b6e7ced1092c210c.eot);src:url(../css/fonts/cloudinary.7e6e75b25255a2b3b6e7ced1092c210c.eot#iefix) format("embedded-opentype"),url(../css/fonts/cloudinary.c2afda9d25532c03cd41beb20a1ce439.ttf) format("truetype"),url(../css/fonts/cloudinary.34cb260ad722325c597cdc3a3e7584d8.woff) format("woff"),url(../css/cloudinary.svg#cloudinary) format("svg");font-weight:500;font-style:normal}.dashicons-cloudinary{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dashicons-cloudinary:before{font-family:cloudinary,monospace!important;content:"\e900"}.dashicons-cloudinary.success{color:#558b2f}.dashicons-cloudinary.error{color:#dd2c00}.dashicons-cloudinary.error:before{content:"\e901"}.dashicons-cloudinary.uploading{color:#fd9d2c}.dashicons-cloudinary.uploading:before{content:"\e902"}.dashicons-cloudinary.info{color:#0071ba}.dashicons-cloudinary.downloading:before{content:"\e903"}.dashicons-cloudinary.syncing:before{content:"\e904"}.column-cld_status{width:5.5em}.column-cld_status .dashicons-cloudinary{display:inline-block}.column-cld_status .dashicons-cloudinary:before{font-size:1.8rem}.form-field .error-notice,.form-table .error-notice{display:none;color:#dd2c00}.form-field input.cld-field:invalid,.form-table input.cld-field:invalid{border-color:#dd2c00}.form-field input.cld-field:invalid+.error-notice,.form-table input.cld-field:invalid+.error-notice{display:inline-block}.cloudinary-welcome{background-image:url(../css/logo.svg);background-repeat:no-repeat;background-size:153px;background-position:top 12px right 20px}.cloudinary-stats{display:inline-block;margin-left:25px}.cloudinary-stat{cursor:help}.cloudinary-percent{font-size:.8em;vertical-align:top;color:#0071ba}.settings-image{max-width:100%;padding-top:5px}.settings-tabs>li{display:inline-block}.settings-tabs>li a{padding:.6em}.settings-tabs>li a.active{background-color:#fff}.settings-tab-section{padding:20px 0 0;max-width:1030px;position:relative}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard{display:flex;align-items:flex-start;align-content:flex-start;margin-top:40px}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-description{width:55%;margin:0 auto 0 0}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content{width:35%;margin:0 auto}.settings-tab-section.cloudinary-welcome .settings-tab-section-fields-dashboard-content .dashicons{color:#9ea3a8}.settings-tab-section.cloudinary-welcome .settings-tab-section-card{margin-top:0}.settings-tab-section-fields .field-heading th{display:block;width:auto;color:#23282d;font-size:1.1em;margin:1em 0}.settings-tab-section-fields .field-heading td{display:none;visibility:hidden}.settings-tab-section-fields .regular-textarea{width:100%;height:60px}.settings-tab-section-fields .dashicons{text-decoration:none;vertical-align:middle}.settings-tab-section-fields a .dashicons{color:#5f5f5f}.settings-tab-section-fields-dashboard-error{font-size:1.2em;color:#5f5f5f}.settings-tab-section-fields-dashboard-error.expanded{padding-top:40px;margin-bottom:25px}.settings-tab-section-fields-dashboard-error .dashicons{color:#ac0000}.settings-tab-section-fields-dashboard-error .button{font-size:1.1em;height:40px;line-height:40px;padding-right:40px;padding-left:40px}.settings-tab-section-fields-dashboard-success{font-size:1.2em;color:#23282d}.settings-tab-section-fields-dashboard-success.expanded{padding-top:40px;margin-bottom:25px}.settings-tab-section-fields-dashboard-success .dashicons{color:#4fb651}.settings-tab-section-fields-dashboard-success .button{font-size:1.1em;height:40px;line-height:40px;padding-right:40px;padding-left:40px}.settings-tab-section-fields-dashboard-success .description{color:#5f5f5f;font-weight:400;margin-top:12px}.settings-tab-section-card{box-sizing:border-box;border:1px solid #e5e5e5;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.07);padding:20px 23px;margin-top:12px}.settings-tab-section-card .dashicons{font-size:1.4em}.settings-tab-section-card h2{font-size:1.8em;font-weight:400;margin-top:0}.settings-tab-section-card.pull-right{width:450px;padding:12px;float:right;position:relative;z-index:10}.settings-tab-section-card.pull-right img.settings-image{box-shadow:0 2px 4px 0 rgba(0,0,0,.5);border:1px solid #979797;margin-top:12px}.settings-tab-section-card.pull-right h3,.settings-tab-section-card.pull-right h4{margin-top:0}.settings-tab-section .field-row-cloudinary_url,.settings-tab-section .field-row-signup{display:block}.settings-tab-section .field-row-cloudinary_url td,.settings-tab-section .field-row-cloudinary_url th,.settings-tab-section .field-row-signup td,.settings-tab-section .field-row-signup th{display:block;width:auto;padding:10px 0 0}.settings-tab-section .field-row-cloudinary_url td .sign-up,.settings-tab-section .field-row-cloudinary_url th .sign-up,.settings-tab-section .field-row-signup td .sign-up,.settings-tab-section .field-row-signup th .sign-up{vertical-align:baseline}.settings-tab-section.connect .form-table{display:inline-block;width:auto;max-width:580px}.settings-valid{color:#558b2f;font-size:30px}.settings-valid-field{border-color:#558b2f!important}.settings-invalid-field{border-color:#dd2c00!important}.settings-alert{display:inline-block;padding:5px 7px;box-shadow:0 1px 1px rgba(0,0,0,.04)}.settings-alert-info{background-color:#e9faff;border:1px solid #ccd0d4;border-left:4px solid #00a0d2}.settings-alert-warning{background-color:#fff5e9;border:1px solid #f6e7b6;border-left:4px solid #e3be38}.settings-alert-error{background-color:#ffe9e9;border:1px solid #d4cccc;border-left:4px solid #d20000}.field-radio input[type=radio].cld-field{margin:0 5px 0 0}.field-radio label{margin-right:10px}.settings-tab-section h2{margin:0}.cloudinary-collapsible{width:95%;padding:10px;margin:20px 0;background-color:#fff;border:1px solid #ccd0d4;box-shadow:0 1px 1px rgba(0,0,0,.04);box-sizing:border-box}.cloudinary-collapsible__toggle{cursor:pointer;display:flex;justify-content:space-between}.cloudinary-collapsible__toggle h2{margin:0!important}.cloudinary-collapsible__toggle button{border:none;margin:0;padding:0;width:auto;background-color:inherit;cursor:pointer}.cloudinary-deactivation .more{display:none}.cloudinary-deactivation input[type=radio]:checked~.more{color:#32373c;display:block;line-height:2;margin-left:2em;margin-top:.5em}.cloudinary-deactivation input[type=checkbox]~label{margin-left:.25em}.cloudinary-deactivation .modal-footer{background-color:#fcfcfc;border-top:1px solid #ddd;bottom:0;margin:0 -15px;padding:1em;position:absolute;width:calc(100% - 2em)}.cloudinary-deactivation .modal-footer .button-link{float:right}.cloudinary-deactivation .modal-footer .button-link:hover{background:transparent}.cloudinary-deactivation textarea{resize:none}.cloudinary-deactivation p{display:flex}.sync .spinner{display:inline-block;visibility:visible;float:none;margin:0 5px 0 0}.sync-media,.sync-media-progress{display:none}.sync-media-progress-outer{height:20px;margin:20px 0 10px;width:500px;background-color:#e5e5e5;position:relative}.sync-media-progress-outer .progress-bar{width:0;height:20px;background-color:#558b2f;transition:width .25s}.sync-media-progress-notice{color:#dd2c00}.sync-media-resource{width:100px;display:inline-block}.sync-media-error{color:#dd2c00}.sync-count{font-weight:700}.sync-details{margin-top:10px}.sync .button.start-sync,.sync .button.stop-sync{display:none;padding:0 16px}.sync .button.start-sync .dashicons,.sync .button.stop-sync .dashicons{line-height:2.2}.sync .progress-text{padding:12px 4px 12px 12px;display:inline-block;font-weight:700}.sync .completed{max-width:300px;display:none}.sync-status-disabled{color:#dd2c00}.sync-status-enabled{color:#558b2f}.sync-status-button.button{vertical-align:baseline}.cloudinary-widget{height:100%}.cloudinary-widget-wrapper{height:100%;overflow:hidden;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ic3Bpbm5lciIgdmlld0JveD0iLTQgLTQgMTUxIDEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48c3R5bGU+QGtleWZyYW1lcyBjb2xvcnN7MCUsdG97c3Ryb2tlOiMwMDc4ZmZ9NTAle3N0cm9rZTojMGUyZjVhfX1Aa2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX1ALXdlYmtpdC1rZXlmcmFtZXMgY29sb3JzezAlLHRve3N0cm9rZTojMDA3OGZmfTUwJXtzdHJva2U6IzBlMmY1YX19QC13ZWJraXQta2V5ZnJhbWVzIGRhc2h7MCUsdG97c3Ryb2tlLWRhc2hvZmZzZXQ6NTYwfTUwJXtzdHJva2UtZGFzaG9mZnNldDowfX08L3N0eWxlPjxwYXRoIGQ9Ik0xMjEuNjYzIDkwLjYzOGMtMS43OTYgMC05OS4zMy0uNDk4LTEwMS40NzQtMS40NzhDOC42ODUgODMuODc3IDEuMjUgNzIuMTk2IDEuMjUgNTkuMzk2YzAtMTYuNjU2IDEyLjc5Ny0zMC42MSAyOS4wNTItMzIuMzIzIDcuNDktMTUuNzA2IDIzLjE4Ni0yNS43MDcgNDAuNzE0LTI1LjcwNyAyMC45OCAwIDM5LjIxNSAxNC43NTIgNDMuOTQ1IDM0LjkwNyAxNS4wOS4yNDUgMjcuMjkgMTIuNjMgMjcuMjkgMjcuODIyIDAgMTEuOTY4LTcuNzM4IDIyLjU1LTE5LjI1NiAyNi4zMyIgc3Ryb2tlLXdpZHRoPSI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3R5bGU9InRyYW5zZm9ybS1vcmlnaW46Y2VudGVyOy13ZWJraXQtYW5pbWF0aW9uOmRhc2ggMnMgZWFzZS1pbi1vdXQgaW5maW5pdGUsY29sb3JzIDhzIGVhc2UtaW4tb3V0IGluZmluaXRlO2FuaW1hdGlvbjpkYXNoIDJzIGVhc2UtaW4tb3V0IGluZmluaXRlLGNvbG9ycyA4cyBlYXNlLWluLW91dCBpbmZpbml0ZSIgc3Ryb2tlLWRhc2hhcnJheT0iMjgwIi8+PC9zdmc+);background-repeat:no-repeat;background-position:50%;background-size:150px}.attachment-actions .button.edit-attachment,.attachment-info .edit-attachment{display:none}.global-transformations-preview{position:relative;max-width:600px}.global-transformations-spinner{display:none}.global-transformations-button.button-primary{display:none;position:absolute;z-index:100}.global-transformations-url{margin-bottom:5px;margin-top:5px}.global-transformations-url-transformation{max-width:100px;overflow:hidden;text-overflow:ellipsis;color:#51a3ff}.global-transformations-url-file{color:#f2d864}.global-transformations-url-link{display:block;padding:16px;background-color:#262c35;text-decoration:none;color:#fff;border-radius:6px;overflow:hidden;text-overflow:ellipsis}.global-transformations-url-link:hover{color:#888;text-decoration:underline}.cld-tax-order-list-item{border:1px solid #efefef;padding:4px;margin:0 0 -1px;background-color:#fff}.cld-tax-order-list-item.no-items{color:#888;text-align:center;display:none}.cld-tax-order-list-item.no-items:last-child{display:block}.cld-tax-order-list-item.ui-sortable-helper{box-shadow:0 2px 5px rgba(0,0,0,.2)}.cld-tax-order-list-item-placeholder{background-color:#efefef;height:45px;margin:0}.cld-tax-order-list-item-handle{cursor:grab;margin-right:4px;color:#999}.cld-tax-order-list-type{display:inline-block;margin-right:8px}.cld-tax-order-list-type input{margin-right:4px!important}.cloudinary-media-library{position:relative;margin-left:-20px}@media screen and (max-width:782px){.cloudinary-media-library{margin-left:-10px}}.cld-syncing{background:url(../css/loading.svg) no-repeat 50%;width:30px;height:20px;margin-left:12px;padding:4px;display:inline-block}.cld-footer{position:absolute;bottom:0;left:0;right:0;padding:0;color:#555d66}@media only screen and (min-width:783px){.cld-footer{margin-left:36px}}@media only screen and (min-width:960px){.cld-footer{margin-left:160px}}.cld-footer .cld-notice-box.is-success{border:0;background-color:#fff;color:#555;margin:0;padding:0}.cld-footer .cld-notice-box.is-success .cld-stars{margin-left:12px;text-decoration:none}.cld-footer .cld-notice-box.is-success .cld-stars .dashicons{position:inherit;color:#fd9d2c}.cld-footer .notice-dismiss:before{padding:6px 0 0;content:"\f335";font-size:1.4rem}.cld-tooltip{margin-left:2px;margin-top:1px;font-size:1rem}.cld-notice-box{box-shadow:0 0 2px rgba(0,0,0,.1);position:relative;margin-right:20px;margin-bottom:12px}.cld-notice-box .cld-notice{padding:1rem 2.2rem .75rem 1.2rem}.cld-notice-box .cld-notice img.cld-ui-icon{height:100%}.cld-notice-box.is-dismissible{padding-right:38px}.cld-notice-box.has-icon{padding-left:38px}.cld-notice-box.is-created,.cld-notice-box.is-success,.cld-notice-box.is-updated{background-color:#ebf5ec;border-left:4px solid #42ad4f}.cld-notice-box.is-created .dashicons,.cld-notice-box.is-success .dashicons,.cld-notice-box.is-updated .dashicons{color:#2a0}.cld-notice-box.is-error{background-color:#f8e8e7;border-left:4px solid #cb3435}.cld-notice-box.is-error .dashicons{color:#dd2c00}.cld-notice-box.is-warning{background-color:#fff7e5;border-left:4px solid #f2ad4c}.cld-notice-box.is-warning .dashicons{color:#fd9d2c}.cld-notice-box.is-info{background-color:#e4f4f8;border-left:4px solid #2a95c3}.cld-notice-box.is-info .dashicons{color:#3273ab}.cld-notice-box.is-neutral{background-color:#fff;border-left:4px solid #ccd0d4}.cld-notice-box.is-neutral .dashicons{color:#90a0b3}.cld-notice-box.dismissed{overflow:hidden;transition:height .3s ease-out}.cld-notice-box .cld-ui-icon,.cld-notice-box .dashicons{position:absolute;top:14px;left:19px}.cld-ui-collapse{align-self:center;padding:0 .45rem;cursor:pointer}.cld-ui-title.collapsible{cursor:pointer}.cld-ui-conditional.closed,.cld-ui-wrap.closed{display:none}.cld-ui-wrap .cld-row{margin:0 -1.75em;clear:both}.cld-ui-wrap .cld-column{padding:0 1.75em;float:left;width:100%;box-sizing:border-box}@media only screen and (min-width:783px){.cld-ui-wrap .cld-column.column-45{width:45%}.cld-ui-wrap .cld-column.column-55{width:55%}}.cld-ui-wrap .cld-row:after{content:"";clear:both;display:table}.cld-image-preview,.cld-video-preview{background-color:hsla(0,0%,84.7%,.5);padding:7px;border-radius:5px}.cld-image-preview-wrapper,.cld-video-preview-wrapper{position:relative}.cld-image-preview .cld-ui-title,.cld-video-preview .cld-ui-title{margin:0 0 .4rem;font-weight:400}.cld-image-preview img,.cld-video-preview img{width:100%}.cld-page-header{padding:1.2rem;align-items:center;margin-bottom:1em}.cld-page-header,.cld-page-tabs{background-color:#fff;display:flex;margin-left:-20px}.cld-page-tabs{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:0 1rem;margin-top:-1em;flex-wrap:wrap}.cld-page-tabs-tab{list-style:none;text-indent:0;margin-bottom:0}.cld-page-tabs-tab a{display:block;padding:1rem 2rem;text-decoration:none;font-weight:500;color:#000001;text-align:center;white-space:nowrap}.cld-page-tabs-tab.is-active a{color:#3273ab;border-bottom:2px solid #3273ab}.cld-group hr{border-top:1px solid #e5e5e5;margin:1.5rem 0;clear:both}.cld-group-heading{display:flex}.cld-group-heading h3{font-size:.9rem}.cld-input{margin-bottom:1.4rem;display:block}.cld-input-label{font-weight:700;display:block}.cld-input .regular-number,.cld-input .regular-text{border:1px solid #d0d0d0;border-radius:3px;padding:.1rem .5rem;width:100%}.cld-input .regular-number-small,.cld-input .regular-text-small{width:40%}.cld-input .prefixed{width:40%;margin-left:6px}.cld-input .suffixed{width:40%;margin-right:6px}.cld-input .regular-number{width:100px}.cld-input .regular-select{margin-top:.6rem;display:block;appearance:none;width:100%;border:1px solid #d0d0d0;border-radius:3px;padding:.1rem .5rem}.cld-input-on-off{display:flex;align-items:center}.cld-input-on-off-control{position:relative;display:inline-block;width:43px;height:24px;margin-right:.4rem}.cld-input-on-off-control input{opacity:0;width:0;height:0}.cld-input-on-off-control-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#90a0b3;-webkit-transition:.4s;transition:.3s;border-radius:34px}input:checked+.cld-input-on-off-control-slider{background-color:#2a0}.cld-input-on-off-control-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;-webkit-transition:.2s;transition:.2s;border-radius:50%}input:checked+.cld-input-on-off-control-slider:before{-webkit-transform:translateX(19px);-ms-transform:translateX(19px);transform:translateX(19px)}.cld-input-checkbox-label,.cld-input-radio-label{display:block;margin-bottom:.4rem}.cld-input-checkbox-label.list-inline,.cld-input-radio-label.list-inline{display:inline-block;margin-right:.4rem}.cld-info-box,.cld-panel,.cld-panel-short,.cld-submit,.cld-switch-cloud{background-color:#fff;border:1px solid #e5e5e5;margin-right:1rem;max-width:870px}.cld-submit,.cld-switch-cloud{border-top:0;padding:1.2rem 1.75rem}.cld-info-box,.cld-panel,.cld-panel-short{margin-top:1rem;padding:2rem 1.75rem}.cld-info-box-inner,.cld-panel-inner,.cld-panel-short-inner{padding:1.3rem;margin:1em 0;background-color:hsla(0,0%,86.3%,.2);border:1px solid #e5e5e5}.cld-info-box-inner h2,.cld-panel-inner h2,.cld-panel-short-inner h2{color:#3273ab}.cld-info-box .cld-input-label,.cld-panel-short .cld-input-label,.cld-panel .cld-input-label{margin-bottom:.6rem}.cld-info-box.has-heading,.cld-panel-short.has-heading,.cld-panel.has-heading{margin-top:0}.cld-info-box-heading,.cld-panel-heading,.cld-panel-short-heading{display:flex;border-bottom:0;padding:.4rem 1.75rem .2rem}.cld-info-box-heading img,.cld-panel-heading img,.cld-panel-short-heading img{margin-right:.6rem}.cld-info-box ul,.cld-panel-short ul,.cld-panel ul{padding:0 3em;list-style:initial}.cld-info-box .cld-plan,.cld-panel-short .cld-plan,.cld-panel .cld-plan{color:#3273ab;font-weight:700;font-size:1.5em}.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{border:1px solid #e5e5e5;font-size:1.2em}.cld-info-box .stat-boxes .box,.cld-panel-short .stat-boxes .box,.cld-panel .stat-boxes .box{border-bottom:1px solid #e5e5e5;padding:2rem;text-align:center}.cld-info-box .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type{border-bottom:none}.cld-info-box .stat-boxes .box .cld-ui-icon,.cld-panel-short .stat-boxes .box .cld-ui-icon,.cld-panel .stat-boxes .box .cld-ui-icon{width:35px;height:35px}.cld-info-box .stat-boxes .icon,.cld-panel-short .stat-boxes .icon,.cld-panel .stat-boxes .icon{height:50px;margin-right:.5em;width:50px}.cld-info-box .stat-boxes h3,.cld-panel-short .stat-boxes h3,.cld-panel .stat-boxes h3{margin-bottom:1.5rem;margin-top:2.4rem}.cld-info-box .stat-boxes .limit,.cld-panel-short .stat-boxes .limit,.cld-panel .stat-boxes .limit{font-size:2em;font-weight:700;margin-right:.5em;white-space:nowrap}.cld-info-box .stat-boxes .usage,.cld-panel-short .stat-boxes .usage,.cld-panel .stat-boxes .usage{color:#3273ab;font-size:1.5em;font-weight:400}@media only screen and (min-width:783px){.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{display:flex;flex-wrap:nowrap;font-size:1em}.cld-info-box .stat-boxes .box,.cld-panel-short .stat-boxes .box,.cld-panel .stat-boxes .box{border-bottom:none;border-right:1px solid #e5e5e5;flex-grow:1}.cld-info-box .stat-boxes .box:last-of-type,.cld-panel-short .stat-boxes .box:last-of-type,.cld-panel .stat-boxes .box:last-of-type{border-right:none}}@media only screen and (min-width:1200px){.cld-info-box .stat-boxes,.cld-panel-short .stat-boxes,.cld-panel .stat-boxes{font-size:1.2em}}.cld-info-box .img-connection-string,.cld-panel-short .img-connection-string,.cld-panel .img-connection-string{max-width:607px;width:100%}.cld-info-box .connection-string,.cld-panel-short .connection-string,.cld-panel .connection-string{max-width:40em;width:100%}.cld-info-box .media-status-box,.cld-info-box .stat-boxes,.cld-panel-short .media-status-box,.cld-panel-short .stat-boxes,.cld-panel .media-status-box,.cld-panel .stat-boxes{border:1px solid #e5e5e5}.cld-info-box .media-status-box,.cld-panel-short .media-status-box,.cld-panel .media-status-box{padding:2rem;text-align:center}.cld-info-box .media-status-box .status,.cld-panel-short .media-status-box .status,.cld-panel .media-status-box .status{font-size:2rem;font-weight:700;margin-right:.5em}.cld-info-box .media-status-box .cld-ui-icon,.cld-panel-short .media-status-box .cld-ui-icon,.cld-panel .media-status-box .cld-ui-icon{width:35px;height:35px}.cld-info-box .notification,.cld-panel-short .notification,.cld-panel .notification{display:inline-flex;font-weight:700;padding:1.5rem}.cld-info-box .notification-success,.cld-panel-short .notification-success,.cld-panel .notification-success{background-color:rgba(32,184,50,.2);border:2px solid #20b832}.cld-info-box .notification-success:before,.cld-panel-short .notification-success:before,.cld-panel .notification-success:before{color:#20b832}.cld-info-box .notification-syncing,.cld-panel-short .notification-syncing,.cld-panel .notification-syncing{background-color:rgba(50,115,171,.2);border:2px solid #3273ab;text-decoration:none;color:#444}.cld-info-box .notification-syncing:before,.cld-panel-short .notification-syncing:before,.cld-panel .notification-syncing:before{color:#3273ab;-webkit-animation:spin 1s infinite running;-moz-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.cld-info-box .notification:before,.cld-panel-short .notification:before,.cld-panel .notification:before{margin-right:.5em}.cld-info-box{display:flex;flex-direction:column}@media only screen and (min-width:783px){.cld-info-box{flex-direction:row}}.cld-info-box a.button,.cld-info-box img{align-self:center}.cld-info-box .cld-ui-body{margin:0 1.2rem}.cld-panel-short{min-width:270px;width:auto;display:inline-block}.cld-gallery-settings{width:100%;display:flex;flex-wrap:wrap;padding:1rem 0;box-sizing:border-box}@media only screen and (min-width:960px){.cld-gallery-settings{margin-left:-1rem;margin-right:-1rem}}.cld-gallery-settings__column{box-sizing:border-box;width:100%}@media only screen and (min-width:960px){.cld-gallery-settings__column{padding-left:1rem;padding-right:1rem;width:50%}}.components-base-control__field select{display:block;margin:1rem 0}.components-range-control__wrapper{margin:0!important}.components-range-control__root{flex-direction:row-reverse;margin:1rem 0}.components-input-control.components-number-control.components-range-control__number{margin-left:0!important;margin-right:16px}.components-panel{border:0!important}.components-panel__body:first-child{border-top:0!important}.components-panel__body:last-child{border-bottom:0!important}.components-textarea-control__input{display:block;width:100%;margin:.5rem 0}.tippy-box[data-theme~=cloudinary]{background-color:rgba(0,0,0,.8);color:#fff;font-size:.8em} \ No newline at end of file diff --git a/css/src/_variables.scss b/css/src/_variables.scss index b055754cb..c220ce6a4 100644 --- a/css/src/_variables.scss +++ b/css/src/_variables.scss @@ -11,3 +11,6 @@ $color-notification-success: #20b832; /** Sizes */ $content-width: 870px; +$size-small: 783px; +$size-medium: 960px; +$size-large: 1200px; diff --git a/css/src/components/_settings.scss b/css/src/components/_settings.scss index 30ed23039..23761e876 100644 --- a/css/src/components/_settings.scss +++ b/css/src/components/_settings.scss @@ -313,6 +313,10 @@ margin-top: 0.5em; } + input[type="checkbox"] ~ label { + margin-left: .25em; + } + .modal-footer { background-color: #fcfcfc; border-top: 1px solid #ddd; @@ -334,5 +338,9 @@ textarea { resize: none; } + + p { + display: flex; + } } diff --git a/css/src/components/_ui.scss b/css/src/components/_ui.scss index dde55e9c8..9ee77236f 100644 --- a/css/src/components/_ui.scss +++ b/css/src/components/_ui.scss @@ -12,9 +12,7 @@ .cld { &-syncing { - background-image: url("./loading.svg"); - background-repeat: no-repeat; - background-position: center center; + background: url("./loading.svg") no-repeat center center; width: 30px; height: 20px; margin-left: 12px; @@ -29,7 +27,14 @@ right: 0; padding: 0; color: #555d66; - margin-left: 160px; + + @media only screen and (min-width: $size-small) { + margin-left: 36px; + } + + @media only screen and (min-width: $size-medium) { + margin-left: 160px; + } .cld-notice-box.is-success{ border: 0; @@ -66,7 +71,7 @@ margin-right: 20px; margin-bottom: 12px; .cld-notice { - padding: 1rem 1.2rem 0.75rem 1.2rem; + padding: 1rem 2.2rem 0.75rem 1.2rem; img.cld-ui-icon { height: 100%; @@ -81,12 +86,12 @@ padding-left: 38px; } - &.is-success, &.is-updated, &.is-created { background-color: #ebf5ec; border-left: 4px solid #42ad4f; + .dashicons{ color: $color-success; } @@ -138,18 +143,6 @@ } &-ui { - &-settings { - - /* Small devices */ - @media only screen and (max-width: 992px) { - margin: 0 10px 0 -10px; - } - - @media only screen and (max-width: 782px) { - margin: 0 -1px 0 -10px; - } - - } &-collapse { align-self: center; @@ -181,10 +174,18 @@ .cld-column { padding: 0 1.75em; + float: left; + width: 100%; + box-sizing: border-box; - /* Small devices */ - @media only screen and (max-width: 782px) { - width: 100% !important; + @media only screen and (min-width: $size-small) { + &.column-45 { + width: 45%; + } + + &.column-55 { + width: 55%; + } } } @@ -193,17 +194,6 @@ clear: both; display: table; } - - @media only screen { - - .cld-column { - float: left; - width: 100%; - box-sizing: border-box; - } - } - - } } @@ -211,7 +201,6 @@ &-video { &-preview { - background-color: rgba(216, 216, 216, 0.5); padding: 7px; border-radius: 5px; @@ -252,6 +241,7 @@ padding: 0 1rem; margin-left: -20px; margin-top: -1em; + flex-wrap: wrap; &-tab { list-style: none; @@ -295,7 +285,6 @@ } &-input { - @include input; .regular-text, @@ -388,8 +377,6 @@ } } } - - } } @@ -411,18 +398,26 @@ &-panel, &-info-box, - &-panel-short { + &-panel-short, + &-submit, + &-switch-cloud { background-color: #fff; border: 1px solid $color-light-grey; - padding: 2rem 1.75rem; - margin-top: 1rem; margin-right: 1rem; - width: $content-width; + max-width: $content-width; + } - /* Medium devices until large */ - @media only screen and (min-width: 993px) { - max-width: 900px; - } + &-submit, + &-switch-cloud { + border-top: 0; + padding: 1.2rem 1.75rem; + } + + &-panel, + &-info-box, + &-panel-short { + margin-top: 1rem; + padding: 2rem 1.75rem; &-inner { padding: 1.3rem; @@ -451,26 +446,12 @@ &-heading { display: flex; - background-color: #fff; - border: 1px solid $color-light-grey; border-bottom: 0; padding: 0.4rem 1.75rem 0.2rem; - width: $content-width; - margin-top: 1rem; img { margin-right: 0.6rem; } - - /* Small devices */ - @media only screen and (max-width: 960px) { - width: auto; - } - - /* Medium devices until large */ - @media only screen and (min-width: 961px) and (max-width: 1200px) { - width: 85%; - } } ul { @@ -527,7 +508,7 @@ font-weight: 400; } - @media only screen and (min-width: 783px) { + @media only screen and (min-width: $size-small) { display: flex; flex-wrap: nowrap; font-size: 1em; @@ -543,13 +524,14 @@ } } - @media only screen and (min-width: 1200px) { + @media only screen and (min-width: $size-large) { font-size: 1.2em; } } .img-connection-string { max-width: 607px; + width: 100%; } .connection-string { @@ -619,8 +601,12 @@ } &-info-box { - display: flex; + flex-direction: column; + + @media only screen and (min-width: $size-small) { + flex-direction: row; + } img, a.button { @@ -638,42 +624,27 @@ display: inline-block; } - &-submit, - &-switch-cloud { - - &.cld-ui-wrap { - background-color: #fff; - border: 1px solid $color-light-grey; - border-top: 0; - padding: 1.2rem 1.75rem; - width: $content-width; - - /* Small devices */ - @media only screen and (max-width: 960px) { - width: auto; - } - - /* Medium devices until large */ - @media only screen and (min-width: 961px) and (max-width: 1200px) { - width: 85%; - } - } - } - &-gallery-settings { width: 100%; display: flex; flex-wrap: wrap; padding: 1rem 0; - margin-left: -1rem; - margin-right: -1rem; box-sizing: border-box; + @media only screen and (min-width: $size-medium) { + margin-left: -1rem; + margin-right: -1rem; + } + &__column { - width: 50%; - padding-left: 1rem; - padding-right: 1rem; box-sizing: border-box; + width: 100%; + + @media only screen and (min-width: $size-medium) { + padding-left: 1rem; + padding-right: 1rem; + width: 50%; + } } } } diff --git a/gruntfile.js b/gruntfile.js index b041d36e7..bf0458ac3 100644 --- a/gruntfile.js +++ b/gruntfile.js @@ -6,6 +6,15 @@ module.exports = function ( grunt ) { .read( 'cloudinary.php' ) .match( /Version:\s*(.+)$/im )[ 1 ]; + const options = { + plugin_slug: + 'cloudinary-image-management-and-manipulation-in-the-cloud-cdn', + plugin_main_file: 'cloudinary.php', + build_dir: '<%= dist_dir %>', + assets_dir: 'assets', + svn_user: 'cloudinary', + }; + grunt.initConfig( { dist_dir: 'build', @@ -56,18 +65,13 @@ module.exports = function ( grunt ) { }, wp_deploy: { - options: { - plugin_slug: - 'cloudinary-image-management-and-manipulation-in-the-cloud-cdn', - plugin_main_file: 'cloudinary.php', - build_dir: '<%= dist_dir %>', - assets_dir: 'assets', - }, default: { // Default deploy to trunk and a tag release. + options, }, assets: { // Deploy only screenshots and icons. + ...options, deploy_trunk: false, deploy_tag: false, }, diff --git a/js/deactivate.asset.php b/js/deactivate.asset.php index 76525e78a..04b8d790a 100644 --- a/js/deactivate.asset.php +++ b/js/deactivate.asset.php @@ -1 +1 @@ - array('wp-polyfill'), 'version' => 'be441971594d2402081dd17cd9006ce5'); \ No newline at end of file + array('wp-polyfill'), 'version' => 'e862bb5e9c2155662e26dab8ad582baa'); \ No newline at end of file diff --git a/js/deactivate.js b/js/deactivate.js index efd838d12..c5c4f14b3 100644 --- a/js/deactivate.js +++ b/js/deactivate.js @@ -1 +1 @@ -!function(t){var e={};function n(r){if(e[r])return e[r].exports;var o=e[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(r,o,function(e){return t[e]}.bind(null,o));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=2)}([function(t,e,n){var r=n(3),o=n(4),i=n(5),a=n(6);t.exports=function(t){return r(t)||o(t)||i(t)||a()}},function(t,e){t.exports=function(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);nt.length)&&(e=t.length);for(var n=0,r=new Array(e);n { + trigger.addEventListener( 'click', function ( ev ) { + if ( + ! confirm( + wp.i18n.__( + 'Caution: Your storage setting is currently set to "Cloudinary only", disabling the plugin will result in broken links to media assets. Are you sure you want to continue?', + 'cloudinary' + ) + ) + ) { + ev.preventDefault(); + // Close the feedback form. + document.getElementById( 'TB_closeWindowButton' ).click(); + } + } ); + } ); + // Add event listener to skip feedback. context.skipButton.addEventListener( 'click', function () { window.location.href = context.deactivationUrl; @@ -65,6 +87,15 @@ const Deactivate = { } ); } ); + // Allowing Cloudinary contact should include the System Report. + context.report.addEventListener( 'change', function () { + if ( context.report.checked ) { + context.contact.removeAttribute( 'style' ); + } else { + context.contact.style.display = 'none'; + } + } ); + // Add event listener to submit the feedback. context.submitButton.addEventListener( 'click', function () { wp.ajax @@ -73,6 +104,8 @@ const Deactivate = { data: { reason: context.reason, more: context.more?.value, + report: context.report.checked, + contact: context.contact.checked, }, beforeSend( request ) { request.setRequestHeader( diff --git a/php/class-connect.php b/php/class-connect.php index 68cb07504..ada24361b 100644 --- a/php/class-connect.php +++ b/php/class-connect.php @@ -498,6 +498,7 @@ public function setup() { 'target' => '_self', 'attributes' => array( 'class' => array( + 'button', 'button-secondary', ), 'link_tag' => array( diff --git a/php/class-deactivation.php b/php/class-deactivation.php index 11bd25a73..b81d5a35d 100644 --- a/php/class-deactivation.php +++ b/php/class-deactivation.php @@ -88,7 +88,7 @@ public function maybe_load_hooks() { * * @return array */ - public function get_reasons() { + protected function get_reasons() { return array( array( 'id' => 'dont_understand_value', @@ -126,8 +126,19 @@ public function get_reasons() { * @return void */ public function markup() { + $report_label = sprintf( + // translators: The System Report link tag. + __( 'Share a %s with Cloudinary to help improve the plugin.', 'cloudinary' ), + sprintf( + // translators: The System Report link and label. + '%s', + 'https://cloudinary.com/documentation/wordpress_integration#system_report', + 'System Report' + ) + ); + ?> -> +