%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/components/bitrix/catalog.section/settings/dragdrop_add/ |
Current File : //home/bitrix/www/bitrix/components/bitrix/catalog.section/settings/dragdrop_add/style.css |
.dnd-add-common-container{ position: relative; max-width:485px; margin: 0 auto; } .catalog-preset-left, .catalog-preset-right{ background-color: #d2d8de; box-sizing: border-box !important; float: left; padding: 16px; border-radius:2px; max-width:285px; margin-top:5px; } .catalog-preset-left{ width:160px; min-height:103px; } /*.drop-zone-active{ border:2px dashed #c1c8d0; padding: 14px; }*/ .catalog-preset-right{ position: relative; width:calc(100% - 200px); margin-left:40px; } .catalog-preset-center-arrow{ width:40px; position: absolute; bottom: 0; top: 0; left:-40px; } .catalog-preset-center-arrow-btn{ width:40px; height:40px; position: absolute; top: 50%; margin-top: -20px; opacity: .2; background: center no-repeat url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAAAk1BMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACEGrSNAAAAMHRSTlMAADpCWF5gYWJjZWdpa2xtb3BxcnN1d3l7fH1/gIKDhIaIioyO1dbZ4OXn6+78/f53wTFwAAAAt0lEQVR42rXUtxLCQAwE0CXbZIwTDuRo0v3/14E0cEO1R+OtX6PRSmj8kToQfjO/nVsulBpjTg6UmHcuHMVG4lMUqQnAUKgmBEOBmggMzdTEYGj6FJOAoYmaFAyN1GRgaKgmB0MDNQUY6qgpQdFVzBIcVYL2DtS+i9pxhK6qLUfoPURtOIKnA64ZsmrFEXxVJUfoqyo4+iwnp+i75owhW5gFQ7Z6Y4JsiSuC7DkcXQhedWjW+J94XunFIUjePOjYAAAAAElFTkSuQmCC); -webkit-transition: opacity 250ms ease; -moz-transition: opacity 250ms ease; -ms-transition: opacity 250ms ease; -o-transition: opacity 250ms ease; transition: opacity 250ms ease; } .catalog-preset-center-arrow-btn:hover{ cursor: pointer; opacity: .6; } .catalog-preset-clear{clear: both;} .catalog-preset-selected { border: solid #259bd9 1px !important; } .catalog-preset-shem{ width: 120px; height:65px; float: left; margin: 2px; border-radius:2px; cursor: grab; cursor: -webkit-grab; border: 1px solid #c1c8d0; background-size:90%; background-color: #fff; background-repeat:no-repeat; background-position: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .dnd-add-dragged-item:focus, .dnd-add-dragged-item:active, .catalog-preset-shem:focus, .catalog-preset-shem:active{cursor: grabbing;cursor: -webkit-grabbing;} .catalog-preset-shem-1 {background-image: url(images/preset-1.png);} .catalog-preset-shem-2 {background-image: url(images/preset-2.png);} .catalog-preset-shem-3 {background-image: url(images/preset-3.png);} .catalog-preset-shem-4 {background-image: url(images/preset-4.png);} .catalog-preset-shem-4-1{background-image: url(images/preset-4-1.png);} .catalog-preset-shem-1-4{background-image: url(images/preset-1-4.png);} .catalog-preset-shem-6 {background-image: url(images/preset-6.png);} .catalog-preset-shem-6-1{background-image: url(images/preset-6-1.png);} .catalog-preset-shem-1-6{background-image: url(images/preset-1-6.png);} .catalog-preset-shem-line{background-image: url(images/preset-line.png);} .catalog-preset-bigdata-control{text-align: right !important;} .catalog-preset-shem-bigdata{ position: absolute; top: 0; bottom: 0; right:0; left: 0; opacity: 0; display: block; overflow: hidden; -webkit-transition: opacity 250ms ease; -moz-transition: opacity 250ms ease; -ms-transition: opacity 250ms ease; -o-transition: opacity 250ms ease; transition: opacity 250ms ease; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAAAP1BMVEVvkj3///9vkj1vkj1vkj1vkj17m1GHo2OSq3Ods4Knu5Cxwp27yarE0bXN2MHW3szf5dfn7OHv8uv3+fX///9Z1O/OAAAABXRSTlMAAA6Ay//AqMgAAAEySURBVHjaldNZbsQgEATQniQNZi+auf9ZE8IwiW2wRUn8PRU7TfLJx3x9LNLHIW/q/Y6ObKchAzs6so3azAmwnY5tpQ7BZQcuZWt0bFtrLmoTY7PaURpRjgCH3FvfGVATFQPGqwOlM7USRTPEHimdqCraZ7FanSjtqU1RFyMKxZ8p7WjIKYuPXvdt7bOjYK4LFfEjSv+oezr+iQTTW4f29QZK3XtKs0fY6R/OdkLpj+qGQ5pRetMoDWNKqVMk/GI/p/SiXurQ93/LgV3RvJV8R22yNjHExQR/QwXFBHAq0AhzSpVqRgoRzB75ghJvJbISSA5g4xud95aAwOa5tcN6XNiKc52eG722tdmKbvTSNtzpvWXb6b3tF3uTBUoLlBYoLVBaoLRAaYHSAqUFSguUFug3paEULEYw+0cAAAAASUVORK5CYII=) no-repeat left top; } .catalog-preset-shem[data-bigdata=true] .catalog-preset-shem-bigdata{opacity: 1;} .catalog-preset-shem.draggable-active{ border-style:dashed; opacity:.6; } .dnd-add-draggable-control{ position: relative; } .dnd-add-draggable-control-remove{ opacity: 0; position: absolute; right:-5px; top: -5px; width:17px; height:17px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDxjaXJjbGUgY3g9IjEwIiBjeT0iMTAiIHI9IjEwIiBmaWxsPSIjODY4Rjk4Ii8+ICAgIDxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTEuNCAxMCAxNC4xIDcuNCAxMi43IDYgMTAgOC43IDcuMyA2IDYgNy40IDguNyAxMCA2IDEyLjggNy4zIDE0LjEgMTAgMTEuNCAxMi43IDE0LjEgMTQuMSAxMi44Ii8+ICA8L2c+PC9zdmc+); background-repeat: no-repeat; background-position: center; background-size:contain; cursor: pointer; -webkit-transition: opacity 180ms ease; -moz-transition: opacity 180ms ease; -ms-transition: opacity 180ms ease; -o-transition: opacity 180ms ease; transition: opacity 180ms ease; } .dnd-add-draggable-control:hover .dnd-add-draggable-control-remove{ opacity:.8; } .dnd-add-draggable-control-remove:hover{ opacity: 1 !important; }