File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/js/im/v2/component/call-background/src/css/call-background.css
Back
.bx-im-call-background__scope { --im-call-background__background-color_content : var(--ui-color-palette-white-base, #fff); --im-call-background__background-color_video : var(--ui-color-palette-gray-05, #eef2f4); --im-call-background__background-color_tab : var(--ui-color-palette-gray-03, #f5f7f8); --im-call-background__background-color_tab-active : var(--ui-color-palette-white-base, #fff); --im-call-background__background-color_tab-hover : var(--ui-color-palette-gray-05, #eef2f4); --im-call-background__background-color_tab-border : var(--ui-color-palette-gray-15, #e6e7e9); --im-call-background__background-color_tab-new : #1db1e6; --im-call-background__background-color_scroll : rgba(82, 92, 105, 0.3); --im-call-background__background-color_scroll-hover : rgba(82, 92, 105, 0.5); --im-call-background__background-color_item: var(--ui-color-palette-gray-10, #edeef0); --im-call-background__background-color_item-soon: var(--ui-color-palette-green-55, #9dcf00); --im-call-background__background-color_item-hover: #e6e6e7; --im-call-background__background-color_item-title: rgba(0, 0, 0, .2); --im-call-background__background-color_item-video: rgba(255, 255, 255, .26); --im-call-background__font-color_description: var(--ui-color-palette-black-base, #333); --im-call-background__font-color_no-cam: var(--ui-color-palette-gray-70, #828b95); --im-call-background__font-color_tab: var(--ui-color-palette-black-base, #333); --im-call-background__font-color_tab-new: var(--ui-color-palette-white-base, #fff); --im-call-background__font-color_item-title: var(--ui-color-palette-white-base, #fff); --im-call-background__font-color_item-mask-title: var(--ui-color-palette-gray-70, #828b95); --im-call-background__font-color_item-soon: var(--ui-color-palette-white-base, #fff); --im-call-background__font-color_item-loading: rgba(255, 255, 255, 0.7); --im-call-background__font-color_action-title: #6d7985; } .bx-im-call-background__container { box-sizing: border-box; width: 100%; min-width: 943px; height: 100%; /*min-height: 757px;*/ padding-top: 25px; position: relative; } .bx-im-call-background__container.--desktop { height: 100vh; } .bx-im-call-background__container * { box-sizing: border-box; } .bx-im-call-background__content, .bx-im-call-background__loader_container { display: flex; height: calc(100% - 85px); } /* Left part */ .bx-im-call-background__left { width: 426px; max-width: 426px; min-width: 426px; margin-right: 30px; padding-left: 30px; } .bx-im-call-background__video { width: 402px; height: 227px; border-radius: 10px; margin-bottom: 26px; background-color: var(--im-call-background__background-color_video); position: relative; } .bx-im-call-background__no-cam_container { position: absolute; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: var(--im-call-background__background-color_video); } .bx-im-call-background__no-cam_icon { width: 80px; height: 80px; background-image: url('./images/no-cam.svg'); margin-bottom: 2px; } .bx-im-call-background__no-cam_title { font-size: var(--ui-font-size-xl, 16px); font-family: var(--ui-font-family-helvetica); color: var(--im-call-background__font-color_no-cam); font-weight: var(--ui-font-weight-bold, 700); } .bx-im-call-background__video video { width: 100%; height: 100%; border-radius: 10px; } .bx-im-call-background__video video.--flipped { transform: scaleX(-1); } .bx-im-call-background__description { margin-bottom: 50px; font-size: var(--ui-font-size-lg, 15px); font-family: var(--ui-font-family-helvetica); line-height: var(--ui-font-line-height-sm, 1.35); color: var(--im-call-background__font-color_description); } .bx-im-call-background__description_highlight { font-weight: var(--ui-font-weight-bold, 700); } /* End left part */ /* Right part */ .bx-im-call-background__right { flex: 1; min-width: 487px; height: 100%; padding-right: 12px; position: relative; } .bx-im-call-background__right.--scrolled:before { position: absolute; content: ''; height: 27px; top: 39px; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); transform: matrix(1, 0, 0, -1, 0, 0); z-index: 2; } .bx-im-call-background__right:after { position: absolute; content: ''; height: 27px; bottom: -1px; width: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%); } .bx-im-call-background__list { display: flex; flex-wrap: wrap; align-content: flex-start; gap: 5px; height: calc(100% - 39px); padding-top: 25px; padding-right: 12px; overflow-y: scroll; position: relative; padding-bottom: 20px; } .bx-im-call-background__list::-webkit-scrollbar { width: 6px; } .bx-im-call-background__list::-webkit-scrollbar-thumb { background-color: var(--im-call-background__background-color_scroll); border-radius: 32px; } .bx-im-call-background__list::-webkit-scrollbar-thumb:hover { background-color: var(--im-call-background__background-color_scroll-hover); } /* End right part */ /* Bottom panel */ .bx-im-call-background__button-panel { display: flex; justify-content: center; align-items: center; height: 85px; } /* End bottom panel */ .bx-im-call-background__upload-input { display: none; } .bx-im-call-background__loader { position: absolute; top: 50%; left: 50%; width: 110px; height: 110px; transform: translate(-50%, -50%); }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.25 |
proxy
|
phpinfo
|
Settings