File manager

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

Back
.ui-tile-uploader { } .ui-tile-uploader-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .ui-tile-uploader-item { position: relative; display: inline-block; width: 120px; height: 122px; padding: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 20px; margin-bottom: 24px; border-radius: 12px; background-color: #fff; -webkit-transition: top .3s, -webkit-box-shadow .3s; transition: top .3s, -webkit-box-shadow .3s; -o-transition: box-shadow .3s, top .3s; transition: box-shadow .3s, top .3s; transition: box-shadow .3s, top .3s, -webkit-box-shadow .3s; cursor: pointer; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12); will-change: top; } .ui-tile-uploader-item:hover { -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .22); box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .22); top: -1px; } .ui-tile-uploader-item--uploading { --ui-tile-uploader-item-state-bgcolor: rgba(47, 198, 246, 0.95); --ui-tile-uploader-item-status-color: #fff; --ui-tile-uploader-item-content-bgcolor: rgba(255, 255, 255, 0.2); --ui-tile-uploader-item-state-desc-color: rgba(255, 255, 255, 0.7); } .ui-tile-uploader-item--load-failed, .ui-tile-uploader-item--upload-failed { --ui-tile-uploader-item-state-bgcolor: rgba(255, 87, 82, .95); --ui-tile-uploader-item-status-color: #fff; --ui-tile-uploader-item-state-icon-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 d='M7.98 10V5h2v5h-2zM9.98 12a1 1 0 11-2 0 1 1 0 012 0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.83 9A8.85 8.85 0 11.13 9a8.85 8.85 0 0117.7 0zm-2.892 0A5.957 5.957 0 113.024 9a5.957 5.957 0 0111.914 0z' fill='%23fff'/%3E%3C/svg%3E"); --ui-tile-uploader-item-state-icon-opacity: 0.7; --ui-tile-uploader-item-content-bgcolor: rgba(255, 87, 82, .2); --ui-tile-uploader-item-state-desc-color: rgba(255, 255, 255, 0.8); } .ui-tile-uploader-item--added, .ui-tile-uploader-item--loading, .ui-tile-uploader-item--pending { --ui-tile-uploader-item-state-bgcolor: rgba(82, 92, 105, .06); --ui-tile-uploader-item-status-color: #525c69; --ui-tile-uploader-item-state-icon-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='.8' fill-rule='evenodd' clip-rule='evenodd' d='M18 8.973a8.973 8.973 0 11-17.945 0 8.973 8.973 0 0117.945 0zm-2.834 0a6.14 6.14 0 11-12.278 0 6.14 6.14 0 0112.278 0zM7.915 4.939h2.144v3.048h1.998v2.195H7.915V4.94z' fill='%232FC6F6'/%3E%3C/svg%3E"); --ui-tile-uploader-item-state-icon-opacity: 0.6; --ui-tile-uploader-item-content-bgcolor: rgba(255, 255, 255, .5); --ui-tile-uploader-item-state-desc-color: rgba(82, 92, 105, 0.8); --ui-tile-uploader-item-state-remove-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"); --ui-tile-uploader-item-state-remove-opacity: 0.2; --ui-tile-uploader-item-state-remove-opacity-hover: 0.8; } .ui-tile-uploader-item--load-failed, .ui-tile-uploader-item--upload-failed, .ui-tile-uploader-item--uploading { --ui-tile-uploader-item-state-remove-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='%23fff'/%3E%3C/svg%3E"); --ui-tile-uploader-item-state-remove-opacity: 0.4; --ui-tile-uploader-item-state-remove-opacity-hover: 1; } .ui-tile-uploader-item-content { border-radius: 8px; width: 100%; height: 100%; position: relative; background-color: var(--ui-tile-uploader-item-content-bgcolor); } .ui-tile-uploader-item-state { position: absolute; left: 0; top: 0; width: 100%; height: 31px; border-radius: 8px 8px 0 0; z-index: 10; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #edeef0; background-color: var(--ui-tile-uploader-item-state-bgcolor); } .ui-tile-uploader-item-state-icon, .ui-tile-uploader-item-loader { position: absolute; left: 6px; top: 5px; width: 18px; height: 18px; background-image: var(--ui-tile-uploader-item-state-icon-image); opacity: var(--ui-tile-uploader-item-state-icon-opacity); } .ui-tile-uploader-item-state-icon { background-image: var(--ui-tile-uploader-item-state-icon-image); opacity: var(--ui-tile-uploader-item-state-icon-opacity); } .ui-tile-uploader-item-status { position: absolute; left: 28px; top: 5px; right: 20px; line-height: 14px; white-space: nowrap; overflow-x: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #525c69; color: var(--ui-tile-uploader-item-status-color); } .ui-tile-uploader-item-state-desc { position: absolute; left: 28px; top: 15px; right: 20px; font-size: 9px; line-height: 14px; white-space: nowrap; overflow-x: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: var(--ui-tile-uploader-item-state-desc-color); } .ui-tile-uploader-item-state-remove { position: absolute; top: 0; right: 0; bottom: 0; width: 31px; background-image: var(--ui-tile-uploader-item-state-remove-image); background-repeat: no-repeat; background-position: center; opacity: var(--ui-tile-uploader-item-state-remove-opacity); cursor: pointer; -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; z-index: 1; } .ui-tile-uploader-item-state-remove:hover { opacity: var(--ui-tile-uploader-item-state-remove-opacity-hover); } .ui-tile-uploader-item-preview { position: relative; width: 100%; height: 100%; overflow: hidden; } .ui-tile-uploader-item-image { position: relative; display: block; width: 100%; height: 100%; border-radius: 8px; background-repeat: no-repeat; background-position: center; background-size: cover; } .ui-tile-uploader-item-image-default { background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0.8))), -webkit-gradient(linear, left bottom, left top, from(#EDEEF0), to(#EDEEF0)) ; background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), -o-linear-gradient(bottom, #EDEEF0, #EDEEF0) ; background: linear-gradient(0deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), linear-gradient(0deg, #EDEEF0, #EDEEF0) ; } .ui-tile-uploader-item-image-default:before { content: ''; 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 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' opacity='.3'/%3E%3C/svg%3E"); } .ui-tile-uploader-item-image-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; position: absolute; width: 100%; height: 50px; bottom: -50px; padding: 5px 6px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; font-size: 12px; line-height: 15px; color: #525c69; word-break: break-all; -webkit-transition: bottom 0.3s; -o-transition: bottom 0.3s; transition: bottom 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; will-change: bottom; z-index: 1; } .ui-tile-uploader-item:hover .ui-tile-uploader-item-image-name { bottom: 0; } .ui-tile-uploader-item-actions { position: absolute; top: -4px; right: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 4px; border-radius: 0 14px 0 8px; background-color: #fff; z-index: 4; } .ui-tile-uploader-item-remove, .ui-tile-uploader-item-menu { display: inline-block; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; opacity: .5; cursor: pointer; z-index: 1; } .ui-tile-uploader-item-remove { 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"); margin-left: -24px; -webkit-transform: translate(24px, 0); -ms-transform: translate(24px, 0); transform: translate(24px, 0); opacity: 0; -webkit-transition: opacity .3s, margin-left .3s, -webkit-transform .3s; transition: opacity .3s, margin-left .3s, -webkit-transform .3s; -o-transition: opacity .3s, transform .3s, margin-left .3s; transition: opacity .3s, transform .3s, margin-left .3s; transition: opacity .3s, transform .3s, margin-left .3s, -webkit-transform .3s; } .ui-tile-uploader-item:hover .ui-tile-uploader-item-remove { margin-left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: .4; } .ui-tile-uploader-item:hover .ui-tile-uploader-item-remove:hover { opacity: .9; } .ui-tile-uploader-item-menu { 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"); opacity: .4; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .ui-tile-uploader-item-menu:hover { opacity: .9; } .disk-file-control { position: relative; } .disk-file-control-panel-doc-wrap, .disk-file-control-panel-file-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .disk-file-control-panel-file-wrap { margin-bottom: 24px; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; } .disk-file-control-panel-label { margin: 0 -13px 0 -35px; } .disk-file-control-panel-label-item { position: relative; margin-bottom: 9px; padding: 0 13px; display: block; font: 14px 'OpenSans-Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif; color: rgba(255,255,255,.5); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .disk-file-control-panel-label-item:before, .disk-file-control-panel-label-item:after { content: ''; position: absolute; top: -8px; left: -18px; display: block; width: 1px; height: 39px; background-color: rgba(255,255,255,.2); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .disk-file-control-panel-label-item:after { top: -6px; left: auto; right: -14px; height: 35px; } .disk-file-control-panel-card-box { margin-right: 16px; border-radius: 12px 61px 12px 12px; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; -o-transition: box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s, -webkit-box-shadow .3s; -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.09); box-shadow: 0 1px 3px 0 rgba(0,0,0,.09); } .disk-file-control-panel-card-box:hover { -webkit-box-shadow: 0 5px 6px 0 rgba(0,0,0,.22); box-shadow: 0 5px 6px 0 rgba(0,0,0,.22); } .disk-file-thumb-loader-size { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #525c69; } .disk-file-thumb-box .ui-progressround-status-percent-incircle { font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; } .disk-file-thumb-icon { display: none; margin: 20px auto 13px auto; width: 42px; height: 42px; } .disk-file-thumb-text { display: none; padding: 0 6px; font: 11px "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgba(82,92,105,.8); -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-line-clamp: 3; line-clamp: 3; } .disk-file-thumb--active.disk-file-thumb:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border-radius: 8px; background-color: #fff; opacity: .8; z-index: 1; } .disk-file-thumb--loading:before { content: 'Loading'; color: #000; position: absolute; top: 50%; left: 50%; z-index: 10; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .disk-file-thumb.disk-file-thumb-file .disk-file-thumb-image { display: none; } .disk-file-thumb.disk-file-thumb-file .disk-file-thumb-icon { display: block; } .disk-file-thumb.disk-file-thumb-file .disk-file-thumb-text { display: block; display: -webkit-box; } .disk-file-thumb--active .disk-file-thumb-loader { display: -webkit-box; display: -ms-flexbox; display: flex; } .disk-file-thumb-btn-box { position: absolute; top: -4px; right: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 4px; border-radius: 0 14px 0 8px; background-color: #fff; z-index: 4; } .disk-file-thumb-btn-close, .disk-file-thumb-btn-more { display: inline-block; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; opacity: .5; cursor: pointer; z-index: 1; } .disk-file-thumb-btn-close { margin-left: -24px; -webkit-transform: translate(24px, 0); -ms-transform: translate(24px, 0); transform: translate(24px, 0); opacity: 0; -webkit-transition: opacity .15s, margin-left .3s, -webkit-transform .3s; transition: opacity .15s, margin-left .3s, -webkit-transform .3s; -o-transition: opacity .15s, transform .3s, margin-left .3s; transition: opacity .15s, transform .3s, margin-left .3s; transition: opacity .15s, transform .3s, margin-left .3s, -webkit-transform .3s; } .disk-file-thumb:hover .disk-file-thumb-btn-close { margin-left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); opacity: .5; } .disk-file-thumb-btn-more { z-index: 2; } .disk-file-thumb:hover .disk-file-thumb-btn-close:hover, .disk-file-thumb-btn-more:hover { opacity: 1; } .disk-file-thumb-btn-close { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.142 5.637l3.904 3.905-1.504 1.504-3.905-3.904-3.905 3.904L.227 9.542l3.905-3.905L.227 1.732 1.732.227l3.905 3.905L9.542.227l1.504 1.505z' fill='%23525C69' fill-rule='evenodd'/%3E%3C/svg%3E"); } .disk-file-thumb-btn-more { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4zm6 0a2 2 0 110 4 2 2 0 010-4z' fill='%23525C69' fill-rule='evenodd'/%3E%3C/svg%3E"); } .disk-file-control-panel-card-file .disk-file-control-panel-card-name { color: #525c69; } .disk-file-control-panel-doc-wrap .disk-file-control-panel-card-btn { display: block; } .disk-file-control-panel-card--doc .disk-file-control-panel-card-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E5E8EB' d='M0 .087h27.728L38.83 11.745v39.347H0z'/%3E%3Cpath fill='%23535C69' opacity='.3' d='M27.604.087l11.226 11.44H27.604z'/%3E%3Cpath fill='%232C77B1' fill-rule='nonzero' d='M15.53 22.96H44v14.918H15.53z'/%3E%3Cpath d='M19.452 33.976h2.031c2.602 0 4.095-1.578 4.095-3.818 0-2.195-1.38-3.715-4.005-3.715h-2.12v7.533zm1.179-1.018V27.46h.841c1.918 0 2.85 1.086 2.85 2.71 0 1.508-.753 2.788-2.828 2.788h-.863zm9.746 1.132c2.11 0 3.68-1.52 3.68-3.852 0-2.264-1.514-3.864-3.68-3.864-2.154 0-3.69 1.577-3.69 3.864 0 2.32 1.547 3.852 3.69 3.852zm0-1.018c-1.458 0-2.434-1.074-2.434-2.834s.976-2.847 2.434-2.847c1.514 0 2.435 1.143 2.435 2.847 0 1.76-.977 2.834-2.435 2.834zM41 32.57a3.456 3.456 0 01-1.795.503c-1.57 0-2.547-1.154-2.547-2.811 0-1.567.943-2.87 2.603-2.87a3.806 3.806 0 011.873.48v-1.12c-.426-.205-1.099-.377-1.895-.377-2.312 0-3.837 1.737-3.837 3.921 0 2.206 1.323 3.795 3.668 3.795a4.49 4.49 0 002.256-.572L41 32.57z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } .disk-file-control-panel-card--xls .disk-file-control-panel-card-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E5E8EB' d='M0 0h28.131l10.82 11.53v39.633H0z'/%3E%3Cpath fill='%23535C69' opacity='.3' d='M27.604.087l11.226 11.44H27.604z'/%3E%3Cpath fill='%2354B51E' fill-rule='nonzero' d='M15.53 22.96H44v14.918H15.53z'/%3E%3Cpath d='M21.738 33.976h1.29l2.008-2.904 1.884 2.904h1.336l-2.48-3.818 2.558-3.715h-1.302l-1.929 2.834-1.84-2.834h-1.335l2.424 3.75-2.614 3.783zm7.626 0h3.837v-1.018h-2.659v-6.515h-1.178v7.533zm4.117-.515c.515.378 1.278.63 2.13.63 1.482 0 2.547-.802 2.547-2.116 0-2.367-3.208-2.194-3.208-3.68 0-.675.55-.904 1.11-.904.595.009 1.18.161 1.706.446v-1.086c-.382-.205-1.01-.377-1.739-.377-1.481 0-2.333.926-2.333 2.035 0 2.275 3.22 2.08 3.22 3.669 0 .731-.64.994-1.325.994a2.919 2.919 0 01-1.637-.526l-.471.915z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } .disk-file-control-panel-card--ppt .disk-file-control-panel-card-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='52' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23E5E8EB' d='M0 .087h27.728L38.83 11.745v39.347H0z'/%3E%3Cpath fill='%23535C69' opacity='.3' d='M27.604.087l11.226 11.44H27.604z'/%3E%3Cpath fill='%23E89E00' fill-rule='nonzero' d='M15.53 22.96H44v14.918H15.53z'/%3E%3Cpath d='M22.265 33.976h1.178v-2.652h.37c.662 0 1.156-.103 1.548-.275.987-.423 1.358-1.291 1.358-2.172 0-.994-.427-1.714-1.156-2.103-.426-.228-.942-.331-1.649-.331h-1.65v7.533zm1.178-3.635v-2.915h.438c.437 0 .751.08.987.217.415.251.617.697.617 1.234 0 .606-.213 1.052-.662 1.27-.224.125-.527.194-.931.194h-.449zm4.721 3.635h1.179v-2.652h.37c.662 0 1.155-.103 1.548-.275.987-.423 1.357-1.291 1.357-2.172 0-.994-.426-1.714-1.155-2.103-.427-.228-.943-.331-1.65-.331h-1.649v7.533zm1.179-3.635v-2.915h.437c.438 0 .752.08.987.217.415.251.617.697.617 1.234 0 .606-.213 1.052-.662 1.27-.224.125-.527.194-.93.194h-.45zm6.347 3.635h1.179V27.46h2.007l.337-1.017h-5.665v1.017h2.142v6.516z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); } .disk-file-control-panel-card--doc .disk-file-control-panel-card-btn { background-color: #2c77b1; } .disk-file-control-panel-card--xls .disk-file-control-panel-card-btn { background-color: #54b51e; } .disk-file-control-panel-card--ppt .disk-file-control-panel-card-btn { background-color: #e89e00; } .disk-file-control-panel-card-name { display: block; font: 13px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: rgba(82,92,105,.9); } .disk-file-control-panel-create .disk-file-control-panel-card { background-color: rgba(255,255,255,.9); } .disk-file-control-panel-file-wrap .disk-file-control-panel-card-icon { margin: 23px auto 6px auto; width: 60px; height: 60px; } .disk-file-control-panel-card-icon.ui-icon i, .disk-file-control-panel-card-icon i { border-radius: 0; background-color: transparent; } .disk-file-control-panel-card-divider { display: block; margin-right: 16px; width: 1px; height: 106px; background-color: rgba(82,92,105,.1); } .disk-file-control-panel-card-icon--docs .disk-file-control-panel-card-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='38' height='26' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.14 12.362h33.72c.968 0 1.752.784 1.752 1.752v8.758a2.628 2.628 0 01-2.628 2.628H3.016a2.628 2.628 0 01-2.628-2.628v-8.758c0-.968.784-1.752 1.752-1.752zm10.586 4.92c-.555 0-.899.48-.899 1.07v.774c0 .59.344 1.069.9 1.069h18.29c.554 0 .923-.479.923-1.069v-.775c0-.59-.369-1.068-.924-1.068h-18.29zm-5.77 4.082a2.433 2.433 0 100-4.865 2.433 2.433 0 000 4.865zM7.828.5H30.2a2.19 2.19 0 011.943 1.18l4.374 7.999H1.702l4.164-7.964A2.19 2.19 0 017.827.5z' fill='%23525C69' fill-rule='evenodd' opacity='.5'/%3E%3C/svg%3E"); background-size: 38px 26px; } .disk-file-control-panel-card-icon--b24 .disk-file-control-panel-card-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='39' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.573 0c3.11.004 5.856 1.575 7.506 3.973a7.41 7.41 0 012.506-.432c3.882.005 7.07 2.995 7.44 6.818 3.72.82 6.504 4.168 6.5 8.17-.003 4.614-3.707 8.351-8.273 8.35-.16 0-.319-.005-.477-.014H8.998c-.178 0-.354-.007-.529-.02C3.774 26.737 0 22.857 0 18.088a8.811 8.811 0 012.545-6.197 8.668 8.668 0 012.895-1.93 9.297 9.297 0 012.658-7.255A9.107 9.107 0 0114.573 0zm.105 9.252c-1.66 0-3.056.51-4.063.968l.619 1.848c.9-.405 1.872-.792 3.055-.792.884 0 1.714.352 1.714 1.355 0 2.289-5.3 2.623-5.776 8.344h8.46v-2.042h-5.316c.742-2.447 5.158-3.345 5.158-6.548 0-1.83-1.255-3.133-3.851-3.133zm11.146.035h-1.731l-5.83 7.393v1.531h5.211v2.764h2.35V18.21h1.73v-1.936h-1.73V9.287zM23.58 12.86c-.035.229-.106 1.268-.106 2.165v1.25h-1.06c-.406 0-1.254.035-1.466.053z' fill='%232FC6F6' fill-rule='evenodd'/%3E%3C/svg%3E"); background-size: 39px 27px; } .disk-file-control-panel-card-icon--google-docs .disk-file-control-panel-card-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.47 19.36A8.25 8.25 0 0016 24.234c1.461 0 2.84-.39 4.045-1.063l5.276 5.23A15.561 15.561 0 0116 31.5a15.608 15.608 0 01-12.908-6.809zm21.991-6.993c.44 0 .818.31.9.738.183.946.275 1.921.275 2.895 0 4.392-1.869 8.352-4.848 11.166l-5.178-5.134a8.14 8.14 0 001.84-2.4h-7.39a.912.912 0 01-.916-.908v-5.449c0-.502.41-.908.916-.908zM2.078 8.993l5.749 5.699c-.07.429-.134.86-.134 1.308 0 .448.064.88.134 1.308l-5.749 5.699A15.218 15.218 0 01.364 16c0-2.524.626-4.901 1.714-7.007zM16 .5a15.67 15.67 0 019.993 3.604.903.903 0 01.059 1.338l-3.91 3.877a.92.92 0 01-1.198.084A8.21 8.21 0 0016 7.766a8.25 8.25 0 00-7.53 4.874L3.092 7.309A15.609 15.609 0 0116 .5z' fill='%23525C69' fill-rule='evenodd' opacity='.3'/%3E%3C/svg%3E"); background-size: 32px 32px; } .disk-file-control-panel-card-icon--office365 .disk-file-control-panel-card-icon { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAkCAYAAAB15jFqAAAABGdBTUEAALGPC/xhBQAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAHaADAAQAAAABAAAAJAAAAABRgu6cAAAE30lEQVRYCbVXu04jSRTtso1pDIjxCMyy7AwWYx4aIoQIkEhI+AN+gIQPAHJykMj5AiQkEjISgpVWJIgI7UozmhWIh8EGuv3Adpt27zmFq2kbt8GzzJWuq7oe99Q999bDmvZz0oVpn6C/z8/PdzqOE2zFTKiVwRjbAf0CJWAY6hweHlrr6+vZYrGYPj09vX18fMxMTExY6PMV4dtT28HFfYYSMAK1oa709vYGdnd3xfDwsF0qlQqWZRnhcDjV3d1919fXlxdCOO5gVF4DZf8ANAGNQivQGgP4lrK6uqotLi5qDw8PIgBhI2i3oDlU04VC4Xx2djbLdl96e3p6oqZpjmJMDErwGu/wXSPpdFq7v7/X4CkXpcYGARoNhUIf0fb54ODgaG5uLv0CtL+/vxMTE6Doj0gkEkS9Ytt2Q+88qIJjqqCeZlklOxS9ra1tHIv4ywVF8MM3NzdDaBwOBoM6FHbsSnt7u4ZSQ4LI8mm++8us5YLyiKEDaiNQt7OuYoP1rq2tLV2CArALVE5hJR+IBDpsBN8F42QsgtSxjfEi3SVoEnoFTU1OTn65vr5mOBS1qNYK7GrZbFYQVJTL5a+6rn8ApRKMXhHEI6QvAK/LGMNtQbBrqOsWFi0qlYpWzSHP1OcqHSFwaGZmRkcsohgsAekNAQEiR6MuMNAE7UkYTYK+zLOZ5xo80MCURmA/kYAExV4K5PN5AQ8kmIqhmoj2f1Kp1A98+9KmxnLBzUDJYC6Xe9oyXIGKoTIAz0mpcXFx8R1tr2WvNFZvQ9lSJRlEwj2BqvipkoNAp8B3gVU1qVlJphgSAvsJ481tJbNXeUr3uRKCs44E87dQZ5m0cW4zgSOyW4IqD1mqRGqWhX6GObeZp+yjSlCvESaSAmY2tiIqGf3mMMmwNZ/pJcUEoxCYVDRbtZ/ht7TL24AgpFaVnMjvVj19CyDHuDFVQVYT679V+3uUbkxJL4UeUsm/ovs9gLw2JBJp5RbxCrP3ZzLYa8OvHsD9KQ9hbzzp9a+M6YtEUuAE/VUi6aVnpFLtTwKiztPI/8r4HyuS9CrvWFKwPwPYxA5uIF7Q7y4hHNIVeClwbopqMgWwXQycu9+2t7cv3x0RBkObm5vFpaWlU1AcxwKKWMCPeDx+vra2xnQWCwsLMu714Ds7O94mB1vszZeDO3BlZaUzk8lYeDiVaW15eXkIr/YhtAmUckvxJiEbhmHIK4pltc2ZmprSx8fHw/Vbz7syOGXjqfqnezhsbGzk1QB4GYHBr1h9G5LK4RnMw4IJh3lS+c26OrkA9qZ7lxgNqTs5OXFgRGYuAAlK+hyAOLhJZB1zCSLbqnUU/oLF8SVSwluq1BAU8Srgz9Df2DYPAGs4xt/8yx7a4KJvb2//PTo6Krv01g/d29s7j0aj5vT09CdsnUF4y/3ku2+9hwm9opIheGfhBZlLJpPnx8fHF8TxBSUA3jPm/v5+fnR0NDk4ODgEw78hu4OknvGkUggYi8UC/EbfI7ZbASyZl5eXxt3dnYnHHd/H/PsoJ7jZy8mvSHhsbKy3o6Mjjmz+iKwOMnth3B4ZGbESiUQWmWlcXV0ZCA3/qfFFQBCyU5NkrYBirvw7oQ8MDMTgUBS00eMMvDTPzs6K6Od2I4hvGND36v9TjmkkvA3UjdDQm0aTVNt/t7usdWPE+coAAAAASUVORK5CYII='); background-size: 37px 37px; } .disk-file-control-panel-card-icon--upload .disk-file-control-panel-card-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='29' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%232FC6F6' fill-rule='evenodd'%3E%3Cpath d='M11.673 8.13l8.962 8.148a1 1 0 01-.673 1.74h-5.98l.001 9.7a1 1 0 01-1 1H9.017a1 1 0 01-1-1v-9.7h-5.98a1 1 0 01-.673-1.74l8.962-8.148a1 1 0 011.346 0z'/%3E%3Crect width='22' height='5' rx='2'/%3E%3C/g%3E%3C/svg%3E"); background-size: 22px 29px; } .disk-file-control-panel-card-icon--more .disk-file-control-panel-card-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5.167a3.833 3.833 0 110 7.666 3.833 3.833 0 010-7.666zm11.5 0a3.833 3.833 0 110 7.666 3.833 3.833 0 010-7.666zm11.5 0a3.833 3.833 0 110 7.666 3.833 3.833 0 010-7.666z' fill='%23525C69' fill-rule='evenodd' opacity='.3'/%3E%3C/svg%3E"); background-size: 32px 8px; } .disk-file-control-panel-btn-upload-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 41px; } .disk-file-control-panel-btn-upload { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 5px 10px; width: 100%; height: 41px; border-radius: 12px; border: 2px dashed rgba(82,92,105,.15); font: 13px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: rgba(82,92,105,.5); text-align: center; -webkit-transition: height .3s, border .3s; -o-transition: height .3s, border .3s; transition: height .3s, border .3s; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .disk-file-control-panel-btn-upload:hover { border: 2px dashed rgba(82,92,105,.30); } .bxu-file-input-over .disk-file-control-panel-btn-upload { position: absolute; background-color: white; z-index: 5; bottom: 0; top: 0; right: 0; left: 0; border: 2px dashed #2fc6f6; width: 100%; height: 100%; font: 15px 'Helvetica Neue', Arial, Helvetica, sans-serif; } .bxu-file-input-over .disk-file-control-panel-file-wrap { opacity: 0; pointer-events: none; } .bxu-file-input-over .disk-file-control-panel-btn-settings { display: none; } .disk-file-control-panel-btn-settings { display: block; margin-left: 10px; width: 32px; height: 32px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.691 11.078a3.158 3.158 0 01-3.769-3.77c.23-1.075 1.31-2.157 2.386-2.386a3.158 3.158 0 013.77 3.77 3.106 3.106 0 01-2.387 2.386zM13.83 6.57a5.992 5.992 0 00-.488-1.313.05.05 0 01.006-.053l.994-1.234a.7.7 0 00-.021-.905l-.63-.71a.7.7 0 00-.897-.127l-1.355.852a5.962 5.962 0 00-1.969-.895.05.05 0 01-.037-.04L9.173.586A.7.7 0 008.484 0h-.95a.698.698 0 00-.69.585l-.26 1.562a.05.05 0 01-.037.04 5.96 5.96 0 00-1.624.674.05.05 0 01-.053-.002l-1.263-.901a.7.7 0 00-.902.074l-.671.672a.7.7 0 00-.074.902l.903 1.265a.05.05 0 01.002.054 5.976 5.976 0 00-.669 1.611.05.05 0 01-.04.037l-1.57.262a.7.7 0 00-.585.69v.95a.7.7 0 00.585.69l1.57.262a.05.05 0 01.04.037c.118.469.287.918.508 1.335a.05.05 0 01-.005.054l-.99 1.226a.7.7 0 00.021.905l.63.71a.7.7 0 00.897.127l1.348-.846a.05.05 0 01.053 0 5.96 5.96 0 001.92.846l.267 1.594a.698.698 0 00.69.585h.95a.7.7 0 00.69-.585l.26-1.562a.05.05 0 01.036-.04 5.952 5.952 0 001.605-.663.05.05 0 01.053.002l1.317.94c.277.2.66.169.901-.074l.672-.671a.698.698 0 00.073-.902l-.937-1.314a.05.05 0 01-.002-.054 5.92 5.92 0 00.67-1.616.05.05 0 01.04-.037l1.553-.259a.699.699 0 00.585-.69v-.95a.7.7 0 00-.585-.69l-1.585-.264z' fill='%23525C69' fill-rule='evenodd'/%3E%3C/svg%3E") center no-repeat; background-size: 16px 16px; -webkit-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; opacity: .4; cursor: pointer; } .disk-file-control-panel-btn-settings:hover { opacity: 1; } /* region Popup / .disk-file-popup-settings-wrap { padding: 20px; } .disk-file-popup-settings-item { position: relative; display: block; margin-bottom: 18px; padding-left: 22px; font: 14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #333; cursor: pointer; } .disk-file-popup-settings-item:before { content: ''; position: absolute; top: 4px; left: 0; display: block; width: 12px; height: 9px; background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='9' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.36 3.446L4.013 6.1 10.316 0l1.36 1.36-6.3 6.1-1.363 1.36-1.36-1.36L0 4.806z' fill='%232066B0'/%3E%3C/svg%3E") center no-repeat; } .disk-file-popup-settings-item:last-child { margin-bottom: 0; } .disk-file-popup-rename-file-wrap .popup-window-titlebar { height: 35px; } .disk-file-popup-rename-file-wrap .popup-window-titlebar-text { padding-top: 15px; padding-left: 10px; font: 13px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #525C69; opacity: .5; } .disk-file-popup-rename-file-wrap.popup-window-with-titlebar .popup-window-content { padding: 0 10px 10px 10px; background-color: transparent; } .disk-file-popup-menu-rename .menu-popup-item-icon { display: none; } .disk-file-popup-menu-rename .menu-popup-item-text { padding: 0 15px; } .disk-file-popup-rename-file-btn-box { margin: 17px 0 0 0; } .disk-file-popup-menu-disk .menu-popup-item-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.995 3.205v8.926H.011V3.205h12.984zM7.315.77l1.623 1.623H.01V.77h7.304z' fill='%239CA3AD' fill-rule='evenodd'/%3E%3C/svg%3E") center 0 no-repeat; } .disk-file-popup-rename-file-textarea { padding: 10px; min-height: 103px; border: 1px solid #c6cdd3; font: 14px 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; } .disk-file-popup-rename-file-wrap .popup-window-angly { top: 45px!important; left: -27px!important; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } / endregion */ .ui-tile-uploader-stack { width: 100px; height: 100px; border: 1px dashed tomato; }

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