%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/js/landing/css/ui/button/ |
Current File : /home/bitrix/www/bitrix/js/landing/css/ui/button/action_button.css |
.landing-ui-button-action { font-family: 'OpenSans-Semibold'; font-size: 12px; text-transform: uppercase; color: #000000; position: relative; background: rgba(255, 255, 255, .89); height: 39px; line-height: 37px; padding: 0 15px; border-radius: 0; transition: background 200ms ease, color 200ms ease; border: 1px #757D87 solid; } .landing-ui-button-action:hover, .landing-ui-button-action.landing-ui-active { background: rgba(255, 255, 255, .69); color: rgba(0, 0, 0, .3); } .landing-ui-button-action:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px; padding-left: 19px; } .landing-ui-button-action[data-id="content"] { border-right: none; } .landing-ui-button-action[data-id="style"] { border-left: none; } .landing-ui-button-action[data-id="style"], .landing-ui-button-action[data-id="remove"] { padding-right: 19px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .landing-ui-button-action[data-id="actions"] + .landing-ui-button-action[data-id="remove"] { border-radius: 0!important; } .landing-ui-button-action:last-of-type::after { display: none!important; } .landing-ui-button-action[data-id="style"].landing-ui-no-rounded { border-right: 1px rgba(0,0,0,.1) solid; } .landing-ui-button-action[data-id="style"] + .landing-ui-button-action[data-id="actions"] { border-top-right-radius: 20px; border-bottom-right-radius: 20px; padding-right: 29px; border-right: none; } .landing-ui-button-action[data-id="block_display_info"] { background: url("/bitrix/images/landing/false-button.svg") center center no-repeat; position: relative; top: 1px; width: 51px; height: 37px; border: none; text-align: right; padding-right: 10px; margin-left: -17px; transform: translateX(0) translateZ(0); z-index: -6; font-size: 14px; display: none; transition: opacity 200ms ease; } .landing-ui-button-action[data-id="block_display_info"]:hover { opacity: .8; } .l-d-lg-none ~ .landing-ui-panel-content-action .landing-ui-button-action[data-id="block_display_info"], .l-d-md-none ~ .landing-ui-panel-content-action .landing-ui-button-action[data-id="block_display_info"], .l-d-xs-none ~ .landing-ui-panel-content-action .landing-ui-button-action[data-id="block_display_info"] { display: inline-block; } .landing-ui-button-action[data-id="down"] { padding-left: 19px; border-right: 0; padding-right: 22px; } .landing-ui-button-action[data-id="down"] { border-right: none; } .landing-ui-button-action[data-id="up"] { border-right: none; border-left: none; } .landing-ui-button-action[data-id="up"]::after, .landing-ui-button-action[data-id="actions"]::after, .landing-ui-button-action[data-id="content"]::after, .landing-ui-button-action[data-id="content"]::before, .landing-ui-button-action[data-id="remove"]::after, .landing-ui-button-card-action:first-child::after { content: ''; position: absolute; right: 0; top: 8px; bottom: 8px; border-right: 1px rgba(0,0,0,.1) solid; } .landing-ui-button-action[data-id="content"]::before { left: 0; right: auto; } .landing-ui-button-action[data-id="down"]::before, .landing-ui-button-action[data-id="up"]::before { background: url("/bitrix/images/landing/arrow-down.svg"); width: 11px; height: 13px; content: ''; position: absolute; top: 50%; left: 19px; transform: translateY(-50%); } .landing-ui-button-action[data-id="up"] { } .landing-ui-button-action[data-id="up"]::before { transform: translate3d(-50%, -50%, 0) rotate(180deg); transform-origin: center center; left: 16px; } .landing-ui-button-action[data-id="remove"] { position: relative; padding-left: 22px; border-right: none; } .landing-ui-button-action[data-id="clone"] { position: relative; } .landing-ui-button-action[data-id="clone"] .landing-ui-button-text::before { background-image: url(data:image/svg+xml,%0A%3Csvg%20width%3D%2212px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2012%2012%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3C%21--%20Generator%3A%20Sketch%2047%20%2845396%29%20-%20http%3A//www.bohemiancoding.com/sketch%20--%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C/desc%3E%0A%20%20%20%20%3Cdefs%3E%3C/defs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Artboard%22%20transform%3D%22translate%28-230.000000%2C%20-41.000000%29%22%20fill%3D%22%23525C69%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Group-11%22%20transform%3D%22translate%28210.000000%2C%2029.000000%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-27%22%20x%3D%2220%22%20y%3D%2217%22%20width%3D%2212%22%20height%3D%222%22%3E%3C/rect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle-27-Copy%22%20transform%3D%22translate%2826.000000%2C%2018.000000%29%20rotate%28-90.000000%29%20translate%28-26.000000%2C%20-18.000000%29%20%22%20x%3D%2220%22%20y%3D%2217%22%20width%3D%2212%22%20height%3D%222%22%3E%3C/rect%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%20%20%20%20%3C/g%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E); background-repeat: no-repeat; background-position: center center; background-size: 10px; content: ''; width: 10px; height: 13px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } .landing-ui-button-action[data-id="remove"] .landing-ui-button-text { display: inline-block; } .landing-ui-button-action[data-id="remove"] .landing-ui-button-text::before { background: url("/bitrix/images/landing/bin.svg") center center no-repeat; content: ''; width: 10px; height: 13px; position: absolute; right: 19px; top: 50%; transform: translateY(-50%) translateZ(0); } .landing-ui-button-action[data-id="remove"] .landing-ui-button-text.landing-ui-hide-icon::before, .landing-ui-button-action[data-id="clone"] .landing-ui-button-text.landing-ui-hide-icon::before { display: none; } .landing-ui-button-action[data-id="clone"] { border-right: none; } .landing-ui-button-action[data-id="actions"] { padding-left: 20px; padding-right: 30px; border-left: none; border-right: none; } .landing-sidebar .landing-ui-button-action[data-id="actions"] .landing-ui-button-text, .landing-sidebar .landing-ui-button-action[data-id="content"] .landing-ui-button-text, .landing-sidebar .landing-ui-button-action[data-id="style"] .landing-ui-button-text { font-size: 0!important; } .landing-sidebar .landing-ui-button-action[data-id="actions"] { padding-left: 15px; padding-right: 25px; } .landing-sidebar .landing-ui-button-action[data-id="down"] { padding-left: 12px; padding-right: 26px; } .landing-sidebar .landing-ui-button-action[data-id="content"] { padding-left: 25px; } .landing-sidebar .landing-ui-button-action[data-id="style"] { padding-left: 18px; } .landing-sidebar .landing-ui-button-action[data-id="actions"]::before, .landing-sidebar .landing-ui-button-action[data-id="content"]::before, .landing-sidebar .landing-ui-button-action[data-id="style"]::before { display: none; } .landing-sidebar .landing-ui-button-action[data-id="actions"] .landing-ui-button-text::before { background: url(/bitrix/images/landing/small-actions.svg) left top no-repeat; content: ''; position: absolute; top: 50%; transform: translateY(-30%); width: 16px; height: 16px; } .landing-sidebar .landing-ui-button-action[data-id="content"] .landing-ui-button-text::before { background: url(/bitrix/images/landing/small-edit.svg) left top no-repeat; content: ''; position: absolute; top: 50%; left: 43%; transform: translateY(-30%); width: 20px; height: 20px; } .landing-sidebar .landing-ui-button-action[data-id="style"] .landing-ui-button-text::before { background: url(/bitrix/images/landing/small-design.svg) left top no-repeat; content: ''; position: absolute; top: 50%; left: 26%; transform: translateY(-37%); width: 20px; height: 20px; } .landing-ui-button-action[data-id="remove"] { border-left: none; } .landing-ui-button-action[data-id="actions"]::before { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); content: ''; width: 0; height: 0; border-left: 5px transparent solid; border-right: 5px transparent solid; border-top: 5px #5F6875 solid; transition: all 200ms ease; } .landing-ui-button-action[data-id="actions"].landing-ui-active::before, .landing-ui-button-action[data-id="actions"]:hover::before { border-top: 5px rgba(0, 0, 0, .3) solid; } .landing-ui-block-actions-popup .menu-popup-item { min-width: 220px; } .landing-ui-button-action.landing-ui-no-rounded { border-radius: 0!important; } .landing-ui-button-action.landing-ui-disable { pointer-events: none; } .landing-ui-button-action.landing-ui-disable .landing-ui-button-text { opacity: .4; } .landing-ui-block-restricted-button, .landing-ui-block-restricted-button:hover { background-image: url("/bitrix/images/landing/block_restricted.svg"); background-repeat: no-repeat; background-color: transparent; border: none; width: 45px; top: 1px; left: 18px; cursor: default; } .landing-ui-block-restricted-button + .landing-ui-button-action { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .landing-ui-button-action[data-id="down"].landing-ui-disable::before, .landing-ui-button-action[data-id="down"].landing-ui-disable .landing-ui-button-text, .landing-ui-button-action[data-id="up"].landing-ui-disable .landing-ui-button-text, .landing-ui-button-action[data-id="up"].landing-ui-disable::before { opacity: .4; } .landing-ui-button-action[data-id="collapse"] { border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-left: none; z-index: 10; }