관리-도구
편집 파일: app-file-manager.css
.file-manager-application .sidebar-file-manager{background-color:#fff;border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;height:100%;transition:all .3s ease,background 0s;width:260px}.file-manager-application .sidebar-file-manager .sidebar-inner{height:inherit}.file-manager-application .sidebar-file-manager .sidebar-inner .dropdown-actions{padding:1.5rem 1.5rem 1.8rem;width:100%}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-close-icon{cursor:pointer;font-size:1.5rem;position:absolute;right:.25rem;top:.25rem;z-index:5}.file-manager-application .sidebar-file-manager .sidebar-inner .add-file-btn~.dropdown-menu{width:85%}.file-manager-application .sidebar-file-manager .sidebar-inner .add-file-btn~.dropdown-menu:before{display:none}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list{height:calc(100% - 85px);position:relative}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .my-drive{padding:.58rem 0}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .my-drive .jstree-node .jstree-icon{background-position:.5rem;background-size:1.3rem}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .my-drive .jstree-node .jstree-anchor>.jstree-themeicon{margin-right:.5rem}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .my-drive .jstree-node.jstree-closed>.jstree-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e5873' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .my-drive .jstree-node.jstree-open>.jstree-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e5873' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .list-group-labels,.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .storage-status{margin-top:2.2rem}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .list-group-item{border:0;border-left:2px solid transparent;border-radius:0;font-weight:500;padding:.58rem 1.9rem}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .list-group-item:hover{z-index:0!important}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .list-group-item+.list-group-item.active{margin-top:0}.file-manager-application .sidebar-file-manager .sidebar-inner .sidebar-list .active{background-color:transparent;border-color:#7367f0;color:#7367f0}.file-manager-application .sidebar-file-manager.show{transform:translateX(0)!important;transition:all .25s ease,background 0s!important;z-index:10}.file-manager-application .content-area-wrapper{border:1px solid #ebe9f1;border-radius:.25rem}.file-manager-application .content-area-wrapper .content-right .content-wrapper{padding:0}.file-manager-application .content-area-wrapper .file-manager-main-content{border-left:1px solid #ebe9f1;height:inherit}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-header{background-color:#fff;border-bottom:1px solid #ebe9f1;border-top-right-radius:.357rem;padding:.47rem 1rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-header .file-manager-toggler{cursor:pointer}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-header input{border-color:transparent;box-shadow:none}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-header .file-actions:not(.show){display:none}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body{background-color:#fff;height:calc(100% - 50px);padding:1.5rem 1.5rem 0;position:relative}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container{display:flex;flex-wrap:wrap}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item{border:1px solid #ebe9f1;box-shadow:none;cursor:pointer;margin-bottom:1.6rem;margin-right:1rem;transition:none}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .card-body{padding:1rem 1rem .5rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .form-check-input:not(:checked){background-color:transparent}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .file-logo-wrapper{background-color:#f8f8f8;height:7.5rem;padding:1rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .file-logo-wrapper .feather-folder{stroke:#babfc7}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .dropdown-menu{transform:none}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .dropdown-menu:before{display:none}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .content-wrapper{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:space-between}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item .file-date{flex-grow:1;margin-bottom:0}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-manager-item.selected{border-color:#7367f0}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .file-name{flex-grow:1;font-weight:600;min-height:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 26rem)}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container .files-section-title{width:100%}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view{flex-direction:column}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .files-section-title{display:none}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .files-header{display:flex;justify-content:space-between;margin-bottom:1rem;margin-left:7.2rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .files-header p{font-weight:600}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .files-header .file-item-size,.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .files-header .file-last-modified{margin-right:3rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .file-manager-item{align-items:center;flex:0 0 100%;flex-direction:row;margin-bottom:.75rem;margin-right:0;max-width:100%}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .file-manager-item .file-logo-wrapper{background-color:transparent!important;height:auto;padding-right:0;width:auto}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .file-manager-item .file-logo-wrapper img{height:1.5rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .file-manager-item .file-logo-wrapper .feather-arrow-up,.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .file-manager-item .file-logo-wrapper .feather-folder{height:18px;width:19px}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .file-manager-item .file-logo-wrapper .dropdown{position:absolute;right:1rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .file-manager-item .form-check{margin:0 .4rem 0 1.75rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .file-manager-item .file-accessed{display:none}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .file-manager-item .file-size{flex-grow:1;margin-bottom:0;width:5.71rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container.list-view .folder.level-up .file-logo-wrapper{margin-left:3.5rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .files-header{display:none}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .content-wrapper{margin-bottom:0}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-date{display:none}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .file-size{color:#b9b9c3;font-size:85%}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item:not(.selected):not(:hover) .form-check,.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item:not(.selected):not(:hover) .toggle-dropdown{opacity:0}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .feather-folder{height:32px;width:35px}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item.folder.level-up{display:none!important}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-body .view-container:not(.list-view) .file-manager-item .form-check{left:1rem;position:absolute;top:1rem}@media screen and (max-width:1200px){.file-manager-application .content-right{width:100%}.file-manager-application .content-body{margin-left:0!important}.file-manager-application .content-area-wrapper .file-manager-main-content{border-left:0}.file-manager-application .sidebar-left .sidebar{z-index:10}.file-manager-application .sidebar-left .sidebar .sidebar-file-manager{position:absolute;transform:translateX(-112%);transition:all .25s ease}}@media(max-width:767.98px){.file-manager-application .view-container .file-manager-item{flex:47%}}@media(max-width:575.98px){.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-header{padding-left:.5rem}.file-manager-application .content-area-wrapper .file-manager-main-content .file-manager-content-header .file-actions .dropdown{padding-left:.5rem;padding-right:.5rem}.file-manager-application .content-area-wrapper .view-container .file-manager-item{flex:0 0 100%;max-width:100%}.file-manager-application .content-area-wrapper .view-container.list-view .file-date,.file-manager-application .content-area-wrapper .view-container.list-view .file-item-size,.file-manager-application .content-area-wrapper .view-container.list-view .file-last-modified,.file-manager-application .content-area-wrapper .view-container.list-view .file-size{display:none!important}}@media(min-width:576px){.file-manager-application .view-container .file-manager-item{flex:0 0 23%;max-width:25%}}