123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188 |
- #upload {
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- 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: .65;
- }
- .file_upload_target { display:none; }
- .file_upload_form { display:inline; float:left; margin:0; padding:0; cursor:pointer; overflow:visible; }
- #file_upload_start {
- position: relative;
- left: 0;
- top: 0;
- width: 44px;
- height: 44px;
- margin: -5px -3px;
- padding: 0;
- font-size: 16px;
- -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0;
- z-index: 20;
- cursor: pointer;
- overflow: hidden;
- }
- #uploadprogresswrapper, #uploadprogresswrapper * {
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- 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 {
- position:relative;
- float: left;
- width: 200px;
- height: 36px;
- display:inline-block;
- }
- #uploadprogressbar + stop {
- font-size: 13px;
- }
- .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;
- }
- .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: 230px;
- }
- .oc-dialog .fileexists th label {
- font-weight: normal;
- color:black;
- }
- .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 .replacement {
- float: left;
- width: 230px;
- }
- .oc-dialog .fileexists .original {
- float: left;
- width: 230px;
- }
- .oc-dialog .fileexists .conflicts {
- overflow-y:scroll;
- 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: rgba(255, 255, 140, 1); }
- 100% { background-color: rgba(0, 0, 0, 0); }
- }
- @-moz-keyframes highlightAnimation {
- 0% { background-color: rgba(255, 255, 140, 1); }
- 100% { background-color: rgba(0, 0, 0, 0); }
- }
- @-o-keyframes highlightAnimation {
- 0% { background-color: rgba(255, 255, 140, 1); }
- 100% { background-color: rgba(0, 0, 0, 0); }
- }
- @keyframes highlightAnimation {
- 0% { background-color: rgba(255, 255, 140, 1); }
- 100% { background-color: rgba(0, 0, 0, 0); }
- }
|