mediacms/static/css/add-media.css

1 line
10 KiB
CSS
Raw Normal View History

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-dr