diff options
Diffstat (limited to 'apps/files/css/upload.css')
| -rw-r--r-- | apps/files/css/upload.css | 264 |
1 files changed, 1 insertions, 263 deletions
diff --git a/apps/files/css/upload.css b/apps/files/css/upload.css index 7074ba2827d..ad443ad788c 100644 --- a/apps/files/css/upload.css +++ b/apps/files/css/upload.css @@ -1,263 +1 @@ -#upload { - box-sizing: border-box; - height: 36px; - width: 39px; - padding: 0 !important; /* override default control bar button padding */ - margin-left: 3px; - overflow: hidden; - vertical-align: top; - position: relative; - z-index: -20; -} - -#upload .icon-upload { - position: relative; - display: block; - width: 100%; - height: 44px; - width: 44px; - margin: -5px -3px; - cursor: pointer; - z-index: 10; - opacity: 0.65; -} - -.file_upload_target { - display: none; -} - -.file_upload_form { - display: inline; - float: left; - margin: 0; - padding: 0; - cursor: pointer; - overflow: visible; -} - -.uploadprogresswrapper, .uploadprogresswrapper * { - box-sizing: border-box; -} - -.uploadprogresswrapper { - display: inline-block; - vertical-align: top; - height: 36px; - margin-left: 3px; -} - -.uploadprogresswrapper > input[type=button] { - height: 36px; - margin-left: 3px; -} - -#uploadprogressbar { - border-color: var(--color-border-dark); - border-radius: var(--border-radius-pill) 0 0 var(--border-radius-pill); - border-right: 0; - position: relative; - float: left; - width: 200px; - height: 44px; - display: inline-block; - text-align: center; -} -#uploadprogressbar .ui-progressbar-value { - margin-top: 0.1em; -} - -#uploadprogressbar .ui-progressbar-value.ui-widget-header.ui-corner-left { - height: calc(100% + 2px); - top: -1px; - left: -1px; - position: absolute; - overflow: hidden; - background-color: var(--color-primary); -} - -#uploadprogressbar .label { - top: 8px; - opacity: 1; - overflow: hidden; - white-space: nowrap; - font-weight: normal; -} - -#uploadprogressbar .label.inner { - color: var(--color-primary-text); - position: absolute; - display: block; - width: 200px; -} - -#uploadprogressbar .label.outer { - position: relative; - color: var(--color-main-text); -} - -#uploadprogressbar .desktop { - display: block; -} - -#uploadprogressbar .mobile { - display: none; -} - -#uploadprogressbar + .stop { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.oc-dialog .fileexists { - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - margin-bottom: 30px; -} - -.oc-dialog .fileexists .conflict .filename, -.oc-dialog .fileexists .conflict .mtime, -.oc-dialog .fileexists .conflict .size { - -webkit-touch-callout: initial; - -webkit-user-select: initial; - -khtml-user-select: initial; - -moz-user-select: initial; - -ms-user-select: initial; - user-select: initial; -} - -.oc-dialog .fileexists .conflict .message { - color: #e9322d; -} - -.oc-dialog .fileexists table { - width: 100%; -} - -.oc-dialog .fileexists th { - padding-left: 0; - padding-right: 0; -} - -.oc-dialog .fileexists th input[type=checkbox] { - margin-right: 3px; -} - -.oc-dialog .fileexists th:first-child { - width: 225px; -} - -.oc-dialog .fileexists th label { - font-weight: normal; - color: var(--color-main-text); -} - -.oc-dialog .fileexists th .count { - margin-left: 3px; -} - -.oc-dialog .fileexists .conflicts .template { - display: none; -} - -.oc-dialog .fileexists .conflict { - width: 100%; - height: 85px; -} - -.oc-dialog .fileexists .conflict .filename { - color: #777; - word-break: break-all; - clear: left; -} - -.oc-dialog .fileexists .icon { - width: 64px; - height: 64px; - margin: 0px 5px 5px 5px; - background-repeat: no-repeat; - background-size: 64px 64px; - float: left; -} - -.oc-dialog .fileexists .original, -.oc-dialog .fileexists .replacement { - float: left; - width: 50%; -} - -.oc-dialog .fileexists .conflicts { - overflow-y: auto; - max-height: 225px; -} - -.oc-dialog .fileexists .conflict input[type=checkbox] { - float: left; -} - -.oc-dialog .fileexists #allfileslabel { - float: right; -} - -.oc-dialog .fileexists #allfiles { - vertical-align: bottom; - position: relative; - top: -3px; -} - -.oc-dialog .fileexists #allfiles + span { - vertical-align: bottom; -} - -.oc-dialog .oc-dialog-buttonrow { - width: 100%; - text-align: right; -} -.oc-dialog .oc-dialog-buttonrow .cancel { - float: left; -} - -.highlightUploaded { - -webkit-animation: highlightAnimation 2s 1; - -moz-animation: highlightAnimation 2s 1; - -o-animation: highlightAnimation 2s 1; - animation: highlightAnimation 2s 1; -} - -@-webkit-keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -@-moz-keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -@-o-keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} -@keyframes highlightAnimation { - 0% { - background-color: rgb(255, 255, 140); - } - 100% { - background-color: rgba(0, 0, 0, 0); - } -} - -/*# sourceMappingURL=upload.css.map */ +#upload{box-sizing:border-box;height:36px;width:39px;padding:0 !important;margin-left:3px;overflow:hidden;vertical-align:top;position:relative;z-index:-20}#upload .icon-upload{position:relative;display:block;width:100%;height:44px;width:44px;margin:-5px -3px;cursor:pointer;z-index:10;opacity:.65}.file_upload_target{display:none}.file_upload_form{display:inline;float:left;margin:0;padding:0;cursor:pointer;overflow:visible}.uploadprogresswrapper,.uploadprogresswrapper *{box-sizing:border-box}.uploadprogresswrapper{display:inline-block;vertical-align:top;height:36px;margin-left:3px}.uploadprogresswrapper>input[type=button]{height:36px;margin-left:3px}#uploadprogressbar{border-color:var(--color-border-dark);border-radius:var(--border-radius-pill) 0 0 var(--border-radius-pill);border-right:0;position:relative;float:left;width:200px;height:44px;display:inline-block;text-align:center}#uploadprogressbar .ui-progressbar-value{margin-top:.1em}#uploadprogressbar .ui-progressbar-value.ui-widget-header.ui-corner-left{height:calc(100% + 2px);top:-1px;left:-1px;position:absolute;overflow:hidden;background-color:var(--color-primary)}#uploadprogressbar .label{top:8px;opacity:1;overflow:hidden;white-space:nowrap;font-weight:normal}#uploadprogressbar .label.inner{color:var(--color-primary-text);position:absolute;display:block;width:200px}#uploadprogressbar .label.outer{position:relative;color:var(--color-main-text)}#uploadprogressbar .desktop{display:block}#uploadprogressbar .mobile{display:none}#uploadprogressbar+.stop{border-top-left-radius:0;border-bottom-left-radius:0}.oc-dialog .fileexists{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-bottom:30px}.oc-dialog .fileexists .conflict .filename,.oc-dialog .fileexists .conflict .mtime,.oc-dialog .fileexists .conflict .size{-webkit-touch-callout:initial;-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:initial}.oc-dialog .fileexists .conflict .message{color:#e9322d}.oc-dialog .fileexists table{width:100%}.oc-dialog .fileexists th{padding-left:0;padding-right:0}.oc-dialog .fileexists th input[type=checkbox]{margin-right:3px}.oc-dialog .fileexists th:first-child{width:225px}.oc-dialog .fileexists th label{font-weight:normal;color:var(--color-main-text)}.oc-dialog .fileexists th .count{margin-left:3px}.oc-dialog .fileexists .conflicts .template{display:none}.oc-dialog .fileexists .conflict{width:100%;height:85px}.oc-dialog .fileexists .conflict .filename{color:#777;word-break:break-all;clear:left}.oc-dialog .fileexists .icon{width:64px;height:64px;margin:0px 5px 5px 5px;background-repeat:no-repeat;background-size:64px 64px;float:left}.oc-dialog .fileexists .original,.oc-dialog .fileexists .replacement{float:left;width:50%}.oc-dialog .fileexists .conflicts{overflow-y:auto;max-height:225px}.oc-dialog .fileexists .conflict input[type=checkbox]{float:left}.oc-dialog .fileexists #allfileslabel{float:right}.oc-dialog .fileexists #allfiles{vertical-align:bottom;position:relative;top:-3px}.oc-dialog .fileexists #allfiles+span{vertical-align:bottom}.oc-dialog .oc-dialog-buttonrow{width:100%;text-align:right}.oc-dialog .oc-dialog-buttonrow .cancel{float:left}.highlightUploaded{-webkit-animation:highlightAnimation 2s 1;-moz-animation:highlightAnimation 2s 1;-o-animation:highlightAnimation 2s 1;animation:highlightAnimation 2s 1}@-webkit-keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@-moz-keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@-o-keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}@keyframes highlightAnimation{0%{background-color:#ffff8c}100%{background-color:rgba(0,0,0,0)}}/*# sourceMappingURL=upload.css.map */ |