Changeset 15500 for trunk/templates

Timestamp:

09/12/11 21:11:21 (9 months ago)

Author:

Alexander Trofimov

Message:

uploaders

Location:

trunk/templates/base

Files:

• css/default.css (modified) (2 diffs)
• css/uploaders.css (modified) (2 diffs)
• images/icons/mime-type-any.png (added)
• images/icons/mime-type-archive.png (added)
• images/icons/mime-type-audio.png (added)
• images/icons/mime-type-document.png (added)
• images/icons/mime-type-image.png (added)
• images/icons/mime-type-png.png (added)
• images/icons/mime-type-presentation.png (added)
• images/icons/mime-type-psd.png (added)
• images/icons/mime-type-spreadsheet.png (added)
• images/icons/mime-type-vector.png (added)
• images/icons/mime-type-video.png (added)
• uploader_nested_form_wrapper.html (modified) (1 diff)

trunk/templates/base/css/default.css

@@ -131 +131 @@
     font-family:Lucida Grande,Arial,sans-serif;
     font-size:12px;
-    color:#333333;
+    color:#333;
 }
 
@@ -137 +137 @@
     font-family:Lucida Grande,Arial,sans-serif;
     font-size:12px;
-    color:#333333;
+    color:#333;
 }
+
+.bx-def-font-grayed {
+    color:#999;
+}
+

trunk/templates/base/css/uploaders.css

@@ -18 +18 @@
 
 .bx-uploader-ghost-preview {
-    width:150px; 
+    width:101px; 
     float:left;
+}
+
+.bx-uploader-ghost-preview img {
+    width:101px;
+    height:128px;
+
+    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));
 }
 
@@ -25 +32 @@
     width:500px; 
     float:left;
+}
+
+.bx-uploader-ghost-form-filename {
+
+}
+ 
+.bx-uploader-ghost-form-actions {
 }
 

trunk/templates/base/uploader_nested_form_wrapper.html

@@ -1 @@
-<div id="bx-uploader-file-{file_id}" class="bx-uploader-ghost bx-def-border-bottom bx-def-padding-top">
-    <div class="bx-uploader-ghost-preview">
-        {file_name} 
-        <br />
-        <a href="javascript:void(0);" onclick="{js_instance_name}.deleteGhost('{file_id}')">delete</a> 
+<div id="bx-uploader-file-{file_id}" class="bx-uploader-ghost bx-def-border-bottom bx-def-padding-bottom">
+    <div class="bx-uploader-ghost-preview bx-def-padding-right bx-def-padding-top">
+        <img src="{file_icon}" class="bx-def-border" />
     </div>
     <div class="bx-uploader-ghost-form">
+        <div class="bx-uploader-ghost-form-filename bx-def-padding-left bx-def-padding-top bx-def-font-grayed">{file_name}</div>
         __nested_form__
+        <div class="bx-uploader-ghost-form-actions bx-def-padding-left"><a href="javascript:void(0);" onclick="{js_instance_name}.deleteGhost('{file_id}')"><bx_text:_Delete /></a></div>
     </div>
     <div class="bx-clear"></div>