ekit-layout-library.css
1 lines
| 1 | #ekitLayoutLibrary>.dialog-widget-content{width:100%;max-width:1400px}#ekitLayoutLibrary .ekit__logo__title{font-size:16px;font-weight:700;text-transform:capitalize}.ekit-layout-library--banner{display:block;margin-bottom:30px}.ekit-layout-library--banner>img{display:block;width:100%;border-radius:4px}.ekit-layout-library--header>div{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.ekit-layout-library--header>.elementor-templates-modal__header__menu-area{position:relative;min-width:400px;z-index:0}.ekit-layout-library--header>.elementor-templates-modal__header__menu-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden;z-index:1}.ekit-layout-library--header>.elementor-templates-modal__header__menu-area[data-disabled=true]:before{visibility:visible}.ekit-layout-library--header #elementor-template-library-header-preview-insert-wrapper .elementor-go-pro{background-color:#f2295b}.ekit-layout-library--logo{padding-left:0}.ekit-layout-library--logo>div{padding-left:15px;cursor:default}.ekit-layout-library--logo .e-logo-wrapper{width:30px;height:30px;padding:0;background-color:#f2295b}.ekit-layout-library--logo .e-logo-wrapper>img{display:block;width:12px;height:12px;margin:9px auto 0}.ekit-layout-library--logo #elementor-template-library-header-preview-back{display:inline-block;min-height:50px;padding-left:15px;text-transform:capitalize}.ekit-layout-library--logo #elementor-template-library-header-preview-back>span{vertical-align:1px}.ekit-layout-library--live{margin-right:12px;color:#fff;font-size:12px;font-weight:400;-webkit-transition:color .3s;transition:color .3s}.ekit-layout-library--live:hover{color:rgba(255,255,255,.75)}.ekit-layout-library--live>i{margin-right:3px}.ekit-layout-library--loading{position:absolute;top:50px;left:0;right:0;bottom:0;background-color:#34383c;-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.1);box-shadow:inset 0 0 8px rgba(0,0,0,.1);z-index:2;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.elementor-templates-modal .ekit-layout-library--loading{display:block}.ekit-layout-library--loading .elementor-loader-box{left:0;right:auto}.ekit-layout-library--loading .elementor-loader-box:nth-of-type(1){height:60%;top:4px;left:auto;right:-5px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transform-origin:top;transform-origin:top}.ekit-layout-library--loading .elementor-loader-box:nth-of-type(1):before{content:" ";position:absolute;top:22px;left:16px;width:100%;height:100%;background-color:#d5dadf;-webkit-transform:rotate(109deg);transform:rotate(109deg)}.ekit-layout-library--loading .elementor-loader-box:nth-of-type(3){width:35%}.ekit-layout-library--loading[hidden]{opacity:0;visibility:hidden}.ekit-layout-library--preview{padding-bottom:25px}.ekit-layout-library--preview>img{display:block;width:100%}.ekit-layout-library--cats{position:relative;text-align:left;z-index:1}.ekit-layout-library--cats-label{display:block;position:relative;width:135px;padding-left:8px;padding-right:20px;background-color:#404349;border:1px solid #d5dadf;border-radius:3px;font-size:12px;line-height:25px;text-align:left;cursor:pointer;z-index:0}.ekit-layout-library--cats-label:before{content:"";position:absolute;top:10px;right:7px;border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0 4px}.ekit-layout-library--cats:hover>.ekit-layout-library--cats-label{border-radius:3px 3px 0 0}.ekit-layout-library--cats-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:absolute;top:100%;max-height:485px;overflow-y:auto;margin-top:-1px;padding:9px 0 11px;background-color:#404349;border:1px solid #d5dadf;border-radius:0 3px 3px 3px;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.ekit-layout-library--cats-list>li{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:33.333333%;padding:4px 13px;font-size:12px}.ekit-layout-library--cats-list>li>span{-webkit-transition:color .3s;transition:color .3s;cursor:pointer}.ekit-layout-library--cats-list>li>span:hover{color:#fff}.ekit-layout-library--cats:hover>.ekit-layout-library--cats-list{opacity:1;visibility:visible}.ekit-layout-library--templates{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:25px -15px}.ekit-layout-library--template{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;width:25%;padding-left:15px;padding-right:15px}.ekit-layout-library--template-block{position:relative;width:100%;margin-bottom:30px;padding:8px;background-color:#404349;border-radius:3px;-webkit-box-shadow:0 1px 20px 0 rgba(0,0,0,.07);box-shadow:0 1px 20px 0 rgba(0,0,0,.07);text-align:left;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;z-index:0}.ekit-layout-library--template-block[data-type=free]{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.ekit-layout-library--thumb{position:relative;z-index:0}.ekit-layout-library--thumb:before{content:"\e92e";position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#d5dadf;background-color:rgba(0,0,0,.5);font-family:eicons;font-size:20px;font-weight:400;line-height:20px;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;cursor:pointer;z-index:1}.ekit-layout-library--thumb:hover:before{opacity:1;visibility:visible}.ekit-layout-library--thumb img{display:block;width:100%}.ekit-layout-library--action{display:block;position:absolute;left:8px;bottom:0;padding:7px 0 10px;color:#fff;background-color:#404349;border-width:0;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:14px;opacity:0;visibility:hidden;-webkit-transition:color .3s,opacity .3s,visibility .3s;transition:color .3s,opacity .3s,visibility .3s;cursor:pointer;z-index:1}.ekit-layout-library--action:hover{color:rgba(255,255,255,.75)}.ekit-layout-library--action.ekit-layout-library--insert{color:#39b54a}.ekit-layout-library--action.ekit-layout-library--insert:hover{color:#39b54a}.ekit-layout-library--action>i{margin-right:10px}.ekit-layout-library--template-block:hover>.ekit-layout-library--action{opacity:1;visibility:visible}.ekit-layout-library--title{margin-bottom:0;padding-top:5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;-webkit-transition:opacity .3s;transition:opacity .3s}.ekit-layout-library--template-block:hover>.ekit-layout-library--title{opacity:0}.ekit-layout-library--groups .ekit-layout-library--template-block:not([data-count="1"]):after,.ekit-layout-library--groups .ekit-layout-library--template-block:not([data-count="1"]):before{position:absolute;pointer-events:none}.ekit-layout-library--groups .ekit-layout-library--template-block:not([data-count="1"]):before{content:"";top:10px;left:10px;width:100%;height:100%;background-color:inherit;border-radius:inherit;opacity:.35;z-index:-1}.ekit-layout-library--groups .ekit-layout-library--template-block:not([data-count="1"]):after{content:attr(data-count);right:10px;bottom:7px;padding:2px 8px 0;color:#fff;background-color:rgba(0,0,0,.45);border-radius:25px;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.15);box-shadow:inset 0 3px 5px rgba(0,0,0,.15);font-size:11px;text-align:center;z-index:1}.ekit-layout-library--groups .ekit-layout-library--thumb{position:relative;padding-bottom:125%;z-index:0}.ekit-layout-library--groups .ekit-layout-library--thumb img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.ekit-layout-library--groups .ekit-layout-library--title{padding-right:25px}.ekit-layout-library--groups .ekit-layout-library--template-block:hover>.ekit-layout-library--title{opacity:1}.ekit-layout-library--search>i{cursor:pointer}.ekit-layout-library--search>i:hover{opacity:.75}@media (prefers-color-scheme:light){.ekit-layout-library--live{color:#64666a}.ekit-layout-library--live:hover{color:#f2295b}.ekit-layout-library--cats-label{background-color:#fff}.ekit-layout-library--cats-list{background-color:#fff}.ekit-layout-library--cats-list>li>span:hover{color:#4a4a4a}.ekit-layout-library--loading{background-color:#f1f3f5}.ekit-layout-library--template-block{background-color:#fff}.ekit-layout-library--groups .ekit-layout-library--template-block:not([data-count="1"]):after{background-color:rgba(0,0,0,.75)}.ekit-layout-library--action{color:#64666a;background-color:#fff}.ekit-layout-library--action:hover{color:#f2295b}}@media (max-width:479px){.ekit-layout-library--template{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.ekit-layout-library--cats-list>li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}}@media (min-width:480px){.ekit-layout-library--template{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%}.ekit-layout-library--cats-list>li{-webkit-box-flex:0;-ms-flex:0 0 33.33%;flex:0 0 33.33%}}@media (min-width:768px){.ekit-layout-library--template{-webkit-box-flex:0;-ms-flex:0 0 33.33%;flex:0 0 33.33%}.ekit-layout-library--cats-list>li{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}}@media (min-width:992px){.ekit-layout-library--template{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}.ekit-layout-library--cats-list>li{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%}} |