upload.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. #upload {
  2. -moz-box-sizing: border-box;
  3. -webkit-box-sizing: border-box;
  4. box-sizing: border-box;
  5. height: 36px;
  6. width: 39px;
  7. padding: 0 !important; /* override default control bar button padding */
  8. margin-left: 3px;
  9. overflow: hidden;
  10. vertical-align: top;
  11. position: relative;
  12. z-index: -20;
  13. }
  14. #upload .icon-upload {
  15. position: relative;
  16. display: block;
  17. width: 100%;
  18. height: 44px;
  19. width: 44px;
  20. margin: -5px -3px;
  21. cursor: pointer;
  22. z-index: 10;
  23. opacity: .65;
  24. }
  25. .file_upload_target { display:none; }
  26. .file_upload_form { display:inline; float:left; margin:0; padding:0; cursor:pointer; overflow:visible; }
  27. #file_upload_start {
  28. position: relative;
  29. left: 0;
  30. top: 0;
  31. width: 44px;
  32. height: 44px;
  33. margin: -5px -3px;
  34. padding: 0;
  35. font-size: 16px;
  36. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0;
  37. z-index: 20;
  38. cursor: pointer;
  39. overflow: hidden;
  40. }
  41. #uploadprogresswrapper, #uploadprogresswrapper * {
  42. -moz-box-sizing: border-box;
  43. -webkit-box-sizing: border-box;
  44. box-sizing: border-box;
  45. }
  46. #uploadprogresswrapper {
  47. display: inline-block;
  48. vertical-align: top;
  49. height: 36px;
  50. margin-left: 3px;
  51. }
  52. #uploadprogresswrapper > input[type='button'] {
  53. height: 36px;
  54. margin-left: 3px;
  55. }
  56. #uploadprogressbar {
  57. position:relative;
  58. float: left;
  59. width: 200px;
  60. height: 36px;
  61. display:inline-block;
  62. }
  63. #uploadprogressbar + stop {
  64. font-size: 13px;
  65. }
  66. .oc-dialog .fileexists {
  67. -webkit-touch-callout: none;
  68. -webkit-user-select: none;
  69. -khtml-user-select: none;
  70. -moz-user-select: none;
  71. -ms-user-select: none;
  72. user-select: none;
  73. }
  74. .oc-dialog .fileexists .conflict .filename,
  75. .oc-dialog .fileexists .conflict .mtime,
  76. .oc-dialog .fileexists .conflict .size {
  77. -webkit-touch-callout: initial;
  78. -webkit-user-select: initial;
  79. -khtml-user-select: initial;
  80. -moz-user-select: initial;
  81. -ms-user-select: initial;
  82. user-select: initial;
  83. }
  84. .oc-dialog .fileexists .conflict .message {
  85. color: #e9322d;
  86. }
  87. .oc-dialog .fileexists table {
  88. width: 100%;
  89. }
  90. .oc-dialog .fileexists th {
  91. padding-left: 0;
  92. padding-right: 0;
  93. }
  94. .oc-dialog .fileexists th input[type='checkbox'] {
  95. margin-right: 3px;
  96. }
  97. .oc-dialog .fileexists th:first-child {
  98. width: 230px;
  99. }
  100. .oc-dialog .fileexists th label {
  101. font-weight: normal;
  102. color:black;
  103. }
  104. .oc-dialog .fileexists th .count {
  105. margin-left: 3px;
  106. }
  107. .oc-dialog .fileexists .conflicts .template {
  108. display: none;
  109. }
  110. .oc-dialog .fileexists .conflict {
  111. width: 100%;
  112. height: 85px;
  113. }
  114. .oc-dialog .fileexists .conflict .filename {
  115. color:#777;
  116. word-break: break-all;
  117. clear: left;
  118. }
  119. .oc-dialog .fileexists .icon {
  120. width: 64px;
  121. height: 64px;
  122. margin: 0px 5px 5px 5px;
  123. background-repeat: no-repeat;
  124. background-size: 64px 64px;
  125. float: left;
  126. }
  127. .oc-dialog .fileexists .replacement {
  128. float: left;
  129. width: 230px;
  130. }
  131. .oc-dialog .fileexists .original {
  132. float: left;
  133. width: 230px;
  134. }
  135. .oc-dialog .fileexists .conflicts {
  136. overflow-y:scroll;
  137. max-height: 225px;
  138. }
  139. .oc-dialog .fileexists .conflict input[type='checkbox'] {
  140. float: left;
  141. }
  142. .oc-dialog .fileexists #allfileslabel {
  143. float:right;
  144. }
  145. .oc-dialog .fileexists #allfiles {
  146. vertical-align: bottom;
  147. position: relative;
  148. top: -3px;
  149. }
  150. .oc-dialog .fileexists #allfiles + span{
  151. vertical-align: bottom;
  152. }
  153. .oc-dialog .oc-dialog-buttonrow {
  154. width:100%;
  155. text-align:right;
  156. }
  157. .oc-dialog .oc-dialog-buttonrow .cancel {
  158. float:left;
  159. }
  160. .highlightUploaded {
  161. -webkit-animation: highlightAnimation 2s 1;
  162. -moz-animation: highlightAnimation 2s 1;
  163. -o-animation: highlightAnimation 2s 1;
  164. animation: highlightAnimation 2s 1;
  165. }
  166. @-webkit-keyframes highlightAnimation {
  167. 0% { background-color: rgba(255, 255, 140, 1); }
  168. 100% { background-color: rgba(0, 0, 0, 0); }
  169. }
  170. @-moz-keyframes highlightAnimation {
  171. 0% { background-color: rgba(255, 255, 140, 1); }
  172. 100% { background-color: rgba(0, 0, 0, 0); }
  173. }
  174. @-o-keyframes highlightAnimation {
  175. 0% { background-color: rgba(255, 255, 140, 1); }
  176. 100% { background-color: rgba(0, 0, 0, 0); }
  177. }
  178. @keyframes highlightAnimation {
  179. 0% { background-color: rgba(255, 255, 140, 1); }
  180. 100% { background-color: rgba(0, 0, 0, 0); }
  181. }