%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/components/bitrix/catalog.set.constructor/templates/.default/ |
Current File : /home/bitrix/www/bitrix/components/bitrix/catalog.set.constructor/templates/.default/style.css |
.bx-set-constructor{ background:#fff; border-radius:8px; border: 1px solid #e0e0e0; padding: 10px 20px; margin-bottom: 20px; } .bx-modal-small-title{ display: block; margin-top: 10px; font-size:15px; font-weight:bold; margin-bottom: 20px; } .bx-original-item-container{ text-align: center; margin-bottom: 20px; } .bx-original-item-image{ width: 70px; height: auto; } .bx-modal-description{ font-size: 80%; color: #8E8E8E; } /*.bx-touch .bx-added-item-table-container{margin: 0;}*/ .bx-added-item-table{ border-bottom: 1px solid #edeef0; width: 100%; border-collapse: collapse; margin-bottom: 20px; /**/ table-layout: fixed; } .bx-added-item-table-cell-itemname, .bx-added-item-table-cell-img, .bx-added-item-table-cell-del, .bx-added-item-table-cell-price{ padding: 3px 5px; border-top: 1px solid #edeef0; } .bx-added-item-table-cell-price{ width: 150px; text-align: right; } .bx-added-item-table-cell-img, .bx-added-item-table-cell-del{ width: 50px; height: 50px; text-align: center; } .bx-added-item-table-cell-img img{display: inline-block;} .bx-added-item-table-cell-del{text-align: center;} .bx-added-item-new-price{white-space: nowrap;} .bx-added-item-delete{ display: inline-block; width: 15px; height: 15px; cursor: pointer; background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABaAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRDMkRGNUY2QjgzMTExRTRCNDgzQ0YwMDY1Mzg5OUZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRDMkRGNUY3QjgzMTExRTRCNDgzQ0YwMDY1Mzg5OUZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NEMyREY1RjRCODMxMTFFNEI0ODNDRjAwNjUzODk5RkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NEMyREY1RjVCODMxMTFFNEI0ODNDRjAwNjUzODk5RkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAgEBAQICAgEBAgICAgICAgICAwIDAwMDAgMDBAQEBAQDBQUFBQUFBwcHBwcICAgICAgICAgIAQEBAQICAgUDAwUHBQQFBwgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAj/wAARCAAJAAkDAREAAhEBAxEB/8QAawAAAwEAAAAAAAAAAAAAAAAAAAUICgEAAwEBAAAAAAAAAAAAAAAAAAEEAwUQAAEDAgMJAAAAAAAAAAAAAAMCBAYSBQATCEJyI7XVlgdXOBEAAgIBBQAAAAAAAAAAAAAAAAFRIgIRMYGhQv/aAAwDAQACEQMRAD8A1KSiUXhneJpFYrNL850qOb8EU/n4QrentZ3qyEes2b0hFFW0WVSc0tKqatqri9HHFaJtWIm42LOyNPXsxPe1z6hiS8dG9JAHz15M3ZtzO4YPa4DwxrhDP//Z) no-repeat center; } /*.bx-added-item-table-cell-del .bx-added-item-delete-text{display: none;}*/ .bx-item-set-result-block{text-align: center;} .bx-added-item-old-price { padding: 0 0; color: #B8B8B8; text-decoration: line-through; font-size: 11px; line-height: 11px; white-space: nowrap; } .bx-constructor-result-table{width:100%;} .bx-constructor-result-table td{ padding-top:3px; padding-bottom:3px; vertical-align: bottom; } .bx-constructor-result-table-title{ font-size:13px; text-align: right; padding-right:5px; line-height:20px; } .bx-constructor-result-table-value{ padding-left:5px; text-align: right; } .bx-constructor-result-table-value strong{ font-size:14px; line-height:14px; } .bx-constructor-result-btn-container{ text-align: center; margin: 10px; } @media (max-width:768px){ .bx-constructor-result-btn-container{ display: inline-block; max-width:140px; width:100%; vertical-align: middle; } } .bx-constructor-result-price{ display: inline-block; max-width:140px; width:100%; text-align: center; border:1px solid #d3d3d3; line-height: 1.5; padding: 5px 0; font-weight: bold; border-radius:2px; white-space: nowrap; height:30px; box-sizing: border-box; } .bx-constructor-result-btn-container .btn{ display: inline-block; max-width:140px; width:100%; } /**/ .bx-catalog-set-topsale-slider{ border:1px solid #d3d3d3; border-radius:3px; position: relative; background: #f9f9f9; box-sizing: border-box; margin-bottom:20px; margin-top:10px; } .bx-catalog-set-topsale-slider:before{ content:""; display: block; width: 20px; height:20px; position: absolute; left: 50%; border-top: 1px solid #d3d3d3; border-left:1px solid #d3d3d3; background-color: #f9f9f9; -webkit-transform: rotate(45deg) translateX(-21px) translateY(-8px); -moz-transform: rotate(45deg) translateX(-21px) translateY(-8px); -ms-transform: rotate(45deg) translateX(-21px) translateY(-8px); -o-transform: rotate(45deg) translateX(-21px) translateY(-8px); transform: rotate(45deg) translateX(-21px) translateY(-8px); top: 10px; } .bx-catalog-set-topsale-slider-container{ overflow-y: hidden; overflow-x: auto; position: relative; -webkit-overflow-scrolling: touch; } .bx-catalog-set-topsale-slider .bx-catalog-set-item{ border:1px solid #e3e3e3; border-radius:3px; margin:0 5px; } .bx-catalog-set-topsale-slider-box{ position: relative; padding:10px; } /*.bx-catalog-set-topsale-slider-box:after, .bx-catalog-set-topsale-slider-box:before{ position: absolute; content: " "; top: 0; bottom: 0; width: 50px; z-index: 1000; border-radius:3px; } .bx-catalog-set-topsale-slider-box:after{ right: 0; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .bx-catalog-set-topsale-slider-box:before{ left: 0; background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); }*/ .bx-catalog-set-topsale-slids{} .bx-catalog-set-item-container{ position: relative; min-height: 20px; /**/ float: left; } .bx-catalog-set-item{ border: 1px solid transparent; overflow: hidden; border-radius: 3px; background: #FFF; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; padding-bottom: 10px; } .bx-catalog-set-item-notavailable{ height: 30px; background: #dedede; display: inline-block; padding: 0 15px; line-height: 28px; vertical-align: middle; font-weight: bold; border-radius: 3px; border: 1px solid #d3d3d3; } .bx-catalog-set-item-col, .bx-catalog-set-item-scu, .bx-catalog-set-item-add-btn, .bx-catalog-set-item-custom{padding: 5px 15px;} .bx-catalog-set-item-img{ padding: 10px; position: relative; padding-top: 109% !important; height: 0; } .bx-catalog-set-item-img-container{ position: absolute; top: 5px; right: 5px; bottom:5px; left: 5px; text-align: center; } .bx-catalog-set-item-img img{ position: absolute; top:50%; left:50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .bx-catalog-set-item-title{ line-height: 15px; font-size: 14px; overflow: hidden; height: 35px; vertical-align: top; padding: 5px 10px; position: relative; } .bx-catalog-set-item-title:after{ content: ""; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); bottom: 0; right: 0; left: 0; height: 10px; position: absolute; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; } .bx-catalog-set-item-price{ text-align: center; min-height: 50px; padding: 5px 10px 0; } /**/ .bx-catalog-set-item-col{ text-align: center; } .bx-catalog-set-item-col-minus, .bx-catalog-set-item-col-plus{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; vertical-align: middle; } .bx-catalog-set-item-col-minus{} .bx-catalog-set-item-col-input{ display: inline-block; width: 25px; height: 20px; vertical-align: middle; font-size: 11px; } .bx-catalog-set-item-col-plus{} /**/ .bx-catalog-set-item-scu{} .bx-catalog-set-item-add-btn{ text-align: center; } .bx-catalog-set-item-custom{ font-size: 12px; color: #B8B8B8; } .bx-catalog-set-item-price-new{ font-weight: bold; display: block; } .bx-catalog-set-item-price-old{ display: block; padding: 3px 0; color: #B8B8B8; text-decoration: line-through; font-size: 11px; line-height: 11px; } /**/ .bx-catalog-set-topsale-slide{ display: none; } .bx-catalog-set-topsale-slide.bx-active{ display: block; } .bx-catalog-set-topsale-slide-control{ text-align: center; padding-top: 20px; padding-bottom: 20px; } .bx-catalog-set-topsale-slide-control-dot{ display: inline-block; width: 11px; height:11px; border-radius: 50%; background: #dbdbdb; } .bx-catalog-set-topsale-slide-control-dot:hover, .bx-catalog-set-topsale-slide-control-dot.bx-active{ background: #1485CE; } @media (max-width: 530px) { .bx-added-item-table, .bx-added-item-table tbody, .bx-added-item-table tr, .bx-added-item-table-cell-img, .bx-added-item-table-cell-itemname, .bx-added-item-table-cell-price, .bx-added-item-table-cell-del{ display: block; } .bx-added-item-table, .bx-added-item-table tr, .bx-added-item-table-cell-itemname, .bx-added-item-table-cell-price, .bx-added-item-table-cell-del{ width: 100%; } .bx-added-item-table tr{ padding-top: 10px; padding-bottom: 30px; border-top: 1px solid #EDEEF0; clear: both; } .bx-added-item-table-cell-img{ float: left; border-top: none; } .bx-added-item-table-cell-itemname{ border-top: none; } .bx-added-item-table-cell-price{ text-align: right; border-top: none; } .bx-added-item-table-cell-del{ text-align: right; border-top: none; } .bx-added-item-table-cell-del .bx-added-item-delete-text{ color: #D63131; cursor: pointer; display: inline; } .bx-catalog-set-topsale-slider-box:after, .bx-catalog-set-topsale-slider-box:before{width: 2px; } .bx-catalog-set-item-img img{border: 1px solid #EDEEF0; } .bx-catalog-set-item-img, .bx-catalog-set-item-custom{padding: 10px 5px;} }