5:15 p.m.
Author: admitriev
Date: 2007-12-26 11:15:09 -0500 (Wed, 26 Dec 2007)
New Revision: 5010
Modified:
management/design/fileUpload/markup/file_upload.html
Log:
Modified: management/design/fileUpload/markup/file_upload.html
===================================================================
--- management/design/fileUpload/markup/file_upload.html 2007-12-26 16:12:54 UTC (rev
5009)
+++ management/design/fileUpload/markup/file_upload.html 2007-12-26 16:15:09 UTC (rev
5010)
@@ -5,62 +5,96 @@
<style>
body{margin : 20px}
-*{font-family : verdana; font-size : 11px}
-.file_item{ white-space : nowrap;}
-.file_delete_button{border : 1px solid #CCCCCC; padding : 1px; width : 12px; cursor :
pointer; float : left; margin : 1px 2px 1px 7px;}
-.file_field{float : left; width : 200; height : 18; margin-bottom : 5px;}
-.file_bar_height{height : 16px}
-.file_bar_width{width : 200px}
-.file_bar_uploaded{width : 99px; overflow : hidden; position : absolute; border : 1px
solid #cccccc;}
-.file_bar_shell{position : relative; margin-bottom : 2px;float : left;}
-.file_bar_track{background : #F1F1F1; text-align : center; border : 1px solid #cccccc;
color : #000000; font-weight : bold; position : absolute;}
-.file_bar_ststusline{background : #FF9409; text-align : center; color : #FFFFFF;;
font-weight : bold; background-image : url(images/bg_uploaded.png);background-repeat :
repeat-x; position : absolute;}
-.file_stop_button{background : url(images/bg_button.png);border : 1px solid #CCCCCC;
padding : 0px 5px 0px 5px;cursor : pointer; float : left; margin : 0px 0px 0px 2px;}
+
+.upload_font{font-family : verdana; font-size : 11px}
+
+#upload_table{width : 100%}
+#upload_table td{border-bottom:1px solid #c0c0c0;white-space : nowrap; padding : 4 0 4
0;}
+
+#upload_footer{width : 100%}
+#upload_footer td{white-space : nowrap; padding : 5 0 5 0;}
+
+.upload_list_width{ width:350px;}
+.upload_list_decor{ border:1px solid #c0c0c0; background : #FFFFFF;}
+.upload_list_overflow{height : 200px; overflow-y : auto; overflow-x : hidden;}
+.upload_icon{ width : 30; text-align : center;}
+.upload_name{ width : 140; overflow : hidden}
+.upload_size{ width : 100; text-align : right;}
+.upload_itemdel{ width : 80; text-align : center;}
+.upload_anc{ color : #a00000; text-decoration : none}
+
+.upload_footer_decor{ background : #224986; border-top:1px solid #c0c0c0;}
+.upload_footer_firstcol{ width : 100%}
+.upload_footer_total{ width : 100; text-align : right; color : #ffffff;}
+
+.upload_btn_over{
+ display : inline;
+ background : url(images/bg_button.png) repeat-x #C7D7EC; /*from generalBackgroundColor
to tabBackgroundColor*/
+ padding: 0px;
+ text-align : center;
+ border : 1px solid #c0c0c0; /*panelBorderColor*/
+ cursor : pointer;
+}
+.upload_btn_press{
+ display : inline;
+ background : url(images/bg_press.png) repeat-x bottom #C7D7EC; /*from
tabBackgroundColor to generalBackgroundColor*/
+ padding: 0px;
+ text-align : center;
+ border : 1px solid #c0c0c0; /*panelBorderColor*/
+ cursor : pointer;
+}
+
+
</style>
</head>
<body>
-<div class="file_item">
- <input type="File" class="file_field">
- <div class="file_delete_button"><img
src="images/ico_delete.gif" width="12" height="12"
alt="" border="0"></div>
-</div>
-<br clear="all">
-<div class="file_item">
- <input type="File" class="file_field">
- <div class="file_delete_button"><img
src="images/ico_delete.gif" width="12" height="12"
alt="" border="0"></div>
-</div>
-<br clear="all">
-<div class="file_item">
- <input type="File" class="file_field" >
- <div class="file_delete_button"><img
src="images/ico_delete.gif" width="12" height="12"
alt="" border="0"></div>
-</div>
-<br clear="all">
-<div class="file_item">
- <input type="File" class="file_field">
+<div class="upload_list_width upload_list_decor">
+ <div class="upload_list_width upload_list_overflow">
+ <table border="0" cellpadding="0" cellspacing="0"
id="upload_table">
+ <tr>
+ <td>
+ <div class="upload_font upload_icon"><img
src="images/ico_file.gif" width="16" height="16"
alt="" border="0"></div>
+ </td>
+ <td>
+ <div class="upload_font upload_name">
+ file_upload.html
+ </div>
+
+ </td>
+ <td>
+ <div class="upload_font upload_size">3KB</div>
+ </td>
+ <td>
+ <div class="upload_font upload_itemdel"><a href="#"
class="upload_anc">x</a></div>
+ </td>
+ </tr>
+ </table>
+ </div>
+
+ <div class="upload_list_width upload_footer_decor">
+ <table border="0" cellpadding="0" cellspacing="0"
id="upload_footer">
+ <tr>
+ <td class="upload_footer_firstcol">
+ <input style="margin-left : 5" value="Add..."
type="Button" class="upload_btn_over upload_font"
onmouseover="this.className='upload_btn_over upload_font'"
onmouseout="this.className='upload_btn_over upload_font'"
onmousedown="this.className='upload_btn_press upload_font'">
+ <input style="padding-left : 10; padding-right : 10; font-weight :
bold" value="Upload" type="Button" class="upload_btn_over
upload_font" onmouseover="this.className='upload_btn_over
upload_font'" onmouseout="this.className='upload_btn_over
upload_font'" onmousedown="this.className='upload_btn_press
upload_font'">
+ </td>
+ <td>
+ <div class="upload_font upload_footer_total">Total :
<b>33KB</b></div>
+ </td>
+ <td>
+ <div class="upload_font upload_itemdel">
+ <input value="Clear" type="Button"
class="upload_btn_over upload_font"
onmouseover="this.className='upload_btn_over upload_font'"
onmouseout="this.className='upload_btn_over upload_font'"
onmousedown="this.className='upload_btn_press upload_font'">
+ </div>
+ </td>
+ </tr>
+ </table>
+ </div>
+
</div>
-<br clear="all">
-<div class="file_stop_button file_bar_height">Upload</div>
-<br><br><br><br>
-
-<div class="file_item">
-<div class="file_bar_height file_bar_width file_bar_shell">
- <div class="file_bar_height file_bar_width file_bar_track">
- 50%
- </div>
- <div class="file_bar_height file_bar_uploaded">
- <div class="file_bar_height file_bar_width file_bar_ststusline">
- 50%
- </div>
- </div>
-</div>
-<div class="file_stop_button file_bar_height">Stop</div>
-</div><br clear="all">
-Uploaded 200Kb from 500Kb
-
-</div>
</body>
</html>
\ No newline at end of file