mediacms/static/css/add-media.css

dialog{background-color:var(--add-media-page-tmplt-dialog-bg-color)}.media-uploader{background-color:var(--add-media-page-tmplt-uploader-bg-color)}.media-dropzone{background-color:var(--add-media-page-tmplt-dropzone-bg-color)}.media-drag-drop-content-inner{color:var(--add-media-page-tmplt-drag-drop-inner-text-color)}.media-upload-item-spinner i{color:var(--add-media-page-tmplt-upload-item-spiner-text-color)}.media-upload-item-bottom-actions>*,.media-upload-item-top-actions>*{color:var(--add-media-page-tmplt-upload-item-actions-text-color)}.media-upload-item-upload-size{color:var(--add-media-page-tmplt-upload-item-actions-text-color)}.media-drag-drop-inner,.media-upload-item-bottom-actions>*,.media-upload-item-name .media-upload-item-filename-input,.media-upload-item-progress-bar-container,.media-upload-item-spinner,.media-upload-item-thumb,.retry-media-upload-item{background-color:var(--sidebar-bg-color)}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(1turn)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}to{-o-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-o-transform:rotate(1turn);transform:rotate(1turn)}}.media-uploader-wrap{position:relative;width:100%;max-width:1324px;padding:8px;margin:0 auto 1em}.pre-upload-msg{display:block;margin:16px 0;font-size:14px;font-weight:400;text-align:center}.media-uploader{position:relative;display:block;padding:.75rem;width:100%}.media-uploader:after{content:"";position:absolute;bottom:-5px;right:0;width:100%;height:5px;left:0;opacity:1;pointer-events:none;-webkit-box-shadow:inset 0 4px 8px -3px rgba(17,17,17,.06);-moz-box-shadow:inset 0 4px 8px -3px rgba(17,17,17,.06);box-shadow:inset 0 4px 8px -3px rgba(17,17,17,.06)}.media-uploader-top-wrap{position:relative;padding:0 0 1.5em}.media-uploader-top-wrap h1{display:block;font-size:16px;font-weight:500;line-height:1.25em;margin:0;white-space:pre-wrap;overflow-wrap:break-word}.media-uploader-bottom-wrap{position:relative;display:inline-block;width:100%}.media-uploader-top-left-wrap,.media-uploader-top-right-wrap{position:relative;width:50%}.media-uploader-bottom-left-wrap,.media-uploader-bottom-right-wrap{position:relative;display:inline-block;vertical-align:top;width:100%}.media-uploader-bottom-left-wrap{min-height:225px;height:0;padding-top:75%}@media screen and (min-width:480px){.media-uploader-bottom-left-wrap{padding-top:62.5%}}@media screen and (min-width:768px){.media-uploader-bottom-left-wrap{padding-top:56.25%}}@media screen and (min-width:1024px){.media-uploader-bottom-left-wrap{position:absolute;top:0;left:0;width:40%;height:100%;padding:0}}.media-uploader-bottom-right-wrap{float:right}@media screen and (min-width:1024px){.media-uploader-bottom-right-wrap{width:60%}}dialog{padding:32px 24px 16px;border:0;-webkit-box-shadow:rgba(0,0,0,.14) 0 16px 24px 2px,rgba(0,0,0,.12) 0 6px 30px 5px,rgba(0,0,0,.4) 0 8px 10px -5px;-moz-box-shadow:rgba(0,0,0,.14) 0 16px 24px 2px,rgba(0,0,0,.12) 0 6px 30px 5px,rgba(0,0,0,.4) 0 8px 10px -5px;box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.4);display:none}dialog[open]{display:block}dialog::-webkit-backdrop{background-color:rgba(0,0,0,.5)}dialog::backdrop{background-color:rgba(0,0,0,.5)}dialog .qq-dialog-buttons{padding-top:16px;text-align:center}dialog .qq-dialog-buttons button{font-size:14px;font-stretch:100%;font-weight:500;line-height:20px;letter-spacing:.007px;text-align:center;padding:10px 16px;margin:0;border:0;background:none;text-transform:uppercase}dialog .qq-dialog-message-selector{padding-bottom:16px}.media-drag-drop-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:.75rem}@media screen and (min-width:1024px){.media-drag-drop-wrap{position:relative;padding-right:0}}.media-drag-drop-inner{height:100%;display:block}.media-drag-drop-content{display:table;width:100%;height:100%}.media-drag-drop-content-inner{position:relative;display:table-cell;text-align:center;vertical-align:middle;padding-bottom:1rem;font-family:Arial,sans-serif}.media-drag-drop-content-inner span{display:block}.media-drag-drop-content-inner span:nth-child(2){margin-top:.25rem;margin-bottom:.25rem}.media-drag-drop-content-inner .material-icons{padding:0;margin:0;font-size:4em;line-height:1;opacity:.5}.media-drag-drop-content-inner .browse-files-btn-wrap{margin-top:.75rem;font-size:14px}.media-drag-drop-content-inner .browse-files-btn-wrap span{display:inline-block;padding:.75rem 1rem;color:#fff;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.media-dropzone{position:absolute;top:0;left:0;right:0;bottom:0;display:block}.media-upload-items-list{position:relative;display:block;margin:0 .75rem .75rem;padding:0;overflow:auto;max-height:80vh;list-style:none}@media screen and (min-width:1024px){.media-upload-items-list{min-height:320px}}.media-upload-items-list li{position:relative;float:left;width:100%;padding:.75rem 0 0;margin:0 0 1.5rem}@media screen and (min-width:1024px){.media-upload-items-list li{padding:.75rem .75rem 0}}.media-upload-items-list li:before{content:"";position:absolute;top:-.375rem;left:0;right:0;display:block;height:1px;background-color:rgba(17,17,17,.06)}@media screen and (min-width:1024px){.media-upload-items-list li:before{left:.75rem;right:.75rem}}.media-upload-items-list li:first-child:before{display:none}.media-upload-items-list li:last-child{margin-bottom:0}.media-upload-item-thumb{position:absolute;top:0;left:0;display:inline-block;width:80px;height:80px;overflow:hidden;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}@media screen and (min-width:480px){.media-upload-item-thumb{width:100px;height:100px}}.media-upload-item-thumb img{height:100%;min-width:100%;width:auto}.qq-upload-fail .media-upload-item-thumb img{display:none}.media-upload-item-spinner{position:absolute;top:0;left:0;display:block;width:80px;height:80px;line-height:78px;text-align:center}@media screen and (min-width:480px){.media-upload-item-spinner{width:100px;height:100px;line-height:98px}}.media-upload-item-spinner i{padding:0;line-height:1;font-size:1.5em;-webkit-animation-name:spin;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:spin;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-ms-animation-name:spin;-ms-animation-duration:2s;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear;-o-animation-name:spin;animation-name:spin;-o-animation-duration:2s;animation-duration:2s;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-o-animation-timing-function:linear;animation-timing-function:linear}.media-upload-item-details{position:relative;display:block;min-height:80px;margin:0 auto 0 96px}@media screen and (min-width:480px){.media-upload-item-details{min-height:100px;margin:0 auto 0 116px}}.media-upload-item-name{position:relative;font-size:14px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:40px;display:block;padding-right:.75rem;margin-bottom:.5rem;margin-right:8rem;font-weight:500}.media-upload-item-name.qq-editable{margin-right:10rem}.media-upload-item-name>span{line-height:20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;background-color:rgba(0,0,0,0);display:block;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.media-upload-item-name .media-upload-item-filename-input{width:100%;height:30px;line-height:30px;padding:0 .5rem;display:none}.media-upload-item-name .media-upload-item-filename-input.qq-editing{display:inline-block}.view-uploaded-media-link{font-weight:500}.media-upload-item-bottom-actions>*,.media-upload-item-top-actions>*{margin:0;border:0;background:none;text-decoration:none}.media-upload-item-bottom-actions .material-icons,.media-upload-item-top-actions .material-icons{padding:0;display:inline-block}.media-upload-item-top-actions{position:absolute;top:0;right:0}.media-upload-item-top-actions>*{padding:.125rem .25rem;font-size:13px}.media-upload-item-top-actions>:not(.qq-hide)~*{margin-left:.25rem}.media-upload-item-top-actions>:last-child{padding-right:0}.media-upload-item-top-actions>* .material-icons{font-size:15px;line-height:1em;vertical-align:middle;vertical-align:text-bottom}.media-upload-item-top-actions .filename-edit{display:none}.media-upload-item-top-actions .filename-edit.qq-editable{display:block}.media-upload-item-bottom-actions{position:relative;width:100%;float:left}.media-upload-item-bottom-actions>*{float:left;line-height:2;padding:0 .5rem 0 .25rem;margin-top:.5rem;font-family:Arial,sans-serif;font-size:13px;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.media-upload-item-bottom-actions>:not(.qq-hide)~*{margin-left:.5rem}.media-upload-item-bottom-actions>:hover{color:#fff}.media-upload-item-bottom-actions>* .material-icons{font-size:20px;vertical-align:middle}.retry-media-upload-item{position:absolute;top:50%;left:50%;width:4rem;line-height:1.75rem;margin-top:-.875rem;margin-left:-2rem;padding:0 .25rem 0 0;font-family:Arial,sans-serif;font-size:12px;font-weight:700;border:0;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.retry-media-upload-item:hover{color:#fff}.retry-media-upload-item .material-icons{font-size:20px;vertical-align:middle}.media-upload-item-main{position:relative;width:100%;float:left}.media-upload-item-progress-bar-container{position:relative;width:100%;display:inline-block;margin-bottom:.5rem;overflow:hidden;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.media-upload-item-progress-bar-container .media-upload-item-progress-bar{position:relative;height:.5rem}.media-upload-item-details-bottom{position:relative;width:100%;float:left;padding-bottom:.25rem}.media-upload-item-upload-size{float:left}.media-upload-item-status-text,.media-upload-item-upload-size{position:relative;width:auto;font-size:12px;font-family:Arial,sans-serif}.media-upload-item-status-text{float:right;font-weight:500}.qq-upload-fail .media-upload-item-status-text{font-weight:700}.qq-hide{display:none}