2 lines
6.1 KiB
CSS
2 lines
6.1 KiB
CSS
|
.kadence-blocks-image-picker{width:100%;height:100%}.kadence-blocks-image-picker .kadence-blocks-image-picker-wrapper,.kadence-blocks-image-picker .kadence-blocks-image-picker-router,.kadence-blocks-image-picker .kadence-blocks-image-picker-contents{width:100%;height:100%}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents{display:grid;grid-template-columns:1fr 300px;grid-template-rows:min-content 1fr}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-search-container{order:1;background:#f6f7f7;border-bottom:1px solid #dcdcde;padding:10px}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-search-container input{width:100%;height:38px}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-search-container .components-button.kb-pexels-search-send{border-radius:2px;padding:0 0 0 12px;height:38px}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container{order:3;overflow:auto;padding:10px 10px 0 10px}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .kb-css-masonry{margin-left:-10px;display:flex;width:auto;margin-top:15px}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .kb-css-masonry_column{padding-left:10px;background-clip:padding-box}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result{line-height:0;margin-bottom:10px;border-radius:5px}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result .result-wrap{position:relative}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result .image-wrap{padding:0;border:none;position:relative;line-height:0;min-height:0;max-height:none;height:auto;display:block;border:0;border-radius:0}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result .image-wrap:focus-visible .image-hover-container{visibility:visible;opacity:1}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result .image-wrap img{width:100%}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result .image-hover-container{opacity:0;visibility:none;position:absolute;pointer-events:none;top:0;height:100%;width:100%;background-color:rgba(0,88,176,.45);transition:all .2s ease-in-out}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result .download-button{background-color:#fff;border-radius:2px;padding:2px;position:absolute;bottom:10px;right:10px}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result .download-button.btn-already-downloaded{background-color:#65c774}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result:hover .image-hover-container,.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result.active .image-hover-container{visibility:visible;opacity:1}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-scroll-container .result.downloaded .download-button{background-color:#65c774}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-sidebar{order:2;display:flex;flex-direction:column;justify-content:space-between;grid-row:span 2;background:#f6f7f7;border-left:1px solid #dcdcde}.kadence-blocks-image-picker .kadence-blocks-image-picker-contents .kadence-blocks-image-picker-sidebar .result-details-container{padding:20px 16px;padding-bottom:0;overflow:auto}.kadence-blocks-image-picker .ka
|