Your IP : 18.119.138.219
@-webkit-keyframes iconset_item_add_animate{
0%{-webkit-transform:scale(.1);}
75%{-webkit-transform:scale(1.2);}
100%{-webkit-transform:scale(1);}
}
@keyframes iconset_item_add_animate{
0%{transform:scale(.1);}
75%{transform:scale(1.2);}
100%{transform:scale(1);}
}
@-webkit-keyframes iconset_item_delete_animate{
0%{-webkit-transform:scale(1);}
25%{-webkit-transform:scale(1.2);}
100%{-webkit-transform:scale(.1);}
}
@keyframes iconset_item_delete_animate{
0%{transform:scale(1);}
25%{transform:scale(1.2);}
100%{transform:scale(.1);}
}
@-webkit-keyframes iconset_error_show_animate{
0%{-webkit-transform:scale(1.2) translate(-42%, -42%);}
100%{-webkit-transform:scale(1) translate(-50%, -50%);}
}
@keyframes iconset_error_show_animate{
0%{transform:scale(1.2) translate(-42%, -42%);}
100%{transform:scale(1) translate(-50%, -50%);}
}
.iconset{
position:relative;
display:block !important;
overflow:hidden;
}
.iconset--sending:before{
content:"";
display:block;
position:absolute;
top:0px;
left:0px;
right:0px;
bottom:0px;
background:#fff url(/bitrix/images/aspro.allcorp3/waiter.gif) center no-repeat;
z-index:1000;
opacity:0.8;
}
.iconset .adm-detail-subtabs-block{
position:relative;
z-index:1;
}
.iconset .adm-detail-content-item-block-view-tab{
position:relative;
}
#view_tab_iconset_add_icon:before{
background:url(/bitrix/panel/main/images/bx-admin-sprite-small-2.png) 2px -670px #1c53a2;
content:" ";
display:inline-block;
height:17px;
margin:0px 10px 0 -5px;
opacity:1;
position:static;
vertical-align:top;
width:17px;
border-radius:50%;
}
#view_tab_iconset_add.adm-detail-subtab-active:before{
background-position:3px -2427px;
background-color:transparent;
}
.iconset_error{
position:absolute;
z-index:1;
left:0;
bottom:0;
top:0;
right:0;
background:#fff;
padding:17px 22px 22px;
transition:opacity .3s ease-in-out;
opacity:0;
}
.iconset_error--visible{
opacity:1;
}
#bx-admin-prefix .adm-info-message-red.iconset_error .adm-info-message{
background:#e5d6dc;
margin:0;
transform:translate(-50%, -50%);
left:50%;
top:50%;
}
#bx-admin-prefix .adm-info-message-red.iconset_error.iconset_error--visible .adm-info-message{
-webkit-animation:iconset_error_show_animate .15s linear;
animation:iconset_error_show_animate .15s linear;
}
.iconset_wrap{
margin:0;
padding:3px;
overflow:auto;
height:126px;
}
.iconset_item{
position:relative;
margin:5px 2px;
width:32px;
height:32px;
float:left;
}
.iconset_item--empty{
width:122px;
margin-right:calc(100% - 122px - 34px);
}
.iconset_item_middle{
display:flex;
align-items:center;
justify-content:center;
background-color:#fff;
height:100%;
width:100%;
position:relative;
border:1px solid #dce7ed;
border-radius:4px;
box-sizing:border-box;
overflow:hidden;
transition:box-shadow .3s ease-in-out;
}
.iconset_item--added .iconset_item_middle{
-webkit-animation:iconset_item_add_animate .5s linear;
animation:iconset_item_add_animate .5s linear;
}
.iconset_item--deleted .iconset_item_middle{
-webkit-animation:iconset_item_delete_animate .5s linear;
animation:iconset_item_delete_animate .5s linear;
}
.iconset_item--selected .iconset_item_middle{
border-width:2px;
border-color:#365edc;
}
.iconset_item:not(.iconset_item--selected):hover{
cursor:pointer;
}
.iconset_item:not(.iconset_item--selected):hover .iconset_item_middle{
border-color:#fff;
box-shadow:0px 0px 5px rgba(0,0,0,0.15);
}
.iconset_item--empty .iconset_item_middle{
width:32px;
display:block;
float:left;
}
.iconset_item--empty .iconset_item_text{
font-size:13px;
float:left;
margin:9px 0 0 12px;
}
.iconset_icon{
max-width:100%;
max-height:100%;
overflow:hidden;
font-size:0;
}
.iconset_icon--svg{
text-align:center;
}
.iconset_icon--svg svg:not(:root){
overflow:hidden;
max-width:100%;
max-height:100%;
display:inline-block;
vertical-align:middle;
}
.iconset .adm-detail-title-view-tab{
display:none;
}
.iconset_form{
position:relative;
}
.iconset_btn--delete{
width:16px;
height:16px;
cursor:pointer;
border-radius:50%;
position:absolute;
z-index:1;
left:calc(50% - 8px);
top:-12px;
opacity:0;
background-color:#FF6347;
overflow:hidden;
transition:opacity .15s ease-in-out,top .15s ease-in-out,background-color 0.15s;
}
.iconset_btn--delete:hover{
background-color:red;
}
.iconset_item:hover .iconset_btn--delete{
transition:opacity .15s ease-in-out 1s,top .15s ease-in-out 1s,background-color 0.15s;
top:-8px;
opacity:1;
}
.iconset_btn--delete:before, .iconset_btn--delete:after{
background-color:#fff;
content:'';
height:10px;
width:2px;
position:absolute;
left:calc(50% - 1px);
top:3px;
transform:rotate(45deg);
}
.iconset_btn--delete:after{
transform:rotate(-45deg);
}
#bx-admin-prefix .iconset_form .adm-input-file-top-shift{
top:0;
width:100%;
height:35px;
}
.adm-workarea .iconset_form input[type="text"]{
width:calc(100% - 73px);
height:29px;
}
#bx-admin-prefix .iconset_form .adm-input-file-control .adm-input-file{
max-width:calc(100% - 103px);
overflow:hidden;
text-overflow:ellipsis;
}
.adm-workarea input[type="button"].iconset_btn--load{
margin:9px 0 0 0;
}
#bx-admin-prefix .adm-info-message.iconset_form_message{
margin-top:0;
width:100%;
box-sizing:border-box;
}
.iconset_value{
width:32px;
display:inline-block;
height:32px;
border:1px solid #c1d2db;
border-radius:4px;
vertical-align:middle !important;
background-color:#fff;
}
.iconset_value:hover{
border-color:#fff;
box-shadow:0px 0px 5px rgba(0,0,0,0.15);
cursor:pointer;
}
.iconset_value_wrap{
height:100%;
display:flex;
align-items:center;
justify-content:center;
}