| Server IP : 37.220.80.31 / Your IP : 3.147.126.33 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/js/ui/icons/base/ |
Upload File : |
/*region Variables*/
:root {
--ui-icon-size-xs: 26px;
--ui-icon-size-sm: 31px;
--ui-icon-size-md: 39px;
--ui-icon-size-lg: 47px;
--ui-icon-size: 39px;
--ui-icon-service-bg-color:#ebeff2;
}
/*endregion*/
.ui-icon {
position: relative;
display: inline-block;
width: var(--ui-icon-size);
}
.ui-icon > i {
position: relative;
display: block;
padding-top: 100%;
width: 100%;
border-radius: 50%;
background-position: center;
background-size: 100% auto;
background-repeat: no-repeat;
background-color: var(--ui-icon-service-bg-color);
background-image: var(--ui-icon-service-bg-image);
}
.ui-icon-square > i,
.ui-icon[class*=ui-icon-file-] > i { border-radius: 1px !important; }
button.ui-icon,
.ui-icon-btn {
padding: 0;
outline: none;
border: none;
background: transparent;
text-decoration: none;
cursor: pointer;
}
button.ui-icon > i,
.ui-icon-btn > i { transition: 250ms linear opacity; }
button.ui-icon > i:hover,
.ui-icon-btn > i:hover { opacity: .85; }
button.ui-icon > i:active,
.ui-icon-btn > i:active { opacity: 1; }
/*region Size*/
.ui-icon-xs { --ui-icon-size: var(--ui-icon-size-xs); }
.ui-icon-sm { --ui-icon-size: var(--ui-icon-size-sm); }
.ui-icon-md { --ui-icon-size: var(--ui-icon-size-md); }
.ui-icon-lg { --ui-icon-size: var(--ui-icon-size-lg); }
/* region Fix for IE*/
.bx-ie .ui-icon,
.bx-ie .ui-icon-md { width: 39px; }
.bx-ie .ui-icon-xs { width: 26px; }
.bx-ie .ui-icon-sm { width: 32px; }
.bx-ie .ui-icon-lg { width: 47px; }
/*endregion*/
/*endregion*/