admin.css

#chirs_custom_metabox{margin-top:1em;position:relative}#chirs_custom_metabox *{box-sizing:border-box}#chirs_custom_metabox label{display:inline-block;margin-bottom:8px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:#23282d;font-size:14px;font-weight:600}#chirs_custom_metabox #gradient-bg{width:calc(100% - 1px);height:40px;margin-bottom:15px;position:absolute;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjE5NEYyOEU0OTRCMTFFN0JFMTBGRjk3NkIzNTRGOUMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjE5NEYyOEY0OTRCMTFFN0JFMTBGRjk3NkIzNTRGOUMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MkNERDcwOTQ3ODgxMUU3QkUxMEZGOTc2QjM1NEY5QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MkNERDcwQTQ3ODgxMUU3QkUxMEZGOTc2QjM1NEY5QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoEv+qgAAAAGUExURczMzP///9ONFXYAAAAUSURBVAjXY2Bg+P+fgYoEdU1jAADtvT/B9LLNiwAAAABJRU5ErkJggg==);background-size:16px 16px}#chirs_custom_metabox #gradient{width:100%;height:40px;margin-bottom:15px;border:1px solid #ddd;box-sizing:border-box;position:relative}#chirs_custom_metabox .left{float:left}#chirs_custom_metabox .right{float:right}#chirs_custom_metabox input[type=text],#chirs_custom_metabox textarea{width:100%;font-size:14px;display:block}#chirs_custom_metabox input[type=text]{height:28px}#chirs_custom_metabox hr{margin:3em 0 2em}#chirs_custom_metabox .clearfix:after{content:" ";visibility:hidden;display:block;height:0;clear:both}#chirs_custom_metabox .meta-section{border:1px solid #ddd;margin-top:25px;padding:20px 12px 12px 12px;position:relative}#chirs_custom_metabox .meta-section>label{position:absolute;top:0;left:6px;transform:translateY(-50%);background-color:#fff;padding:0 6px}#chirs_custom_metabox .meta-section .meta-section-column{float:left;width:calc((100% - 48px)/ 11 * 2);margin-right:12px;border:1px solid #ddd;margin-top:8px;padding:20px 12px 12px 12px;position:relative}#chirs_custom_metabox .meta-section .meta-section-column:last-child{width:calc((100% - 48px)/ 11 * 3);margin-right:0}@media (max-width:850px){#chirs_custom_metabox .meta-section .meta-section-column{width:100%!important;margin-right:0;margin-bottom:12px}}#chirs_custom_metabox .meta-section .meta-section-column input[type=text]{margin-bottom:12px}#chirs_custom_metabox .meta-section .meta-section-column textarea{height:60px}#chirs_custom_metabox .meta-section .meta-section-column>label:first-child{position:absolute;top:0;left:6px;transform:translateY(-50%);background-color:#fff;padding:0 6px}