.no-changeable .remove-btn-wrapper, .no-changeable .repeatable-actions { display: none !important; } .list-repeatable .sortable-placeholder { height: 42px; display: block; } .list-repeatable li { margin-bottom: 0; padding: 5px 0; } .list-repeatable .widget { margin-bottom: 0; } .list-repeatable .widget-top { background: #fff; } .list-repeatable .widget-top:after { clear: both; display: block; content: " "; } .list-repeatable .widget .widget-title-action .widget-action { text-decoration: none; position: relative; font-size: 16px; top: 12px; outline: none !important; box-shadow: none; -webkit-box-shadow: none; } .list-repeatable .widget .widget-title-action .widget-action::after { content: "\f140"; font-family: "dashicons"; } .list-repeatable .widget.explained .widget-title-action .widget-action::after { content: "\f142"; } .list-repeatable .widget .widget-inside { display: none; } .list-repeatable .widget.explained .widget-inside { display: block; } .list-repeatable .wp-picker-holder { position: absolute; z-index: 99; } .list-repeatable .item { margin-bottom: 15px; } .list-repeatable .item:first-child { margin-top: 15px; } .list-repeatable .item label { display: block; margin-bottom: 10px; } .list-repeatable .item .button_set label { display: inline-block; } .list-repeatable .item label.field-label { font-weight: 700; margin-bottom: 5px; } .list-repeatabl input:not([type="radio"]), .list-repeatabl input:not([type="checkbox"]), .list-repeatable .item select, .list-repeatable .item textarea { width: 100%; } .list-repeatable .item-media .actions, .repeatable-actions { text-align: right; margin-top: 10px; } .list-repeatable .thumbnail-image { margin-bottom: 10px; } .list-repeatable .thumbnail-image img { width: 100%; height: auto; } .repeatable-customize-control.show-display-field-only .widget-content .item { display: none; } .repeatable-customize-control.show-display-field-only .widget-content .item.item-show_section { display: block; margin-top: 15px; } .bloglo-customizer-button-wrapper input { margin-bottom: 15px; } .bloglo-editor-added .wp-js-editor-preview { padding: 0 10px; } .icon-wrapper { border: 1px solid #ccc; font-size: 24px; height: 40px; line-height: 40px; text-align: center; width: 40px; cursor: pointer; } .icon-wrapper i:before { font-size: 24px; height: 40px; line-height: 40px; text-align: center; width: 40px !important; } .c-icon-picker * { box-sizing: border-box; } .c-icon-picker { position: absolute; top: 0; left: 0; bottom: 0; display: block; width: 300px; background: #eee; border-right: 1px solid #ddd; -webkit-transition: all 0.5s; transition: all 0.5s; -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .c-icon-picker.ic-active { -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); } .c-icon-type-wrap { position: absolute; top: 10px; left: 10px; right: 10px; } .c-icon-type-wrap select { height: 30px; width: 100%; } .c-icon-search { position: absolute; top: 44px; left: 10px; right: 10px; } .c-icon-search input { width: 100%; height: 25px; } .c-icon-list { position: absolute; top: 88px; left: 0; right: 0; bottom: 13px; padding: 0 0 0 12px; overflow: auto; } .c-icon-list:after { clear: both; display: block; content: " "; } .c-icon-list i { font-size: 20px; line-height: 35px; color: #333; } .c-icon-list span { width: 34px; height: 34px; display: block; float: left; background: #fff; text-align: center; margin: 2px; cursor: pointer; } .c-icon-list span:hover { background: #0085ba; } .c-icon-list span:hover i { color: #fff; } .icon-wrapper.icon-editing { background: #f5f5f5; box-shadow: 0 0 2px rgba(30, 140, 190, 0.8); border-color: #5b9dd9; } @media (max-width: 700px) { .c-icon-picker { z-index: 99999; width: 100%; top: 50%; left: 0; border-top: 1px solid #ddd; border-right: 0 none !important; -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); } .c-icon-picker.ic-active { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }