| Server IP : 37.220.80.31 / Your IP : 3.17.184.39 Web Server : Apache/2.4.52 (Ubuntu) System : Linux 3051455-guretool.twc1.net 5.15.0-107-generic #117-Ubuntu SMP Fri Apr 26 12:26:49 UTC 2024 x86_64 User : www-root ( 1010) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/dev.artlot24.ru/bitrix/components/bitrix/catalog.top/settings/dragdrop_add/ |
Upload File : |
.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;
}