File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/modules/ui/install/js/ui/uploader/stack-widget/dist/ui.uploader.stack-widget.bundle.css
Back
.ui-uploader-stack-widget { display: inline-flex; position: relative; flex-direction: var(--ui-uploader-stack-widget-direction); align-items: center; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); } .ui-uploader-stack-item { width: var(--ui-uploader-stack-widget-width); height: var(--ui-uploader-stack-widget-height); position: relative; } .ui-uploader-stack-item-leave-active { transition: opacity .1s; } .ui-uploader-stack-item-leave-to { transition-delay: .5s; opacity: 0.2; } .ui-uploader-stack-add-btn { width: var(--ui-uploader-stack-add-btn-width); height: var(--ui-uploader-stack-add-btn-height); margin: var(--ui-uploader-stack-add-btn-margin); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.6' fill-rule='evenodd' clip-rule='evenodd' d='M9 18A9 9 0 109 0a9 9 0 000 18zm0-1.396A7.603 7.603 0 109 1.398a7.603 7.603 0 000 15.206z' fill='%23525C69'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 4H8v4H4v2h4v4h2v-4h4V8h-4V4z' fill='%23525C69'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; transition: opacity 0.3s; opacity: 0.6; cursor: pointer; } .ui-uploader-stack-add-btn:hover { opacity: 1; } .ui-uploader-stack-widget.--large { --ui-uploader-stack-widget-width: 232px; --ui-uploader-stack-widget-height: 142px; --ui-uploader-stack-widget-direction: column; --ui-uploader-stack-drop-area-font-size: 12px; --ui-uploader-stack-drop-area-icon-width: 47px; --ui-uploader-stack-drop-area-icon-height: 47px; --ui-uploader-stack-drop-area-title-margin: 12px 0 0; --ui-uploader-stack-add-btn-width: 18px; --ui-uploader-stack-add-btn-height: 18px; --ui-uploader-stack-add-btn-margin: 9px 0; --ui-uploader-stack-load-icon-width: 44px; --ui-uploader-stack-load-icon-height: 44px; --ui-uploader-stack-upload-progress-margin: 11px 0 0; --ui-uploader-stack-upload-title-margin: 0 0 7px 0; --ui-uploader-stack-upload-percent-font-size: 12px; --ui-uploader-stack-upload-stats-margin: 6px 0 0; --ui-uploader-stack-upload-stats-font-size: 10px; --ui-uploader-stack-upload-abort-icon-width: 11px; --ui-uploader-stack-upload-abort-icon-height: 11px; --ui-uploader-stack-upload-abort-padding: 6px 10px 5px 6px; --ui-uploader-stack-upload-menu-width: 31px; --ui-uploader-stack-upload-menu-height: 18px; --ui-uploader-stack-upload-menu-icon-width: 16px; --ui-uploader-stack-upload-menu-icon-margin: 8px 6px 0 0; --ui-uploader-stack-upload-first-ear-rotation: 2deg; --ui-uploader-stack-upload-second-ear-rotation: 3.3deg; --ui-uploader-stack-preview-file-icon-margin: 0 0 8px 0; --ui-uploader-stack-preview-file-name-font-size: 12px; --ui-uploader-stack-preview-stats-left: 5px; --ui-uploader-stack-preview-stats-bottom: 6px; --ui-uploader-stack-preview-box-padding: 11px; --ui-uploader-stack-preview-total-font-size: 10px; --ui-uploader-stack-preview-total-padding: 3px 6px; --ui-uploader-stack-preview-total-height: 8px; } .ui-uploader-stack-widget.--medium { --ui-uploader-stack-widget-width: 72px; --ui-uploader-stack-widget-height: 78px; --ui-uploader-stack-widget-direction: row; --ui-uploader-stack-drop-area-font-size: 9px; --ui-uploader-stack-drop-area-icon-width: 34px; --ui-uploader-stack-drop-area-icon-height: 34px; --ui-uploader-stack-drop-area-title-margin: 7px 0 0; --ui-uploader-stack-add-btn-width: 18px; --ui-uploader-stack-add-btn-height: 18px; --ui-uploader-stack-add-btn-margin: 0 8px; --ui-uploader-stack-load-icon-width: 27px; --ui-uploader-stack-load-icon-height: 27px; --ui-uploader-stack-upload-progress-margin: 7px 0 0; --ui-uploader-stack-upload-percent-font-size: 11px; --ui-uploader-stack-upload-stats-margin: 2px 0 0; --ui-uploader-stack-upload-stats-font-size: 9px; --ui-uploader-stack-upload-abort-icon-width: 10px; --ui-uploader-stack-upload-abort-icon-height: 10px; --ui-uploader-stack-upload-abort-padding: 4px 8px 4px 5px; --ui-uploader-stack-upload-menu-width: 26px; --ui-uploader-stack-upload-menu-height: 15px; --ui-uploader-stack-upload-menu-icon-width: 13px; --ui-uploader-stack-upload-menu-icon-margin: 6px 6px 0 0; --ui-uploader-stack-upload-first-ear-rotation: 5deg; --ui-uploader-stack-upload-second-ear-rotation: 8deg; --ui-uploader-stack-preview-file-icon-margin: 0 0 3px 0; --ui-uploader-stack-preview-file-name-font-size: 9px; --ui-uploader-stack-preview-stats-left: 4px; --ui-uploader-stack-preview-stats-bottom: 5px; --ui-uploader-stack-preview-box-padding: 4px; --ui-uploader-stack-preview-total-font-size: 9px; --ui-uploader-stack-preview-total-padding: 2px 5px; --ui-uploader-stack-preview-total-height: 8px; } .ui-uploader-stack-widget.--small, .ui-uploader-stack-widget.--tiny { --ui-uploader-stack-widget-direction: row; --ui-uploader-stack-drop-area-icon-width: 24px; --ui-uploader-stack-drop-area-icon-height: 24px; --ui-uploader-stack-add-btn-width: 14px; --ui-uploader-stack-add-btn-height: 14px; --ui-uploader-stack-add-btn-margin: 0 6px; --ui-uploader-stack-load-icon-width: 19px; --ui-uploader-stack-load-icon-height: 19px; --ui-uploader-stack-upload-percent-font-size: 9px; --ui-uploader-stack-upload-stats-margin: 2px 0 0; --ui-uploader-stack-upload-stats-font-size: 7px; --ui-uploader-stack-upload-menu-icon-margin: 4px 4px 0 0; --ui-uploader-stack-upload-first-ear-rotation: 7deg; --ui-uploader-stack-upload-second-ear-rotation: 12deg; --ui-uploader-stack-preview-box-padding: 0; --ui-uploader-stack-preview-total-font-size: 8px; --ui-uploader-stack-preview-total-padding: 1px 4px; --ui-uploader-stack-preview-total-height: 8px; --ui-uploader-stack-preview-stats-left: 3px; --ui-uploader-stack-preview-stats-bottom: 4px; } .ui-uploader-stack-widget.--small { --ui-uploader-stack-widget-width: 46px; --ui-uploader-stack-widget-height: 52px; --ui-uploader-stack-upload-menu-width: 20px; --ui-uploader-stack-upload-menu-height: 12px; --ui-uploader-stack-upload-menu-icon-width: 12px; --ui-uploader-stack-upload-abort-icon-width: 8px; --ui-uploader-stack-upload-abort-icon-height: 8px; --ui-uploader-stack-upload-abort-padding: 3px 8px 3px 4px; --ui-uploader-stack-upload-progress-margin: 4px 0 0; } .ui-uploader-stack-widget.--tiny { --ui-uploader-stack-widget-width: 39px; --ui-uploader-stack-widget-height: 39px; --ui-uploader-stack-upload-menu-width: 18px; --ui-uploader-stack-upload-menu-height: 11px; --ui-uploader-stack-upload-menu-icon-width: 9px; --ui-uploader-stack-upload-abort-icon-width: 7px; --ui-uploader-stack-upload-abort-icon-height: 7px; --ui-uploader-stack-upload-abort-padding: 3px 4px 1px 3px; --ui-uploader-stack-upload-progress-margin: 3px 0 0; } .ui-uploader-stack-widget { --ui-uploader-stack-drop-area-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg width='47' height='47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M37.468 19.333c.546-.55.55-1.441.008-1.995-3.006-3.062-6.33-6.367-9.37-9.429-5.192-5.23-13.69-5.23-18.882 0-5.193 5.23-5.193 13.79 0 19.02l13.016 13.11c3.902 3.93 10.26 3.93 14.163 0 3.902-3.93 3.902-10.334 0-14.264L24.96 14.249a6.633 6.633 0 00-9.442 0 6.749 6.749 0 000 9.51l7.478 7.531a1.4 1.4 0 001.99 0l1.157-1.164c.55-.554.55-1.452 0-2.006l-7.478-7.531a2.23 2.23 0 010-3.17 2.192 2.192 0 013.148 0l11.442 11.526a5.635 5.635 0 010 7.924 5.538 5.538 0 01-7.867 0L12.37 23.76c-3.462-3.487-3.462-9.193 0-12.68s9.127-3.487 12.589 0c3.054 3.076 6.2 6.3 9.361 9.44.55.545 1.434.54 1.98-.01l1.167-1.176z' fill='%23525C69'/%3E%3C/svg%3E"); } .ui-uploader-stack-widget.--only-images.--large { --ui-uploader-stack-drop-area-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg width='47' height='47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M39 4a4 4 0 014 4l.001 23.118A9.57 9.57 0 0041.5 31a9.46 9.46 0 00-5.895 2.05L30.52 27.4l-4.013 4.458L16.48 20.714 7.98 29.628v9.355h24.14a9.566 9.566 0 00.213 4.018L8 43a4 4 0 01-4-4V8a4 4 0 014-4h31zm-7.7 6.686a5.014 5.014 0 100 10.028 5.014 5.014 0 000-10.028zM43 35v4h4v3h-4v4h-3v-4h-4v-3h4v-4h3z' fill='%23525C69'/%3E%3C/svg%3E"); } .ui-uploader-stack-widget.--only-images.--medium { --ui-uploader-stack-drop-area-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M29 23v3h3v2h-3v3h-2l-.001-3H24v-2h3v-3h2zM26 5a3 3 0 013 3v13.083A6.035 6.035 0 0028 21a5.977 5.977 0 00-3.96 1.492l-2.684-2.915-2.49 2.703-6.222-6.756-4.977 5.405v5.404h14.37a6.06 6.06 0 00.305 2.668L8 29a3 3 0 01-3-3V8a3 3 0 013-3h18zm-4.16 4.444c-1.719 0-3.112 1.361-3.112 3.04 0 1.68 1.393 3.04 3.111 3.04 1.719 0 3.112-1.36 3.112-3.04 0-1.678-1.393-3.04-3.111-3.04z' fill='%23525C69'/%3E%3C/svg%3E"); } .ui-uploader-stack-widget.--only-images.--small, .ui-uploader-stack-widget.--only-images.--tiny { --ui-uploader-stack-drop-area-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22 17v2h2v2h-2v2h-2v-2h-2v-2h2v-2h2zM18.5 3A2.5 2.5 0 0121 5.5V15a4.983 4.983 0 00-3.465 1.396l-2.268-2.463L13.4 15.96l-4.667-5.067L5 14.946V19l11.1-.001a5.019 5.019 0 000 2.002L5.5 21A2.5 2.5 0 013 18.5v-13A2.5 2.5 0 015.5 3h13zm-2.87 3.333c-1.289 0-2.334 1.021-2.334 2.28 0 1.26 1.045 2.28 2.334 2.28 1.288 0 2.333-1.02 2.333-2.28 0-1.259-1.045-2.28-2.333-2.28z' fill='%23525C69'/%3E%3C/svg%3E"); } .ui-uploader-stack-drop-area { display: inline-flex; align-items: center; width: 100%; height: 100%; background-color: #fff; border: 1px dashed #2fc6f6; box-sizing: border-box; border-radius: 6px; cursor: pointer; font-size: 12px; position: absolute; left: 0; top: 0; } .ui-uploader-stack-drop-area.--hover, .ui-uploader-stack-widget.--drag-over .ui-uploader-stack-drop-area { background-color: rgb(238, 249, 254); transition: background-color 0.3s linear; } .ui-uploader-stack-drop-area-content { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 100%; } .ui-uploader-stack-drop-area-icon { width: var(--ui-uploader-stack-drop-area-icon-width); height: var(--ui-uploader-stack-drop-area-icon-height); background-image: var(--ui-uploader-stack-drop-area-icon-bg); background-repeat: no-repeat; background-position: center; background-size: contain; opacity: 0.3; } .ui-uploader-stack-drop-area-title { color: rgba(82, 92, 105, 0.8); text-align: center; margin: var(--ui-uploader-stack-drop-area-title-margin); font-size: var(--ui-uploader-stack-drop-area-font-size); padding: 0 2px; } .ui-uploader-stack-drop-area-hint { color: rgba(82, 92, 105, 0.5); font-size: 10px; text-align: center; } .ui-uploader-stack-upload { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ui-uploader-stack-upload-box { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background-color: #fff; border: 1px solid #2fc6f6; box-sizing: border-box; border-radius: 6px; position: relative; z-index: 3; } .ui-uploader-stack-widget.--many-items .ui-uploader-stack-upload:before, .ui-uploader-stack-widget.--many-items .ui-uploader-stack-upload:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; border: 1px solid rgba(47, 198, 246, 0.5); border-radius: 6px; content: ''; } .ui-uploader-stack-widget.--many-items .ui-uploader-stack-upload:before { z-index: 2; transform: rotate(var(--ui-uploader-stack-upload-first-ear-rotation)); } .ui-uploader-stack-widget.--many-items .ui-uploader-stack-upload:after { z-index: 1; transform: rotate(var(--ui-uploader-stack-upload-second-ear-rotation)); } .ui-uploader-stack-upload-content { margin-top: 5px; } .ui-uploader-stack-upload-loader { } .ui-uploader-stack-upload-title { font-size: 12px; color: rgba(82, 92, 105, 0.8); margin: var(--ui-uploader-stack-upload-title-margin); } .ui-uploader-stack-upload-progress { margin: var(--ui-uploader-stack-upload-progress-margin); font-size: var(--ui-uploader-stack-upload-stats-font-size); line-height: var(--ui-uploader-stack-upload-stats-font-size); text-align: center; } .ui-uploader-stack-upload-percent { color: #333333; font-size: var(--ui-uploader-stack-upload-percent-font-size); font-weight: bold; } .ui-uploader-stack-upload-stats { font-size: var(--ui-uploader-stack-upload-stats-font-size); line-height: var(--ui-uploader-stack-upload-stats-font-size); margin: var(--ui-uploader-stack-upload-stats-margin); } .ui-uploader-stack-widget.--tiny .ui-uploader-stack-upload-percent, .ui-uploader-stack-widget.--tiny .ui-uploader-stack-upload-stats { display: inline-block; } .ui-uploader-stack-upload-total { color: rgba(82, 92, 105, 0.5); } .ui-uploader-stack-upload-menu { display: flex; justify-content: right; position: absolute; top: 1px; right: 1px; width: var(--ui-uploader-stack-upload-menu-width); height: var(--ui-uploader-stack-upload-menu-height); z-index: 10; opacity: 0.7; cursor: pointer; border-radius: 0 6px 0 6px; } .ui-uploader-stack-preview.--image .ui-uploader-stack-upload-menu { background-color: rgba(255,255,255, 0.9); } .ui-uploader-stack-upload-menu:before { display: block; width: var(--ui-uploader-stack-upload-menu-icon-width); margin: var(--ui-uploader-stack-upload-menu-icon-margin); height: 4px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2a2 2 0 11-4 0 2 2 0 014 0zm6 0a2 2 0 11-4 0 2 2 0 014 0zm4 2a2 2 0 100-4 2 2 0 000 4z' fill='%23525C69'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; content: ''; } .ui-uploader-stack-upload-menu:hover { opacity: 1; } .ui-uploader-stack-upload-abort { display: flex; justify-content: right; position: absolute; top: 0; left: 0; padding: var(--ui-uploader-stack-upload-abort-padding); z-index: 10; opacity: 0.3; cursor: pointer; border-radius: 5px 0 5px 0; } .ui-uploader-stack-preview.--image .ui-uploader-stack-upload-abort { background-color: rgba(255,255,255, 0.9); } .ui-uploader-stack-upload-abort:before { display: block; width: var(--ui-uploader-stack-upload-abort-icon-width); height: var(--ui-uploader-stack-upload-abort-icon-height); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.122 5.637l3.904 3.905-1.504 1.505-3.905-3.905-3.905 3.904L.207 9.543l3.905-3.905L.207 1.732 1.712.227l3.905 3.905L9.522.227l1.504 1.505-3.904 3.905z' fill='%23525C69'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; content: ''; } .ui-uploader-stack-upload-abort:hover { opacity: 1; } .ui-uploader-stack-preview { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .ui-uploader-stack-preview-box { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: var(--ui-uploader-stack-preview-box-padding); background-color: #fff; border: 1px solid rgba(130, 139, 149, 0.3); box-sizing: border-box; border-radius: 6px; cursor: pointer; position: relative; z-index: 3; } .ui-uploader-stack-widget.--many-items .ui-uploader-stack-preview:before, .ui-uploader-stack-widget.--many-items .ui-uploader-stack-preview:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; border: 1px solid rgba(130, 139, 149, 0.16); border-radius: 6px; content: ''; } .ui-uploader-stack-widget.--many-items .ui-uploader-stack-preview:before { z-index: 2; transform: rotate(var(--ui-uploader-stack-upload-first-ear-rotation)); } .ui-uploader-stack-widget.--many-items .ui-uploader-stack-preview:after { z-index: 1; transform: rotate(var(--ui-uploader-stack-upload-second-ear-rotation)); } .ui-uploader-stack-preview-image { position: relative; display: block; width: 100%; height: 100%; border-radius: 5px; background-repeat: no-repeat; background-position: center; background-size: contain; /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);*/ } .ui-uploader-stack-preview-image.--default { display: flex; align-items: center; justify-content: center; } .ui-uploader-stack-preview-image.--default:before { content: ''; display: block; width: calc(var(--ui-uploader-stack-widget-width) / 2); height: calc(var(--ui-uploader-stack-widget-height) / 2); opacity: 0.6; background-size: contain; background-repeat: no-repeat; background-position: center bottom; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='83' height='67'%3E%3Cpath fill='%23B9BEC4' fill-rule='evenodd' d='M22.132 22l27.667 28.126 11.07-11.252L83 61.375V67H0V44.498L22.132 22zM69.5 0C75.299 0 80 4.701 80 10.5S75.299 21 69.5 21 59 16.299 59 10.5 63.701 0 69.5 0z'/%3E%3C/svg%3E"); } .ui-uploader-stack-preview-error { display: flex; position: relative; width: 100%; height: 100%; align-items: center; justify-content: center; } .ui-uploader-stack-preview-error:before { content: ''; display: block; width: calc(var(--ui-uploader-stack-widget-width) / 2); height: calc(var(--ui-uploader-stack-widget-height) / 2); opacity: 0.6; background-size: contain; background-repeat: no-repeat; background-position: center bottom; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='46' height='46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.983 45.965c12.693 0 22.982-10.29 22.982-22.982C45.965 10.29 35.675 0 22.983 0 10.29 0 0 10.29 0 22.983c0 12.693 10.29 22.982 22.983 22.982zm0-4.928c9.97 0 18.054-8.083 18.054-18.054 0-9.97-8.083-18.053-18.054-18.053-9.97 0-18.053 8.082-18.053 18.053 0 9.97 8.082 18.054 18.053 18.054z' fill='%23FF5752'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M34.355 28.542L24.61 12.31c-.75-1.246-2.54-1.246-3.275 0L11.59 28.542c-.767 1.278.16 2.891 1.645 2.891h19.491c1.47 0 2.396-1.613 1.63-2.891zm-12.78-10.576c0-.72.575-1.294 1.294-1.294h.175c.72 0 1.294.575 1.294 1.294v4.84c0 .72-.575 1.294-1.294 1.294h-.175a1.289 1.289 0 01-1.294-1.294v-4.84zm3.02 9.394c0 .894-.736 1.63-1.63 1.63-.895 0-1.63-.736-1.63-1.63 0-.895.735-1.63 1.63-1.63.894 0 1.63.735 1.63 1.63z' fill='%23FF5752'/%3E%3C/svg%3E"); } .ui-uploader-stack-preview-image-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; position: absolute; width: 100%; height: 50px; bottom: -50px; padding: 5px 6px; box-sizing: border-box; background-color: #fff; font-size: 12px; line-height: 15px; color: #525c69; word-break: break-all; transition: bottom 0.3s; transition-delay: 0.3s; will-change: bottom; z-index: 1; text-align: center; } .ui-uploader-stack-preview:hover .ui-uploader-stack-preview-image-name { bottom: 0; } .ui-uploader-stack-preview-file-icon { margin: var(--ui-uploader-stack-preview-file-icon-margin); } .ui-uploader-stack-preview-file-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; max-height: 45px; padding: 0 6px; box-sizing: border-box; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); font-size: var(--ui-uploader-stack-preview-file-name-font-size); color: rgba(82,92,105,.8); word-break: break-all; z-index: 1; text-align: center; overflow: hidden; } .ui-uploader-stack-widget.--medium .ui-uploader-stack-preview-file-name { display: block; padding: 0 3px 0 6px; white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; } .ui-uploader-stack-preview-file-default { position: absolute; left: 12px; right: 12px; top: 38px; bottom: 6px; background-size: contain; background-repeat: no-repeat; background-position: center bottom; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='37' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 .071h22.762l9.113 9.57v32.3H0V.071z' fill='%23ECEDEF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.66.071l9.215 9.391H22.66V.072zM12.748 18.849H36.12v12.245H12.748V18.85z' fill='%23D9DBDF'/%3E%3C/svg%3E"); } .ui-uploader-stack-preview-stats { position: absolute; left: var(--ui-uploader-stack-preview-stats-left); bottom: var(--ui-uploader-stack-preview-stats-bottom); font-size: var(--ui-uploader-stack-upload-stats-font-size); line-height: var(--ui-uploader-stack-upload-stats-font-size); } .ui-uploader-stack-preview-total { display: inline-block; height: var(--ui-uploader-stack-preview-total-height); padding: var(--ui-uploader-stack-preview-total-padding); border-radius: 8px; font-size: var(--ui-uploader-stack-preview-total-font-size); background-color: rgba(255, 255, 255, 0.95); color: #6D7682; font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans)); font-weight: var(--ui-font-weight-semi-bold, 600); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); position: relative; bottom: -2px; line-height: 7px; vertical-align: bottom; } .ui-uploader-stack-load { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; background: #fff; border: 1px solid rgba(130, 139, 149, 0.3); box-sizing: border-box; border-radius: 6px; cursor: pointer; position: absolute; left: 0; top: 0; } .ui-uploader-stack-load:hover { background-color: #fafafb; } .ui-uploader-stack-load-icon { width: var(--ui-uploader-stack-load-icon-width); height: var(--ui-uploader-stack-load-icon-height); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.5' fill-rule='evenodd' clip-rule='evenodd' d='M44 22c0 12.15-9.85 22-22 22S0 34.15 0 22 9.85 0 22 0s22 9.85 22 22zm-4 0c0 9.941-8.059 18-18 18S4 31.941 4 22 12.059 4 22 4s18 8.059 18 18zM19.568 11.034h4.038v10.361h8.202v3.94h-12.24V11.034z' fill='%23828B95'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: contain; }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.26 |
proxy
|
phpinfo
|
Settings