Current Path : /home/bitrix/vorobey-clubru/bitrix/js/fileman/block_editor/ |
Current File : /home/bitrix/vorobey-clubru/bitrix/js/fileman/block_editor/dialog.css |
/* WYSIWUG BUGFIXES */ .bxhtmled-top-bar-wrap{display: inline;} .bx-block-editor-container{ color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; top: 0; left: 0; bottom: 0; height: 100%; font-size: 13px; width: 100%; z-index: 1000; /* background-color: #EBEBEB;*/ } /*SHADOW*/ /*.bx-block-editor-container .shadow{ vertical-align: middle; width: 100%; height: 100%; z-index: 500; cursor: pointer; display: none; position: absolute; background-color: rgba(255, 255, 255, 0.9); } .bx-block-editor-container .shadow .edit-text{ text-align: center; background-color: rgba(25, 25, 25, 0.85); color: #FFF; font-size: 20px; padding: 60px; position: absolute; left: 0; right: 0; top: 50%; margin-top: -75px; } .bx-block-editor-container .shadow.active{ display: block; }*/ /* .bx-block-editor-container .shadow:hover{ background-color: rgba(133, 137, 140, 0.69); border: 2px solid #828282; } .bx-block-editor-container .shadow:hover .edit-text{ padding: 60px; display: block; } */ /*BUTTON PANEL*/ .bx-block-editor-container .button-panel{ /* padding: 10px; outline: 1px solid rgb(201, 201, 201);*/ /* display: none; background-color: #EFF7FF; */ } .bx-block-editor-container .button-panel { background: url("/bitrix/images/fileman/block_editor/bx-admin-tabs-border-fon.png") repeat-x 0 bottom; margin: -4px 0 -2px; padding: 0 0 0 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*padding-right: 40px;*/ } .bx-editor-block-btn { background: url("/bitrix/panel/main/images/bx-admin-sprite-small-1.png") repeat-x 0 -2525px; display: inline-block; border-radius: 4px 4px 0 0; border: 1px solid; border-color: #d2dbdd #bec6c8; border-bottom: none; -webkit-box-shadow: inset 0 1px 0 0 #fff; box-shadow: inset 0 1px 0 0 #fff; color: #3f4b54; cursor: pointer; height: 25px; font-size: 13px; font-weight: bold; margin: 10px 6px 8px 0; text-shadow: 0 1px #fff; position: relative; padding: 8px 15px 0; vertical-align: top; } .bx-editor-block-btn-active { background-position: 0 -2473px; color: #000; margin: 4px 6px 8px 0; height: 26px; padding-top: 13px; position: relative; cursor: default; z-index: 2; } .bx-block-editor-container .button-panel span{ /* display: inline-block; text-align: center; cursor: pointer; margin-left: 50px; border-bottom: dashed 1px #4394ED; color: #4394ED;*/ /* padding: 7px; background-color: #96BDD8; min-width: 60px; border-radius: 15px; color: white; font-weight: bold; */ } .bx-block-editor-container .button-panel span.bx-editor-block-btn-close{ float: right; margin-right: 12px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAD1BMVEX///9/hY5/ho6Aho6Aho9Hg+/yAAAAAXRSTlMAQObYZgAAADdJREFUeNpNjkEOACAIw5zt/9+sMXG6cGgJEMaLF9iFVwx0RMuD8IvHkPl1p6kELZteOot5XzQLKq8AiGfbYN8AAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: center; cursor: pointer; display: none; width: 20px; height: 20px; margin-top: 16px; } .editing.bx-block-editor-container .button-panel span.bx-editor-block-btn-close{ display: block; } .bx-block-editor-container .button-panel span.bx-editor-block-btn-full{ float: right; margin-right: 12px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAD1BMVEX///9/hY5/ho6Aho6Aho9Hg+/yAAAAAXRSTlMAQObYZgAAADNJREFUeNpNirENACAAg6zw/806aLXpAAnjDJmM2jSVoGXjzWRTsyaP2McrBpoo7Qm/WFspRwCI89a3+AAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center; cursor: pointer; display: block; width: 20px; height: 20px; margin-top: 16px; } .editing.bx-block-editor-container .button-panel span.bx-editor-block-btn-full{ display: none; } .bx-block-editor-container .edit-panel, .bx-block-editor-container .preview-panel, .bx-block-editor-container .get-html-panel, .bx-block-editor-container .save-template-panel{ display: none; width: 100%; min-width: 640px; padding: 10px; } /*EDIT PANEL*/ .bx-block-editor-container .edit-panel, .bx-block-editor-container .preview-panel, .bx-block-editor-container .get-html-panel{ display: inline-flex; position: relative; background-color: #fff; border-radius: 0 0 4px 4px; border: 1px solid #ced7d8; border-top: none; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-ie .bx-block-editor-container .edit-panel, .bx-ie .bx-block-editor-container .preview-panel, .bx-ie .bx-block-editor-container .get-html-panel{ display: block; } .editing.bx-block-editor-container .bx-editor-block-panel.preview-panel, .editing.bx-block-editor-container .bx-editor-block-panel.edit-panel{ height: 100%; display: block; } .editing.bx-block-editor-container .edit-panel .preview-panel, .editing.bx-block-editor-container .edit-panel .visual-part{height: 100%;} .bx-block-editor-container .edit-panel .visual-part{ min-width: 640px; height: 800px; background-color: #F2F2F2; outline: 1px solid rgb(201, 201, 201); vertical-align: top; width: 100%; -webkit-transition: width 0.2s ease-in-out; -moz-transition: width 0.2s ease-in-out; -ms-transition: width 0.2s ease-in-out; -o-transition: width 0.2s ease-in-out; transition: width 0.2s ease-in-out; } .bx-ie .bx-block-editor-container .edit-panel .visual-part{ width: 85% !important; float: left; } .bx-block-editor-container .edit-panel .dialog-part{ outline: 1px solid rgb(201, 201, 201); position: relative; min-width: 185px; display: block; overflow-x: hidden; overflow-y: auto; vertical-align: top; outline: 1px solid rgb(201, 201, 201); position: relative; background: #f1f4f4; } .bx-ie .bx-block-editor-container .edit-panel .dialog-part{ width:15%; float: left; min-width: auto; height: 800px; } .bx-block-editor-container.editing .edit-panel .dialog-part{ position: absolute; top: 0; right: 0; bottom: 0; } .bx-block-editor-container .edit-panel .block-edit-cont{ min-height: 500px; padding: 10px; min-width: 440px; width: 100%; max-width: 600px; height: 100%; display: none; position: absolute; z-index: 30; background-color: #fff; overflow: hidden; box-shadow: -9px 0px 10px -10px rgba(0,0,0,0.7); top: 0; bottom: 0; right: -100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .bx-block-editor-container .edit-panel .block-edit-cont.show-tools { right: 0; display: block; } .block-list-cont{ background: #f1f4f4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; width: 100%; position: absolute; z-index: 20; top: 0; bottom: 0; } .block-list-cont .block-pager{ float: none; text-align: center; position: absolute; bottom: 20px; width: 100%; } .bx-editor-block-panel{ padding: 0 0 20px!important; border-top: 1px solid #ced7d8 !important; } .bx-editor-block-form-head{ position: relative; height: 40px; } .bx-editor-block-form-head-btn{ position: absolute; left: 10px; top: 5px; height: 20px; line-height: 20px; vertical-align: middle; } .bx-editor-block-tools-btn{ color: #6b7987; font-weight: bold; font-size: 13px; text-decoration: none; margin-right: 10px; cursor: pointer; } .bx-editor-block-tools-btn:hover{ text-decoration: none; color: #333; } .bx-editor-block-tools-close:before{ content: ""; display: inline-block; width: 20px; height: 20px; line-height: 20px; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAFVBMVEVHWGj///9HWGhHWGhHWGhHWGhHWGhQjYYWAAAAB3RSTlMAAGhpnJ3MGDxVBQAAAEBJREFUeNp1jNEOADAEAw3z/588Nolo5l6kFy0tgPI4XaiCMBvF64cIJiF24fqQzFVhz32DGUadEmqJotj/CnAAuhwBfEb0ekYAAAAASUVORK5CYII=); } .bx-editor-block-tools-cancel:before{ content: ""; display: inline-block; width: 20px; height: 20px; line-height: 20px; vertical-align: middle; background-position: center; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVHWGj///9HWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhHWGhR1u8eAAAADnRSTlMAADIzODk6YWKZsLHKzMAL16IAAABOSURBVHjabczRDoAgDEPRIugU7P//rnODIIv38SQtUggJVgAJIFxBSIxeEPZqcTg5urOBik8uVgMVh0w6qBhsE/CdmPTTY4W2w2H2D6EHnk8DB1j4dnIAAAAASUVORK5CYII=); } .bx-editor-block-tools-close:hover:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAFVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAACWttmcAAAABnRSTlMAAIKDw8S2W17cAAAAQElEQVR42nWM0Q4AMAQDDfP/nzw2iWjmXqQXLS2A8jhdqIIwG8XrhwgmIXbh+pDMVWHPfYMZRp0Saomi2P8KcAC6HAF8RvR6RgAAAABJRU5ErkJggg==); } .bx-editor-block-tools-cancel:hover:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD1lHmjAAAADXRSTlMAAD9ARkdJeXq/3N38SXNyewAAAE5JREFUeAF1zFEOgDAIg2HmVHTa+19XpJgFEv/HL2mllaQJy6AFFBkUBtELimishANfd3cw4eTEcDAhdIBg4rAEsDlxidM9w7UJYfYDuQebnQMEm0dTyAAAAABJRU5ErkJggg==); } .block-edit-tabs{ position: absolute; right: 10px; top: 5px; height: 20px; line-height: 20px; vertical-align: middle; text-align: right; } .bx-block-editor-container .edit-panel .bx-editor-block-tab{ font-size: 13px; color: #728aae; font-weight: bold; cursor: pointer; border-bottom: 1px dashed; margin: 0 10px; } .bx-block-editor-container .edit-panel .bx-editor-block-tab:hover{ border-bottom: 1px solid; } .bx-block-editor-container .edit-panel .bx-editor-block-tab.active{ color: #000; border-bottom: 1px dashed transparent; } .bx-block-editor-container .edit-panel .block-edit-form-empty{ display: none; } .bx-block-editor-container .edit-panel .block-edit-form-empty.active{ display: block; } .bx-block-editor-container .edit-panel .block-edit-form { max-height: 600px; min-width: 440px; overflow-y: auto; overflow-x: hidden; margin-right: 20px; } /*EDITING MODE*/ .bx-block-editor-container.editing{ position: fixed; background-color: #E5EEF0; } .bx-block-editor-container.editing .edit-panel .dialog-part{ display: block; } .bx-block-editor-container.editing .button-panel{ display: block; } /* .bx-block-editor-container.editing .shadow{ display: none; } */ /*OTHER*/ ul.bx-block-editor-i-place-list{ list-style: none; margin: 0; padding: 0; } ul.bx-block-editor-i-place-list li{ font-size: 13px; margin: 0; padding: 5px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; cursor: pointer; } ul.bx-block-editor-i-place-list li:hover{ background-color: #1485ce; color: white; } ul.bx-block-editor-i-block-list{ display: none; text-align: center; list-style: none; margin: 0; padding: 0; } ul.bx-block-editor-i-block-list:first-of-type{ display: block; } ul.bx-block-editor-i-block-list li{ margin: 0 3px 5px; border: none !important; text-align: center !important; /*float: left;*/ display: inline-block; width: 65px; cursor: -webkit-grab; } ul.bx-block-editor-i-block-list li.bx-editor-type-component div{ background: none; background-size: 0; padding-top: 33px; background-color: #BCB2F7; border: 1px solid #d0d0d0; } ul.bx-block-editor-i-block-list li .bx-block-editor-i-block-list-item-icon { background: #fff url(/bitrix/images/fileman/block_editor/block_editor_blocks.png) no-repeat 100px 100px; font-size: inherit; display: block; color: inherit; width: 65px; height: 65px; background-size: 65px auto; border: 1px solid #d0d0d0; border-radius: 2px; } ul.bx-block-editor-i-block-list li:hover .bx-block-editor-i-block-list-item-icon{ border: 1px solid #1485ce; box-shadow: inset 0 0 0 1px #1485ce; } ul.bx-block-editor-i-block-list li.bx-editor-type-component:hover .bx-block-editor-i-block-list-item-icon{ border-color: #9fbe38; box-shadow: inset 0 0 0 1px #9fbe38; } ul.bx-block-editor-i-block-list li.bx-editor-typecode-text .bx-block-editor-i-block-list-item-icon{background-position:center 0;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-footer .bx-block-editor-i-block-list-item-icon{background-position:center -65px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-line .bx-block-editor-i-block-list-item-icon{background-position:center -130px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-boxedimage .bx-block-editor-i-block-list-item-icon{background-position:center -195px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-image .bx-block-editor-i-block-list-item-icon{background-position:center -260px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-imagegroup .bx-block-editor-i-block-list-item-icon{background-position:center -325px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-imagetext .bx-block-editor-i-block-list-item-icon{background-position:center -390px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-code .bx-block-editor-i-block-list-item-icon{background-position:center -520px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-button .bx-block-editor-i-block-list-item-icon{background-position:center -650px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-bigdata-recommends-mail .bx-block-editor-i-block-list-item-icon{background-position:center -780px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-sale-personal-order-detail-mail .bx-block-editor-i-block-list-item-icon{background-position:center -975px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-catalog-top-mail .bx-block-editor-i-block-list-item-icon{background-position:center -1040px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-sale-discount-coupon-mail .bx-block-editor-i-block-list-item-icon{background-position:center -1170px} ul.bx-block-editor-i-block-list li.bx-editor-typecode-social .bx-block-editor-i-block-list-item-icon{background-position:center -1235px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-bitrix-sale-basket-basket-small-mail .bx-block-editor-i-block-list-item-icon{background-position:center -1300px;} ul.bx-block-editor-i-block-list li.bx-editor-typecode-boxedtext .bx-block-editor-i-block-list-item-icon{background-position:center -1365px;} ul.bx-block-editor-i-block-list li.bx-editor-type-component .bx-block-editor-i-block-list-item-icon { background-color: #fcfff3; background-position: center -1430px; } ul.bx-block-editor-i-block-list .bx-block-editor-i-block-list-item-name{ /*font-weight: 600;*/ font-size: 11px; display: block; overflow: hidden; text-overflow: ellipsis; width: 100%; white-space: nowrap; } /* PREVIEW */ .bx-block-editor-preview-container{ display: none; top: 0; left: 0; background-color: #fff; height: 100%; width: 100%; } /*SHADOW*/ .bx-block-editor-preview-container .devices{ text-align: center; padding-top: 12px; background: #f7f9f9; padding-bottom: 10px; border-bottom: 1px solid #edeef0; } .bx-block-editor-preview-container .devices .device{ padding: 3px 10px; text-align: center; display: inline-block; color: #888888; font-size: 11px; line-height: 25px; text-decoration: none; cursor: pointer; border-radius: 2px; vertical-align: middle; } .bx-block-editor-preview-container .devices .device:before{ content: ""; display: inline-block; width: 25px; height:24px; line-height: 25px; vertical-align: middle; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center } .bx-block-editor-preview-container .devices .device.phone:before{ background-image: url(/bitrix/images/fileman/block_editor/device_phone.png); width: 13px; } .bx-block-editor-preview-container .devices .device.tablet:before{ background-image: url(/bitrix/images/fileman/block_editor/device_tablet.png); width: 18px; } .bx-block-editor-preview-container .devices .device.desktop:before{ background-image: url(/bitrix/images/fileman/block_editor/device_desktop.png); width: 41px; } .bx-block-editor-preview-container .devices .device.active{ box-shadow: 0 0 0 2px #2aace2; background: #eff6fb; } .bx-block-editor-preview-container .devices .device span{ line-height: 25px; display: inline-block; vertical-align: middle; } .bx-block-editor-preview-container .devices div .rotate{ font-size: 10px; } /*SHADOW*/ .bx-block-editor-container .shadow{ vertical-align: middle; width: 100%; height: 100%; z-index: 40; cursor: pointer; display: none; /*border: 2px solid #828282;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(255,255,255,.9); position: absolute; left: 0; top: 0; bottom: 0; right: 0; } .bx-block-editor-container .shadow .edit-text{ width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: url(/bitrix/images/fileman/block_editor/waiter-iphone.gif) no-repeat center; } .bx-block-editor-container .shadow .error-text{ height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; display: none; font-size: 16px; } .bx-block-editor-container .shadow.access-denied .edit-text{ display: none; } .bx-block-editor-container .shadow.access-denied .error-text{ display: block; } .bx-block-editor-container .shadow.active{ display: block; } /* PREVIEW PHONE */ .bx-block-editor-preview-container .iframe-wrapper { /*border: solid 1px #000000;*/ margin-top: 30px; position: relative; display: inline-block; border-style: solid; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; -webkit-border-image: url(/bitrix/images/fileman/block_editor/tablet_frame.png) 41 27 73 repeat; -moz-border-image: url(/bitrix/images/fileman/block_editor/tablet_frame.png) 41 27 73 repeat; -o-border-image: url(/bitrix/images/fileman/block_editor/tablet_frame.png) 41 27 73 repeat; border-image: url(/bitrix/images/fileman/block_editor/tablet_frame.png) 41 27 73 fill repeat; } .bx-ie .bx-block-editor-preview-container .iframe-wrapper{ -ms-border-image: none !important; border-image: none !important; border: 4px double #3d3d3d !important; } .bx-block-editor-preview-container .iframe-wrapper iframe{ -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .bx-block-editor-preview-container .iframe-wrapper.phone{ border-width: 20px 15px 50px; } .bx-block-editor-preview-container .iframe-wrapper.phone:after, .bx-block-editor-preview-container .iframe-wrapper.phone:before{ content: ""; display: block; border: 1px solid #dfdfdf; left: 50%; position: absolute; bottom: -40px; } .bx-ie .bx-block-editor-preview-container .iframe-wrapper.phone:after, .bx-ie .bx-block-editor-preview-container .iframe-wrapper.phone:before{display: none;} .bx-block-editor-preview-container .iframe-wrapper.tablet:after, .bx-block-editor-preview-container .iframe-wrapper.phone:after{ width: 30px; height: 30px; border-radius: 50%; margin-left: -15px; z-index: 1; } .bx-block-editor-preview-container .iframe-wrapper.tablet:before, .bx-block-editor-preview-container .iframe-wrapper.phone:before{ width: 12px; height:12px; border-radius: 3px; margin-left: -6px; z-index: 2; margin-bottom: 9px; } .bx-block-editor-preview-container .iframe-wrapper.tablet{ border-width: 41px 27px 73px; } .bx-block-editor-preview-container .iframe-wrapper.tablet:after, .bx-block-editor-preview-container .iframe-wrapper.tablet:before{ content: ""; display: block; border: 1px solid #dfdfdf; left: 50%; position: absolute; bottom: -50px; } .bx-block-editor-preview-container .iframe-wrapper.tablet:after{ width: 30px; height: 30px; border-radius: 50%; margin-left: -15px; z-index: 1; } .bx-block-editor-preview-container .iframe-wrapper.tablet:before{ width: 12px; height:12px; border-radius: 3px; margin-left: -6px; z-index: 2; margin-bottom: 9px; } .bx-block-editor-preview-container .iframe-wrapper.desctop{ border-width: 41px 27px 73px; } .bx-block-editor-preview-container .iframe-wrapper iframe { border: none; width: 320px; height: 480px; } /* EDIT DIALOG */ .bx-editor-block-tools{ display: none; padding: 5px 0 5px 5px; width: 100%; margin-bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-editor-block-tools .caption{ font-weight: bold; background-color: #F0F8FF; padding: 10px; color: #505d66; text-shadow:1px 0 1px #fff; margin-bottom: 10px; } .bx-editor-block-tools .item{ } .bx-editor-block-tools .item .column{ margin-bottom: 10px; /*display: none;*/ } .bx-editor-block-tools .item .column span{ margin-right: 10px; text-decoration: none; border-bottom: dashed 1px #7fbeff; color: #7fbeff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .bx-editor-block-tools .item .column span.active{ border-bottom: dashed 0 #7fbeff; color: #000000; cursor: default; } .bx-editor-block-tabs { font-size: 0; text-align: center; margin-bottom: 10px; } .bx-editor-block-tabs .tab { background-image: -webkit-linear-gradient(top, #f0f2f4, #d2dcde); background-image: linear-gradient(to bottom, #f0f2f4, #d2dcde); border: 1px solid; border-color: #9faaad #8c999c #778788; border-left: none; border-radius: 0 3px 3px 0; color: #3f4b54; cursor: pointer; display: inline-block; font-size: 13px; font-weight: bold; height: 34px; line-height: 34px; min-width: 40px; padding: 0 10px; text-align: center; text-shadow: 0 1px #fff; vertical-align: top; } .bx-editor-block-tabs .tab:first-child { border-left: 1px solid #8c999c; border-right: none; border-radius: 3px 0 0 3px; } .bx-editor-block-tabs .tab.active { background-image: -webkit-linear-gradient(top, #637079, #909ba2, #a8b2b8); background-image: linear-gradient(to bottom, #637079, #909ba2, #a8b2b8); border-left: 1px solid; border-color: #3a4348 #62696e #868d92; -webkit-box-shadow: inset 2px 0 4px rgba(0, 0, 0, 0.27); box-shadow: inset 2px 0 4px rgba(0, 0, 0, 0.27); color: #fff; text-shadow: 0 1px 1px rgba(73,83,91,0.5); } .bx-editor-block-tabs .tab.active:first-child { border-right: 1px solid #62696e; } .edit-panel-tabs-style{ display: none; } .bx-editor-color-picker{ width: 100px; height: 20px; } .bx-editor-color-picker-view{ margin-left: 10px; width: 23px; height: 23px; border: 1px solid #B1ACAC; display: inline-block; vertical-align: middle; } /*a.bx-editor-block-tools-cancel{ text-decoration: none; border-bottom: 1px dashed #000080; margin-left: 15px; cursor: pointer; padding: 10px; font-size: 14px; }*/ @media (max-width: 767px) { .stats ul li > div{ bottom: 2px; } }