css update button forum ajax uload refs CT#7255

main/css/base.css

@@ -44,7 +44,32 @@ header #logo img{
     margin-left: 30px;
 }
 
+/*buttom load ajax form*/
 
+.button-load{
+  background: url("../img/icons/64/file_upload.png") no-repeat center 20px;
+  padding-top: 70px;
+  /*-webkit-animation:glide 2250ms infinite;
+  animation:glide 2250ms infinite;*/
+}
+/*@-webkit-keyframes glide {
+  from {
+    background-position: center 0;
+  } to {
+      background-position: center 20px;
+
+    }
+
+}
+
+@keyframes glide {
+  from {
+    background-position:center 0;
+  } to {
+      background-position:center 20px;
+
+    }
+}*/
 /* START COURSE PROGRESS */
 .thematic-postit{
   padding-top: 5px;

main/forum/forumfunction.inc.php

@@ -4787,13 +4787,13 @@ function getAttachmentAjaxForm($forumId, $threadId, $postId, $path = null)
         }
     }
     // Form
-    $formFileUpload = '
+    $formFileUpload = '<div class="form-ajax">
         <form id="file_upload" action="'.$url.'" method="POST" enctype="multipart/form-data">
             <input type="hidden" name="curdirpath" value="'.$path.'" />
             <input type="file" name="user_upload" multiple>
-            <button type="submit">Upload</button>
-            '.get_lang('UploadFiles').'
-        </form>
+            <button type="submit">Upload</button><div class="button-load">
+            '.get_lang('UploadFiles').'</div>
+        </form></div>
         ';
 
     return $formFileUpload;

main/inc/lib/javascript/jquery-upload/jquery.fileupload-ui.css

@@ -9,14 +9,23 @@
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
     border-radius: 10px;
-    width: 500px;
-    height: 50px;
+    width: auto;
+    margin-left: auto;
+    margin-right: auto;
+    height: auto;
     line-height: 50px;
-    background: palegreen;
-    border: 1px solid limegreen;
+    background-color: #D4E6F0;
+    border: 2px dashed #bbbbbb;
     font-size:120%;
+    margin-bottom: 0;
+}
+.form-ajax{
+  border: 2px solid #bbbbbb;
+  padding: .5em;
+  -moz-border-radius: 10px;
+  -webkit-border-radius: 10px;
+  border-radius: 10px;
 }
-
 .file_upload_small {
     width: 500px;
     height: 50px;