File manager

File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/js/ui/notification-manager/dist/notification-manager.bundle.css

Back
.ui-notification-manager-browser-column { display: flex; flex-direction: column; height: 100%; } .ui-notification-manager-browser-column-wide { width: 100%; } .ui-notification-manager-browser-row { display: flex; flex-direction: row; width: 100%; } .ui-notification-manager-browser-row-reply { height: 0; margin-top: 0; opacity: 0; transition: all .25s linear; } .ui-notification-manager-browser-row-reply-animate { height: auto; margin-top: 6px; margin-bottom: 11px; opacity: 1; } .ui-notification-manager-browser-balloon { display: block; position: fixed; opacity: 0; z-index: 3200; transform: translateZ(0px); transition: opacity .25s linear, left .5s ease, top .5s ease, right .5s ease, bottom .5s ease; } .ui-notification-manager-browser-balloon-animate { opacity: 1; } .ui-notification-manager-browser-content { display: flex; flex-direction: column; font: 13px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); padding: 16px; background-color: rgba(0, 0, 0, .8); border-radius: 8px; } .ui-notification-manager-browser-message { display: flex; padding: 0; color: #fff; cursor: pointer; } .ui-notification-manager-browser-icon { width: 44px; height: 44px; margin-right: 10px; border-radius: 50%; } .ui-notification-manager-browser-title { height: 17px; font-size: 14px; line-height: 16px; font-weight: var(--ui-font-weight-bold); margin-bottom: 3px; max-width: 300px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .ui-notification-manager-browser-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-word; font-size: 13px; line-height: 16px; max-width: 336px; max-height: 48px; } .ui-notification-manager-browser-column + .ui-notification-manager-browser-column > .ui-notification-manager-browser-text { min-height: 16px; } .ui-notification-manager-browser-actions { display: flex; align-items: center; padding: 9px 0 0; } .ui-notification-manager-browser-reply-action { padding: 0; } .ui-notification-manager-browser-reply-action:before { left: 0; top: 16px; width: 100%; } .ui-notification-manager-browser-reply-wrapper { position: relative; display: flex; flex-direction: column; box-sizing: border-box; max-width: 100%; width: 277px; height: 10px; vertical-align: middle; align-items: flex-start; justify-content: center; min-height: 31px; margin-right: 9px; } .ui-notification-manager-browser-input-reply { box-sizing: border-box; margin: 0; padding: 0 11px; width: 100%; outline: none; vertical-align: middle; text-align: left; text-overflow: ellipsis; white-space: nowrap; font: 400 14px var(--ui-font-family-primary, var(--ui-font-family-helvetica)); transition: border .3s ease, background-color .3s ease, color .3s ease, padding .3s ease; flex: 1; -webkit-appearance: none; appearance: none; height: 27px; color: #fff; background: rgba(255, 255, 255, 0.05); border: 1px solid #2FC6F6; border-radius: 96px; } .ui-notification-manager-browser-input-reply::placeholder { color: #747474; } .ui-notification-manager-browser-button-reply { height: 29px; width: 29px; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggb3BhY2l0eT0iLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4xMjUuODdhNC4yMDIgNC4yMDIgMCAwMTAgOC40MDNIMy45ODF2Mi43ODdMLjQzMiA4LjUxbDMuNTUtMy41NXYyLjg1N2g0LjMzMWEyLjc4NCAyLjc4NCAwIDAwMC01LjU2N2gtMS4zN1YuODdoMS4xODN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat center; border-radius: 50%; border: 1px solid #979797; cursor: default; transition: all 160ms linear; } .ui-notification-manager-browser-button-reply:hover { cursor: pointer; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjEyNS44N2E0LjIwMiA0LjIwMiAwIDAxMCA4LjQwM0gzLjk4MXYyLjc4N0wuNDMyIDguNTFsMy41NS0zLjU1djIuODU3aDQuMzMxYTIuNzg0IDIuNzg0IDAgMDAwLTUuNTY3aC0xLjM3Vi44N2gxLjE4M3oiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") no-repeat center; border-color: #fff; } .ui-notification-manager-browser-button-reply:active { border-color: rgba(255, 255, 255, 0.8); } .ui-notification-manager-browser-button-close { position: absolute; top: 0; right: 2px; display: inline-block; width: 8px; height: 8px; padding: 16px; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIG9wYWNpdHk9Ii4yMSIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDRsMyAzLTEgMS0zLTMtMyAzLTEtMSAzLTMtMy0zIDEtMSAzIDMgMy0zIDEgMS0zIDN6IiBmaWxsPSIjZmZmIi8+PC9zdmc+") no-repeat center; cursor: pointer; transition: all 160ms linear; } .ui-notification-manager-browser-button-close:hover { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiIGZpbGw9Im5vbmUiPjxwYXRoIG9wYWNpdHk9Ii44IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01IDRsMyAzLTEgMS0zLTMtMyAzLTEtMSAzLTMtMy0zIDEtMSAzIDMgMy0zIDEgMS0zIDN6IiBmaWxsPSIjZDVkNWQ1Ii8+PC9zdmc+") no-repeat center; } .ui-notification-manager-browser-button { height: 24px; padding: 0 16px; text-transform: none; font-size: 12px; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); border-radius: 13px; line-height: 22px; color: #eeeeee; background-color: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.18); cursor: pointer; transition: all 160ms linear; } .ui-notification-manager-browser-button:after { position: relative; top: calc(-50% - 5px); left: -15px !important; display: block; width: 9px; height: 7px; content: ''; transition: 160ms color linear, 160ms opacity linear, 160ms background-color linear; } .ui-notification-manager-browser-button:hover { color: #eeeeee; background-color: rgba(255, 255, 255, 0.17); border-color: rgba(255, 255, 255, 0.28); } .ui-notification-manager-browser-button:active { color: #eeeeee; background-color: rgba(255, 255, 255, 0.37); border-color: rgba(255, 255, 255, 0.48); } .ui-notification-manager-browser-button > .ui-btn-text { font-size: 12px; height: 24px; max-width: 90px; } .ui-notification-manager-browser-button-accept > .ui-btn-text { max-width: 150px; } .ui-notification-manager-browser-button-accept { padding: 0 16px 0 28px; background-color: rgba(47, 198, 246, 0.3); border-color: rgba(47, 198, 246, 0.4); } .ui-notification-manager-browser-button-accept:hover { background-color: rgba(47, 198, 246, 0.5); border-color: rgba(47, 198, 246, 0.7); } .ui-notification-manager-browser-button-accept:active { background-color: rgba(47, 198, 246, 0.6); border-color: rgba(47, 198, 246, 0.89); } .ui-notification-manager-browser-button-accept:after { background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTMuNjcxIDcuMTc1TC40MzMgNC4wMmwxLjEzMy0xLjEwNSAyLjEwNSAyLjA1Mkw4LjQzNC4zMjQgOS41NjcgMS40MyAzLjY3MSA3LjE3NXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=") no-repeat center; } .ui-notification-manager-browser-button + .ui-notification-manager-browser-button { margin-left: 5px; }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.29 | proxy | phpinfo | Settings