.postbox[id*="powerkit-post-format"] { margin-top: 1rem; display: none; } .pk-post-format-media .search-input { width: 100%; font-size: 14px; line-height: 36px; height: 36px; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; font-family: inherit; cursor: text; } .pk-post-format-media .canvas { 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; position: relative; border: 1px solid #E5E5E5; background: #F5F5F5; margin-top: 5px; min-height: 200px; } .pk-post-format-media .canvas.load:before { display: none; } .pk-post-format-media .canvas:before { position: absolute; font-size: 32px; font-family: dashicons; color: #999999; content: "\f128"; z-index: 1; } .pk-post-format-media iframe { position: relative; width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; z-index: 2; } .pk-post-format-gallery { display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #DFDFDF; } .pk-post-format-gallery-main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .pk-post-format-gallery-attachments { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px; height: 300px; overflow: hidden; overflow-y: auto; } .pk-post-format-gallery-attachment { border: #DFDFDF solid 1px; position: relative; margin: 5px; width: 150px; height: 150px; background: #eee; cursor: pointer; } .pk-post-format-open .pk-post-format-gallery-attachment { width: 100px; height: 100px; } .pk-post-format-selected { -webkit-box-shadow: 0 0 0 3px #0073aa; box-shadow: 0 0 0 3px #0073aa; } .pk-post-format-gallery-attachment .thumbnail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; overflow: hidden; } .pk-post-format-gallery-attachment img { display: block; width: 100%; height: auto; } .pk-post-format-gallery-attachment .actions { position: absolute; top: -5px; left: -5px; display: none; } .pk-post-format-gallery-attachment:hover .actions { display: block; } .pk-post-format-gallery-remove { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 26px; width: 26px; border-color: transparent; background: #23282D; color: #eee; border-radius: 100%; font-size: 16px; line-height: 26px; text-align: center; text-decoration: none; vertical-align: top; } .pk-post-format-gallery-remove:before { position: relative; font-family: dashicons; width: 1em; line-height: 1em; text-align: center; text-decoration: none; content: "\f335"; } .pk-post-format-gallery-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #DFDFDF; padding: 15px; } .pk-post-format-gallery-side-inner { display: none; } .pk-post-format-gallery-side-data { border-right: 1px solid #DFDFDF; background: #F1F1F1; padding: 15px; width: 300px; height: 300px; overflow: hidden; overflow-y: auto; } .pk-post-format-gallery-side-data .spinner { visibility: visible; } .pk-post-format-gallery-side-data .form-table { border-top: 1px solid #DFDFDF; margin-top: 10px; } .pk-post-format-gallery-side-data .label { width: 100px; padding: 8px 0 0; vertical-align: top; } .pk-post-format-gallery-side-data .input { padding: 8px 0 0; } .pk-post-format-gallery-side-data input, .pk-post-format-gallery-side-data textarea { width: 100%; } .pk-post-format-gallery-side-data textarea { height: 60px; } .pk-post-format-gallery-side-toolbar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #DFDFDF; border-right: 1px solid #DFDFDF; padding: 15px; } .pk-post-format-gallery-side-info img { float: right; width: auto; max-width: 50px; max-height: 50px; margin: 0 0 1px 10px; background: #FFFFFF; padding: 3px; border: #DFDFDF solid 1px; border-radius: 1px; } .pk-post-format-gallery-side-info p { font-size: 13px; line-height: 15px; margin: 3px 0; word-break: break-all; color: #999999; } .pk-post-format-gallery-side-info strong { color: #000000; } .pk-post-format-highlight { border: #DFDFDF solid 1px; margin: 5px; width: 150px; height: 150px; background: #eee; } .pk-post-format-open .pk-post-format-highlight { width: 100px; height: 100px; } .pk-post-format-selected { -webkit-box-shadow: 0 0 0 3px #fff inset, 0 0 0 7px #0073aa inset !important; box-shadow: 0 0 0 3px #fff inset, 0 0 0 7px #0073aa inset !important; } .pk-post-format-selected .thumbnail { opacity: 0.25 !important; } .pk-post-format-selected button { display: none !important; }