PluginProbe
WP Ultimate Post Grid / 3.4.0
WP Ultimate Post Grid v3.4.0
4.1.1 trunk 1.5 1.6 1.7 1.7.1 1.7.2 1.8 1.9 2.0 2.1 2.2 2.3 2.4.0 2.5.0 2.6.0 2.7.0 2.8.0 2.8.2 3.0.0 3.3.0 3.4.0 3.5.0 3.6.0 3.7.0 All 32 releases
wp-ultimate-post-grid / dist / admin-template.css

admin-template.css in WP Ultimate Post Grid 3.4.0, at dist/admin-template.css

501 lines 40.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wpupg-grid .wpupg-item{box-sizing:border-box}.wpupg-item{overflow:auto;zoom:1;text-align:left;clear:both}.wpupg-item *{box-sizing:border-box}.wpupg-item ol,.wpupg-item ul{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-padding-start:0;margin:0;padding:0}.wpupg-item li{font-size:1em;margin:0 0 0 32px;padding:0}.wpupg-item p{font-size:1em;margin:0;padding:0}.wpupg-item p:first-letter{font-size:inherit;line-height:inherit;color:inherit;margin:inherit;padding:inherit;font-family:inherit}.wpupg-item li{list-style-position:outside}.wpupg-item li:before{display:none}.wpupg-item h1,.wpupg-item h2,.wpupg-item h3,.wpupg-item h4,.wpupg-item h5,.wpupg-item h6{clear:none;font-variant:normal;text-transform:none;letter-spacing:normal;margin:0;padding:0}.wpupg-grid a.wpupg-item.wpupg-item-link{transition:none;text-decoration:none;box-shadow:none}.rtl .wpupg-item{text-align:right}.rtl .wpupg-item li{margin:0 32px 0 0}
2 .wpupg-block-text-normal{font-weight:400;font-style:normal;text-transform:none}.wpupg-block-text-light{font-weight:300 !important}.wpupg-block-text-bold{font-weight:bold !important}.wpupg-block-text-italic{font-style:italic !important}.wpupg-block-text-uppercase{text-transform:uppercase !important}.wpupg-block-text-faded{opacity:0.6}.wpupg-block-text-uppercase-faded{text-transform:uppercase !important;opacity:0.6}.wpupg-block-text-bigger{font-size:1.1em}.wpupg-block-text-smaller{font-size:0.9em}.wpupg-align-left{text-align:left}.wpupg-align-center{text-align:center}.wpupg-align-right{text-align:right}.wpupg-hover{display:none}.wpupg-hover.wpupg-hovering{display:block}.wpupg-item-icon svg{display:inline;vertical-align:middle;margin-top:-0.15em;width:1.3em;height:1.3em;overflow:visible}.wpupg-item-image{max-width:100%;font-size:0;line-height:0}.wpupg-item-image img{display:inline-block;max-width:100%;height:auto;margin:0;padding:0}.wpupg-item-image .dpsp-pin-it-wrapper{margin:0 auto}.wpupg-block-image-circle img{border-radius:50%}
3 .wpupg-admin-icon{opacity:0.5;margin-top:2px}.wpupg-admin-icon:hover{opacity:1;cursor:pointer}.wpupg-admin-icon.wpupg-admin-icon-required{cursor:help !important}.wpupg-admin-icon-help{display:inline-block;margin-top:0;margin-left:5px;border:1px solid #444;border-radius:100%;opacity:1;width:16px;height:16px;text-align:center;font-size:12px}.wpupg-admin-icon-help svg{width:10px;height:9px;margin-bottom:2px}.wpupg-admin-icon-help:hover{background-color:#444}.wpupg-admin-icon-help:hover svg g,.wpupg-admin-icon-help:hover svg path{fill:white}
4 .tippy-touch{cursor:pointer!important}.tippy-notransition{transition:none!important}.tippy-popper{max-width:400px;-webkit-perspective:800px;perspective:800px;z-index:9999;outline:0;transition-timing-function:cubic-bezier(.165,.84,.44,1);pointer-events:none}.tippy-popper.html-template{max-width:96%;max-width:calc(100% - 20px)}.tippy-popper[x-placement^=top] [x-arrow]{border-top:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;bottom:-7px;margin:0 9px}.tippy-popper[x-placement^=top] [x-arrow].arrow-small{border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;bottom:-5px}.tippy-popper[x-placement^=top] [x-arrow].arrow-big{border-top:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;bottom:-10px}.tippy-popper[x-placement^=top] [x-circle]{-webkit-transform-origin:0 33%;transform-origin:0 33%}.tippy-popper[x-placement^=top] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-55%);transform:scale(1) translate(-50%,-55%);opacity:1}.tippy-popper[x-placement^=top] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow]{border-top:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-top:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-top:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow]{border-top:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-top:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=top] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-top:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=top] [data-animation=perspective]{-webkit-transform-origin:bottom;transform-origin:bottom}.tippy-popper[x-placement^=top] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(-10px) rotateX(0);transform:translateY(-10px) rotateX(0)}.tippy-popper[x-placement^=top] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(90deg);transform:translateY(0) rotateX(90deg)}.tippy-popper[x-placement^=top] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(-10px);transform:translateY(-10px)}.tippy-popper[x-placement^=top] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=top] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(-10px) scale(1);transform:translateY(-10px) scale(1)}.tippy-popper[x-placement^=top] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=bottom] [x-arrow]{border-bottom:7px solid #333;border-right:7px solid transparent;border-left:7px solid transparent;top:-7px;margin:0 9px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-small{border-bottom:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;top:-5px}.tippy-popper[x-placement^=bottom] [x-arrow].arrow-big{border-bottom:10px solid #333;border-right:10px solid transparent;border-left:10px solid transparent;top:-10px}.tippy-popper[x-placement^=bottom] [x-circle]{-webkit-transform-origin:0 -50%;transform-origin:0 -50%}.tippy-popper[x-placement^=bottom] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-45%);transform:scale(1) translate(-50%,-45%);opacity:1}.tippy-popper[x-placement^=bottom] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-5%);transform:scale(.15) translate(-50%,-5%);opacity:0}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow]{border-bottom:7px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-bottom:5px solid #fff;border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-bottom:10px solid #fff;border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow]{border-bottom:7px solid rgba(0,0,0,.7);border-right:7px solid transparent;border-left:7px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-bottom:5px solid rgba(0,0,0,.7);border-right:5px solid transparent;border-left:5px solid transparent}.tippy-popper[x-placement^=bottom] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-bottom:10px solid rgba(0,0,0,.7);border-right:10px solid transparent;border-left:10px solid transparent}.tippy-popper[x-placement^=bottom] [data-animation=perspective]{-webkit-transform-origin:top;transform-origin:top}.tippy-popper[x-placement^=bottom] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateY(10px) rotateX(0);transform:translateY(10px) rotateX(0)}.tippy-popper[x-placement^=bottom] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateY(0) rotateX(-90deg);transform:translateY(0) rotateX(-90deg)}.tippy-popper[x-placement^=bottom] [data-animation=fade].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=fade].leave{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].enter{opacity:1;-webkit-transform:translateY(10px);transform:translateY(10px)}.tippy-popper[x-placement^=bottom] [data-animation=shift].leave{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}.tippy-popper[x-placement^=bottom] [data-animation=scale].enter{opacity:1;-webkit-transform:translateY(10px) scale(1);transform:translateY(10px) scale(1)}.tippy-popper[x-placement^=bottom] [data-animation=scale].leave{opacity:0;-webkit-transform:translateY(0) scale(0);transform:translateY(0) scale(0)}.tippy-popper[x-placement^=left] [x-arrow]{border-left:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;right:-7px;margin:6px 0}.tippy-popper[x-placement^=left] [x-arrow].arrow-small{border-left:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;right:-5px}.tippy-popper[x-placement^=left] [x-arrow].arrow-big{border-left:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;right:-10px}.tippy-popper[x-placement^=left] [x-circle]{-webkit-transform-origin:50% 0;transform-origin:50% 0}.tippy-popper[x-placement^=left] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=left] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow]{border-left:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-left:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-left:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow]{border-left:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-left:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=left] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-left:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=left] [data-animation=perspective]{-webkit-transform-origin:right;transform-origin:right}.tippy-popper[x-placement^=left] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(-10px) rotateY(0);transform:translateX(-10px) rotateY(0)}.tippy-popper[x-placement^=left] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(-90deg);transform:translateX(0) rotateY(-90deg)}.tippy-popper[x-placement^=left] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.tippy-popper[x-placement^=left] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=left] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(-10px) scale(1);transform:translateX(-10px) scale(1)}.tippy-popper[x-placement^=left] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper[x-placement^=right] [x-arrow]{border-right:7px solid #333;border-top:7px solid transparent;border-bottom:7px solid transparent;left:-7px;margin:6px 0}.tippy-popper[x-placement^=right] [x-arrow].arrow-small{border-right:5px solid #333;border-top:5px solid transparent;border-bottom:5px solid transparent;left:-5px}.tippy-popper[x-placement^=right] [x-arrow].arrow-big{border-right:10px solid #333;border-top:10px solid transparent;border-bottom:10px solid transparent;left:-10px}.tippy-popper[x-placement^=right] [x-circle]{-webkit-transform-origin:-50% 0;transform-origin:-50% 0}.tippy-popper[x-placement^=right] [x-circle].enter{-webkit-transform:scale(1) translate(-50%,-50%);transform:scale(1) translate(-50%,-50%);opacity:1}.tippy-popper[x-placement^=right] [x-circle].leave{-webkit-transform:scale(.15) translate(-50%,-50%);transform:scale(.15) translate(-50%,-50%);opacity:0}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-circle]{background-color:#fff}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow]{border-right:7px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-small{border-right:5px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.light-theme [x-arrow].arrow-big{border-right:10px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-circle]{background-color:rgba(0,0,0,.7)}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow]{border-right:7px solid rgba(0,0,0,.7);border-top:7px solid transparent;border-bottom:7px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-small{border-right:5px solid rgba(0,0,0,.7);border-top:5px solid transparent;border-bottom:5px solid transparent}.tippy-popper[x-placement^=right] .tippy-tooltip.transparent-theme [x-arrow].arrow-big{border-right:10px solid rgba(0,0,0,.7);border-top:10px solid transparent;border-bottom:10px solid transparent}.tippy-popper[x-placement^=right] [data-animation=perspective]{-webkit-transform-origin:left;transform-origin:left}.tippy-popper[x-placement^=right] [data-animation=perspective].enter{opacity:1;-webkit-transform:translateX(10px) rotateY(0);transform:translateX(10px) rotateY(0)}.tippy-popper[x-placement^=right] [data-animation=perspective].leave{opacity:0;-webkit-transform:translateX(0) rotateY(90deg);transform:translateX(0) rotateY(90deg)}.tippy-popper[x-placement^=right] [data-animation=fade].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=fade].leave{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].enter{opacity:1;-webkit-transform:translateX(10px);transform:translateX(10px)}.tippy-popper[x-placement^=right] [data-animation=shift].leave{opacity:0;-webkit-transform:translateX(0);transform:translateX(0)}.tippy-popper[x-placement^=right] [data-animation=scale].enter{opacity:1;-webkit-transform:translateX(10px) scale(1);transform:translateX(10px) scale(1)}.tippy-popper[x-placement^=right] [data-animation=scale].leave{opacity:0;-webkit-transform:translateX(0) scale(0);transform:translateX(0) scale(0)}.tippy-popper .tippy-tooltip.transparent-theme{background-color:rgba(0,0,0,.7)}.tippy-popper .tippy-tooltip.transparent-theme[data-animatefill]{background-color:transparent}.tippy-popper .tippy-tooltip.light-theme{color:#26323d;box-shadow:0 4px 20px 4px rgba(0,20,60,.1),0 4px 80px -8px rgba(0,20,60,.2);background-color:#fff}.tippy-popper .tippy-tooltip.light-theme[data-animatefill]{background-color:transparent}.tippy-tooltip{position:relative;color:#fff;border-radius:4px;font-size:.95rem;padding:.4rem .8rem;text-align:center;will-change:transform;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#333}.tippy-tooltip--small{padding:.25rem .5rem;font-size:.8rem}.tippy-tooltip--big{padding:.6rem 1.2rem;font-size:1.2rem}.tippy-tooltip[data-animatefill]{overflow:hidden;background-color:transparent}.tippy-tooltip[data-interactive]{pointer-events:auto}.tippy-tooltip[data-inertia]{transition-timing-function:cubic-bezier(.53,2,.36,.85)}.tippy-tooltip [x-arrow]{position:absolute;width:0;height:0}.tippy-tooltip [x-circle]{position:absolute;will-change:transform;background-color:#333;border-radius:50%;width:130%;width:calc(110% + 2rem);left:50%;top:50%;z-index:-1;overflow:hidden;transition:all ease}.tippy-tooltip [x-circle]:before{content:"";padding-top:90%;float:left}@media (max-width:450px){.tippy-popper{max-width:96%;max-width:calc(100% - 20px)}}
5 .wpupg-admin-loader{display:inline-block;width:10px;height:10px;border:2px solid rgba(200,200,200,0.3);border-radius:50%;border-top-color:#444;animation:spin 1s ease-in-out infinite;-webkit-animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}
6 .rtl #wpupg-template-menu .wpupg-template-menu-group .wpupg-template-icon{margin-right:0;margin-left:2px}#wpupg-template-sidebar .wpupg-template-menu-group{padding:6px;border-bottom:1px solid #ddd}#wpupg-template-sidebar .wpupg-template-menu-group:last-child{border-bottom:none}#wpupg-template-sidebar .wpupg-template-properties{padding:0 5px}#wpupg-template-sidebar .wpupg-template-properties p{font-weight:bold}#wpupg-template-sidebar>div{margin-bottom:20px}#wpupg-template-sidebar .wpupg-template-menu-header,#wpupg-template-sidebar .wpupg-template-properties-header{padding:10px;padding-bottom:5px;text-align:center;font-weight:300;font-size:1.2em}#wpupg-template-sidebar .wpupg-template-menu-block{padding:3px 0;cursor:pointer;border-bottom:1px solid #ddd}#wpupg-template-sidebar .wpupg-template-menu-block.wpupg-template-menu-block-hover{font-weight:bold}#wpupg-template-sidebar .wpupg-template-menu-block.wpupg-template-menu-block-self{cursor:default;font-style:italic;color:#999999}#wpupg-template-sidebar .wpupg-template-menu-block:last-child{border-bottom:none}#wpupg-template-sidebar .wpupg-template-menu-block-details{padding:5px;margin-bottom:5px;font-weight:bold}#wpupg-template-sidebar .wpupg-template-menu-block-quick-edit{margin:5px 0;text-align:center}#wpupg-template-menu .wpupg-template-menu-group{display:block;text-decoration:none;color:#444;cursor:pointer}#wpupg-template-menu .wpupg-template-menu-group:first-child{border-top-left-radius:5px;border-top-right-radius:5px}#wpupg-template-menu .wpupg-template-menu-group:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}#wpupg-template-menu .wpupg-template-menu-group.active{color:#444;background-color:#ddd;font-weight:bold}#wpupg-template-menu .wpupg-template-menu-group .wpupg-template-icon{vertical-align:middle;margin-right:2px;position:relative;top:1px}#wpupg-template-menu .wpupg-template-menu-group .wpupg-template-icon svg{fill:#ddd}
7 .wpupg-template-property{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.wpupg-template-property{padding:4px 0;border-bottom:1px solid #ddd}.wpupg-template-property:last-child{border-bottom:none}.wpupg-template-property .wpupg-template-property-label{font-weight:bold;padding:4px 0}.wpupg-template-property .Select-menu-outer{position:absolute !important;top:auto !important;bottom:calc(100% - 1px) !important;border-bottom-left-radius:0px !important;border-bottom-right-radius:0px !important;border-top-left-radius:5px !important;border-top-right-radius:5px !important}.wpupg-template-property .is-open .Select-control{border-top-right-radius:0 !important;border-top-left-radius:0 !important;border-bottom-right-radius:5px !important;border-bottom-left-radius:5px !important}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-font{width:100%}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-font input{width:100%}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-font .wpupg-template-property-input{margin-top:5px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-text{width:100%}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-text input{width:100%}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-align,.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-border,.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-float,.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-dropdown{width:100%}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-icon a{font-size:0.9em}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-icon .wpupg-template-property-icon-select{max-width:16px;max-height:16px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-icon .wpupg-template-property-icon-selected-container{display:flex}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-icon .wpupg-template-property-icon-selected-container .wpupg-template-property-icon-select{display:flex;margin-right:5px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-icon .wpupg-template-property-icon-select-container{width:100%}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-icon .wpupg-template-property-icon-select-container .wpupg-template-property-icon-select-container-icons{margin-top:5px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-icon .wpupg-template-property-icon-select-container .wpupg-template-property-icon-select{display:inline-block;cursor:pointer;margin:2px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-color .wpupg-template-property-input,.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-toggle .wpupg-template-property-input{display:flex;align-items:center}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-font_size,.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-size{display:flex;align-items:center}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-font_size input,.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-size input{width:60px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-font_size .wpupg-template-property-value-size-unit,.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-size .wpupg-template-property-value-size-unit{margin-left:5px;cursor:pointer;color:#999}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-font_size .wpupg-template-property-value-size-unit.wpupg-template-property-value-size-unit-selected,.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-size .wpupg-template-property-value-size-unit.wpupg-template-property-value-size-unit-selected{color:#444;text-decoration:underline}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-percentage{display:flex;align-items:center}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-percentage input{width:60px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-percentage .wpupg-template-property-number-suffix{margin-left:5px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-image_size{width:100%}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-image_size label{font-size:0.8em;font-style:italic;margin-bottom:3px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-image_size .Select-menu-outer{position:relative}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-image_size .wpupg-template-property-input-width-height{display:flex;justify-content:flex-start;align-items:center}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-image_size .wpupg-template-property-input-width-height input{width:40%;max-width:75px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-image_size .wpupg-template-property-input-width-height input:first-child{margin-right:5px}.wpupg-template-property .wpupg-template-property-value.wpupg-template-property-value-image_size .wpupg-template-property-input-width-height input:last-child{margin-left:5px}
8 .react-toggle {
9 touch-action: pan-x;
10
11 display: inline-block;
12 position: relative;
13 cursor: pointer;
14 background-color: transparent;
15 border: 0;
16 padding: 0;
17
18 -webkit-touch-callout: none;
19 -webkit-user-select: none;
20 -khtml-user-select: none;
21 -moz-user-select: none;
22 -ms-user-select: none;
23 user-select: none;
24
25 -webkit-tap-highlight-color: rgba(0,0,0,0);
26 -webkit-tap-highlight-color: transparent;
27 }
28
29 .react-toggle-screenreader-only {
30 border: 0;
31 clip: rect(0 0 0 0);
32 height: 1px;
33 margin: -1px;
34 overflow: hidden;
35 padding: 0;
36 position: absolute;
37 width: 1px;
38 }
39
40 .react-toggle--disabled {
41 cursor: not-allowed;
42 opacity: 0.5;
43 -webkit-transition: opacity 0.25s;
44 transition: opacity 0.25s;
45 }
46
47 .react-toggle-track {
48 width: 50px;
49 height: 24px;
50 padding: 0;
51 border-radius: 30px;
52 background-color: #4D4D4D;
53 -webkit-transition: all 0.2s ease;
54 -moz-transition: all 0.2s ease;
55 transition: all 0.2s ease;
56 }
57
58 .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
59 background-color: #000000;
60 }
61
62 .react-toggle--checked .react-toggle-track {
63 background-color: #19AB27;
64 }
65
66 .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
67 background-color: #128D15;
68 }
69
70 .react-toggle-track-check {
71 position: absolute;
72 width: 14px;
73 height: 10px;
74 top: 0px;
75 bottom: 0px;
76 margin-top: auto;
77 margin-bottom: auto;
78 line-height: 0;
79 left: 8px;
80 opacity: 0;
81 -webkit-transition: opacity 0.25s ease;
82 -moz-transition: opacity 0.25s ease;
83 transition: opacity 0.25s ease;
84 }
85
86 .react-toggle--checked .react-toggle-track-check {
87 opacity: 1;
88 -webkit-transition: opacity 0.25s ease;
89 -moz-transition: opacity 0.25s ease;
90 transition: opacity 0.25s ease;
91 }
92
93 .react-toggle-track-x {
94 position: absolute;
95 width: 10px;
96 height: 10px;
97 top: 0px;
98 bottom: 0px;
99 margin-top: auto;
100 margin-bottom: auto;
101 line-height: 0;
102 right: 10px;
103 opacity: 1;
104 -webkit-transition: opacity 0.25s ease;
105 -moz-transition: opacity 0.25s ease;
106 transition: opacity 0.25s ease;
107 }
108
109 .react-toggle--checked .react-toggle-track-x {
110 opacity: 0;
111 }
112
113 .react-toggle-thumb {
114 transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
115 position: absolute;
116 top: 1px;
117 left: 1px;
118 width: 22px;
119 height: 22px;
120 border: 1px solid #4D4D4D;
121 border-radius: 50%;
122 background-color: #FAFAFA;
123
124 -webkit-box-sizing: border-box;
125 -moz-box-sizing: border-box;
126 box-sizing: border-box;
127
128 -webkit-transition: all 0.25s ease;
129 -moz-transition: all 0.25s ease;
130 transition: all 0.25s ease;
131 }
132
133 .react-toggle--checked .react-toggle-thumb {
134 left: 27px;
135 border-color: #19AB27;
136 }
137
138 .react-toggle--focus .react-toggle-thumb {
139 -webkit-box-shadow: 0px 0px 3px 2px #0099E0;
140 -moz-box-shadow: 0px 0px 3px 2px #0099E0;
141 box-shadow: 0px 0px 2px 3px #0099E0;
142 }
143
144 .react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
145 -webkit-box-shadow: 0px 0px 5px 5px #0099E0;
146 -moz-box-shadow: 0px 0px 5px 5px #0099E0;
147 box-shadow: 0px 0px 5px 5px #0099E0;
148 }
149 #wpupg-template-main .wpupg-main-container-name input{display:inline-block;width:85px;font-size:18px;margin-right:5px;padding-right:0}#wpupg-template-main .wpupg-main-container-preview{max-width:600px;margin:0 auto}#wpupg-template-main .wpupg-main-container-preview,#wpupg-template-main .wpupg-main-container-preview>p{font-size:16px}#wpupg-template-main .wpupg-main-container-preview .wpupg-main-container-preview-item{font-size:14px;margin:15px auto 0;width:100%;max-width:300px}#wpupg-template-main .wpupg-main-container-preview .wpupg-item{margin:25px auto 0 auto;position:relative}#wpupg-template-main .CodeMirror{margin-top:10px;height:350px;border:1px solid #ddd}#wpupg-template-main .wpupg-template-block-hovering{outline:2px dashed blue;outline-offset:2px}#wpupg-template-main.wpupg-template-main-add .wpupg-template-block-hovering{outline-color:green}#wpupg-template-main.wpupg-template-main-remove .wpupg-template-block-hovering{outline-color:red}
150 .wpupg-manage-templates-template{display:inline-block;padding:10px 20px;margin-right:20px;margin-bottom:20px;border:1px dashed #999;border-radius:5px;cursor:pointer}.wpupg-manage-templates-template.wpupg-manage-templates-template-selected,.wpupg-manage-templates-template:hover{border-style:solid;border-color:#444}.wpupg-manage-templates-template.wpupg-manage-templates-template-selected{background-color:#ddd;font-weight:bold}.wpupg-manage-templates-template.wpupg-manage-templates-template-premium{color:darkred;border-color:darkred}.wpupg-manage-templates-template-fields{text-align:center;margin:10px 0}.wpupg-manage-templates-template-actions{display:flex;flex-wrap:wrap;justify-content:center}.wpupg-manage-templates-template-actions button{margin:0 5px !important}
151 /* BASICS */
152
153 .CodeMirror {
154 /* Set height, width, borders, and global font properties here */
155 font-family: monospace;
156 height: 300px;
157 color: black;
158 direction: ltr;
159 }
160
161 /* PADDING */
162
163 .CodeMirror-lines {
164 padding: 4px 0; /* Vertical padding around content */
165 }
166 .CodeMirror pre.CodeMirror-line,
167 .CodeMirror pre.CodeMirror-line-like {
168 padding: 0 4px; /* Horizontal padding of content */
169 }
170
171 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
172 background-color: white; /* The little square between H and V scrollbars */
173 }
174
175 /* GUTTER */
176
177 .CodeMirror-gutters {
178 border-right: 1px solid #ddd;
179 background-color: #f7f7f7;
180 white-space: nowrap;
181 }
182 .CodeMirror-linenumbers {}
183 .CodeMirror-linenumber {
184 padding: 0 3px 0 5px;
185 min-width: 20px;
186 text-align: right;
187 color: #999;
188 white-space: nowrap;
189 }
190
191 .CodeMirror-guttermarker { color: black; }
192 .CodeMirror-guttermarker-subtle { color: #999; }
193
194 /* CURSOR */
195
196 .CodeMirror-cursor {
197 border-left: 1px solid black;
198 border-right: none;
199 width: 0;
200 }
201 /* Shown when moving in bi-directional text */
202 .CodeMirror div.CodeMirror-secondarycursor {
203 border-left: 1px solid silver;
204 }
205 .cm-fat-cursor .CodeMirror-cursor {
206 width: auto;
207 border: 0 !important;
208 background: #7e7;
209 }
210 .cm-fat-cursor div.CodeMirror-cursors {
211 z-index: 1;
212 }
213 .cm-fat-cursor-mark {
214 background-color: rgba(20, 255, 20, 0.5);
215 -webkit-animation: blink 1.06s steps(1) infinite;
216 -moz-animation: blink 1.06s steps(1) infinite;
217 animation: blink 1.06s steps(1) infinite;
218 }
219 .cm-animate-fat-cursor {
220 width: auto;
221 border: 0;
222 -webkit-animation: blink 1.06s steps(1) infinite;
223 -moz-animation: blink 1.06s steps(1) infinite;
224 animation: blink 1.06s steps(1) infinite;
225 background-color: #7e7;
226 }
227 @-moz-keyframes blink {
228 0% {}
229 50% { background-color: transparent; }
230 100% {}
231 }
232 @-webkit-keyframes blink {
233 0% {}
234 50% { background-color: transparent; }
235 100% {}
236 }
237 @keyframes blink {
238 0% {}
239 50% { background-color: transparent; }
240 100% {}
241 }
242
243 /* Can style cursor different in overwrite (non-insert) mode */
244 .CodeMirror-overwrite .CodeMirror-cursor {}
245
246 .cm-tab { display: inline-block; text-decoration: inherit; }
247
248 .CodeMirror-rulers {
249 position: absolute;
250 left: 0; right: 0; top: -50px; bottom: 0;
251 overflow: hidden;
252 }
253 .CodeMirror-ruler {
254 border-left: 1px solid #ccc;
255 top: 0; bottom: 0;
256 position: absolute;
257 }
258
259 /* DEFAULT THEME */
260
261 .cm-s-default .cm-header {color: blue;}
262 .cm-s-default .cm-quote {color: #090;}
263 .cm-negative {color: #d44;}
264 .cm-positive {color: #292;}
265 .cm-header, .cm-strong {font-weight: bold;}
266 .cm-em {font-style: italic;}
267 .cm-link {text-decoration: underline;}
268 .cm-strikethrough {text-decoration: line-through;}
269
270 .cm-s-default .cm-keyword {color: #708;}
271 .cm-s-default .cm-atom {color: #219;}
272 .cm-s-default .cm-number {color: #164;}
273 .cm-s-default .cm-def {color: #00f;}
274 .cm-s-default .cm-variable,
275 .cm-s-default .cm-punctuation,
276 .cm-s-default .cm-property,
277 .cm-s-default .cm-operator {}
278 .cm-s-default .cm-variable-2 {color: #05a;}
279 .cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
280 .cm-s-default .cm-comment {color: #a50;}
281 .cm-s-default .cm-string {color: #a11;}
282 .cm-s-default .cm-string-2 {color: #f50;}
283 .cm-s-default .cm-meta {color: #555;}
284 .cm-s-default .cm-qualifier {color: #555;}
285 .cm-s-default .cm-builtin {color: #30a;}
286 .cm-s-default .cm-bracket {color: #997;}
287 .cm-s-default .cm-tag {color: #170;}
288 .cm-s-default .cm-attribute {color: #00c;}
289 .cm-s-default .cm-hr {color: #999;}
290 .cm-s-default .cm-link {color: #00c;}
291
292 .cm-s-default .cm-error {color: #f00;}
293 .cm-invalidchar {color: #f00;}
294
295 .CodeMirror-composing { border-bottom: 2px solid; }
296
297 /* Default styles for common addons */
298
299 div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
300 div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
301 .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
302 .CodeMirror-activeline-background {background: #e8f2ff;}
303
304 /* STOP */
305
306 /* The rest of this file contains styles related to the mechanics of
307 the editor. You probably shouldn't touch them. */
308
309 .CodeMirror {
310 position: relative;
311 overflow: hidden;
312 background: white;
313 }
314
315 .CodeMirror-scroll {
316 overflow: scroll !important; /* Things will break if this is overridden */
317 /* 30px is the magic margin used to hide the element's real scrollbars */
318 /* See overflow: hidden in .CodeMirror */
319 margin-bottom: -30px; margin-right: -30px;
320 padding-bottom: 30px;
321 height: 100%;
322 outline: none; /* Prevent dragging from highlighting the element */
323 position: relative;
324 }
325 .CodeMirror-sizer {
326 position: relative;
327 border-right: 30px solid transparent;
328 }
329
330 /* The fake, visible scrollbars. Used to force redraw during scrolling
331 before actual scrolling happens, thus preventing shaking and
332 flickering artifacts. */
333 .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
334 position: absolute;
335 z-index: 6;
336 display: none;
337 }
338 .CodeMirror-vscrollbar {
339 right: 0; top: 0;
340 overflow-x: hidden;
341 overflow-y: scroll;
342 }
343 .CodeMirror-hscrollbar {
344 bottom: 0; left: 0;
345 overflow-y: hidden;
346 overflow-x: scroll;
347 }
348 .CodeMirror-scrollbar-filler {
349 right: 0; bottom: 0;
350 }
351 .CodeMirror-gutter-filler {
352 left: 0; bottom: 0;
353 }
354
355 .CodeMirror-gutters {
356 position: absolute; left: 0; top: 0;
357 min-height: 100%;
358 z-index: 3;
359 }
360 .CodeMirror-gutter {
361 white-space: normal;
362 height: 100%;
363 display: inline-block;
364 vertical-align: top;
365 margin-bottom: -30px;
366 }
367 .CodeMirror-gutter-wrapper {
368 position: absolute;
369 z-index: 4;
370 background: none !important;
371 border: none !important;
372 }
373 .CodeMirror-gutter-background {
374 position: absolute;
375 top: 0; bottom: 0;
376 z-index: 4;
377 }
378 .CodeMirror-gutter-elt {
379 position: absolute;
380 cursor: default;
381 z-index: 4;
382 }
383 .CodeMirror-gutter-wrapper ::selection { background-color: transparent }
384 .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }
385
386 .CodeMirror-lines {
387 cursor: text;
388 min-height: 1px; /* prevents collapsing before first draw */
389 }
390 .CodeMirror pre.CodeMirror-line,
391 .CodeMirror pre.CodeMirror-line-like {
392 /* Reset some styles that the rest of the page might have set */
393 -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
394 border-width: 0;
395 background: transparent;
396 font-family: inherit;
397 font-size: inherit;
398 margin: 0;
399 white-space: pre;
400 word-wrap: normal;
401 line-height: inherit;
402 color: inherit;
403 z-index: 2;
404 position: relative;
405 overflow: visible;
406 -webkit-tap-highlight-color: transparent;
407 -webkit-font-variant-ligatures: contextual;
408 font-variant-ligatures: contextual;
409 }
410 .CodeMirror-wrap pre.CodeMirror-line,
411 .CodeMirror-wrap pre.CodeMirror-line-like {
412 word-wrap: break-word;
413 white-space: pre-wrap;
414 word-break: normal;
415 }
416
417 .CodeMirror-linebackground {
418 position: absolute;
419 left: 0; right: 0; top: 0; bottom: 0;
420 z-index: 0;
421 }
422
423 .CodeMirror-linewidget {
424 position: relative;
425 z-index: 2;
426 padding: 0.1px; /* Force widget margins to stay inside of the container */
427 }
428
429 .CodeMirror-widget {}
430
431 .CodeMirror-rtl pre { direction: rtl; }
432
433 .CodeMirror-code {
434 outline: none;
435 }
436
437 /* Force content-box sizing for the elements where we expect it */
438 .CodeMirror-scroll,
439 .CodeMirror-sizer,
440 .CodeMirror-gutter,
441 .CodeMirror-gutters,
442 .CodeMirror-linenumber {
443 -moz-box-sizing: content-box;
444 box-sizing: content-box;
445 }
446
447 .CodeMirror-measure {
448 position: absolute;
449 width: 100%;
450 height: 0;
451 overflow: hidden;
452 visibility: hidden;
453 }
454
455 .CodeMirror-cursor {
456 position: absolute;
457 pointer-events: none;
458 }
459 .CodeMirror-measure pre { position: static; }
460
461 div.CodeMirror-cursors {
462 visibility: hidden;
463 position: relative;
464 z-index: 3;
465 }
466 div.CodeMirror-dragcursors {
467 visibility: visible;
468 }
469
470 .CodeMirror-focused div.CodeMirror-cursors {
471 visibility: visible;
472 }
473
474 .CodeMirror-selected { background: #d9d9d9; }
475 .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
476 .CodeMirror-crosshair { cursor: crosshair; }
477 .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
478 .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }
479
480 .cm-searching {
481 background-color: #ffa;
482 background-color: rgba(255, 255, 0, .4);
483 }
484
485 /* Used to force a border model for a node */
486 .cm-force-border { padding-right: .1px; }
487
488 @media print {
489 /* Hide the cursor when printing */
490 .CodeMirror div.CodeMirror-cursors {
491 visibility: hidden;
492 }
493 }
494
495 /* See issue #2901 */
496 .cm-tab-wrap-hack:after { content: ''; }
497
498 /* Help users use markselection to safely style text background */
499 span.CodeMirror-selectedtext { background: none; }
500 #wpbody-content>*:not(#wpupg-template,.wpupg-wrap),#wpfooter{display:none}#update-nag,.update-nag,.updated,.error,.is-dismissible{display:none}.rtl #wpupg-template-main .wpupg-setting-required{border-radius:3px;margin-left:0}#wpupg-template-menu,.wpupg-template-properties,.wpupg-main-container{background-color:white;border-radius:5px}#wpupg-template-buttons{text-align:center;padding-top:10px;background-color:white;border-radius:5px}#wpupg-template-buttons p{font-weight:bold;margin-top:0}#wpupg-template-buttons button{display:inline-block;margin:0 3px;margin-bottom:10px}#wpupg-template-main .wpupg-main-container{padding:0 25px 25px 25px;margin-bottom:20px}#wpupg-template-main .wpupg-main-container:last-child{margin-bottom:0}#wpupg-template-main .wpupg-main-container-name{text-align:center}#wpupg-template-main .wpupg-main-container-name{padding:20px 10px 0 10px;padding-bottom:0;margin:5px 0;font-size:1.8em;font-weight:400}@media screen and (min-width: 783px){.rtl #wpupg-template-main{margin-right:225px;margin-left:0}#wpupg-template-sidebar{position:fixed;width:200px;max-height:calc(100% - 50px);overflow-y:scroll}#wpupg-template-main{margin-left:225px}}@media screen and (min-width: 1024px){.rtl #wpupg-template-main{margin-right:275px;margin-left:0}#wpupg-template-sidebar{width:250px}#wpupg-template-main{margin-left:275px}}
501