NP_DragAndDropUploader v1.1

[nucleus-jp/nucleus-plugins.git] / trunk / NP_DragAndDropUploader / draganddropuploader / css / plupload.queue.css

diff --git a/trunk/NP_DragAndDropUploader/draganddropuploader/css/plupload.queue.css b/trunk/NP_DragAndDropUploader/draganddropuploader/css/plupload.queue.css
new file mode 100644 (file)
index 0000000..8581fdd
--- /dev/null
+++ b/trunk/NP_DragAndDropUploader/draganddropuploader/css/plupload.queue.css
@@ -0,0 +1,177 @@
+/* \r
+   Plupload\r
+------------------------------------------------------------------- */\r
+\r
+.plupload_button {\r
+       display: -moz-inline-box; /* FF < 3*/\r
+       display: inline-block;\r
+       font: normal 12px sans-serif;\r
+       text-decoration: none;\r
+    color: #42454a;\r
+    border: 1px solid #bababa;\r
+    padding: 2px 8px 3px 20px;\r
+       margin-right: 4px;\r
+    background: #f3f3f3 url('../img/buttons.png') no-repeat 0 center;\r
+       outline: 0;\r
+\r
+    /* Optional rounded corners for browsers that support it */\r
+    -moz-border-radius: 3px;\r
+    -khtml-border-radius: 3px;\r
+    -webkit-border-radius: 3px;\r
+    border-radius: 3px;\r
+}\r
+\r
+.plupload_button:hover {\r
+       color: #000;\r
+       text-decoration: none;\r
+}\r
+\r
+.plupload_disabled, a.plupload_disabled:hover {\r
+    color: #737373;\r
+    border-color: #c5c5c5;\r
+    background: #ededed url('../img/buttons-disabled.png') no-repeat 0 center;\r
+       cursor: default;\r
+}\r
+\r
+.plupload_add {\r
+       background-position: -181px center;\r
+}\r
+\r
+.plupload_wrapper {\r
+       font: normal 11px Verdana,sans-serif;\r
+       width: 100%;\r
+}\r
+\r
+.plupload_container {\r
+       padding: 8px;\r
+       background: url('../img/transp50.png');\r
+       /*-moz-border-radius: 5px;*/\r
+}\r
+\r
+.plupload_container input {\r
+       border: 1px solid #DDD;\r
+       font: normal 11px Verdana,sans-serif;\r
+       width: 98%;\r
+}\r
+\r
+.plupload_header {background: #2A2C2E url('../img/backgrounds.gif') repeat-x;}\r
+.plupload_header_content {\r
+       background: url('../img/backgrounds.gif') no-repeat 0 -317px;\r
+       min-height: 56px;\r
+       padding-left: 60px;\r
+       color: #FFF;\r
+}\r
+.plupload_header_title {\r
+       font: normal 18px sans-serif;\r
+       padding: 6px 0 3px;\r
+}\r
+.plupload_header_text {\r
+       font: normal 12px sans-serif;\r
+}\r
+\r
+.plupload_filelist {\r
+       margin: 0;\r
+       padding: 0;\r
+       list-style: none;\r
+}\r
+\r
+.plupload_scroll .plupload_filelist {\r
+       height: 185px;\r
+       background: #F5F5F5;\r
+       overflow-y: scroll;\r
+}\r
+\r
+.plupload_filelist li {\r
+       padding: 10px 8px;\r
+       background: #F5F5F5 url('../img/backgrounds.gif') repeat-x 0 -156px;\r
+       border-bottom: 1px solid #DDD;\r
+}\r
+\r
+.plupload_filelist_header, .plupload_filelist_footer {\r
+       background: #DFDFDF;\r
+       padding: 8px 8px;\r
+       color: #42454A;\r
+}\r
+.plupload_filelist_header {    \r
+       border-top: 1px solid #EEE;\r
+       border-bottom: 1px solid #CDCDCD;\r
+}\r
+\r
+.plupload_filelist_footer {border-top: 1px solid #FFF; height: 22px; line-height: 20px; vertical-align: middle;}\r
+.plupload_file_name {float: left; overflow: hidden}\r
+.plupload_file_status {color: #777;}\r
+.plupload_file_status span {color: #42454A;}\r
+.plupload_file_size, .plupload_file_status, .plupload_progress {\r
+       float: right;\r
+       width: 80px;\r
+}\r
+.plupload_file_size, .plupload_file_status, .plupload_file_action {text-align: right;}\r
+\r
+.plupload_filelist .plupload_file_name {width: 205px}\r
+\r
+.plupload_file_action {\r
+       float: right;\r
+       width: 16px;\r
+       height: 16px;\r
+       margin-left: 15px;\r
+}\r
+\r
+.plupload_file_action * {\r
+       display: none;\r
+       width: 16px;\r
+       height: 16px;\r
+}\r
+\r
+li.plupload_uploading {background: #ECF3DC url('../img/backgrounds.gif') repeat-x 0 -238px;}\r
+li.plupload_done {color:#AAA}\r
+\r
+li.plupload_delete a {\r
+       background: url('../img/delete.gif');\r
+}\r
+\r
+li.plupload_failed a {\r
+       background: url('../img/error.gif');\r
+       cursor: default;\r
+}\r
+\r
+li.plupload_done a {\r
+       background: url('../img/done.gif');\r
+       cursor: default;\r
+}\r
+\r
+.plupload_progress, .plupload_upload_status {\r
+       display: none;\r
+}\r
+\r
+.plupload_progress_container {\r
+       margin-top: 3px;\r
+       border: 1px solid #CCC;\r
+       background: #FFF;\r
+       padding: 1px;\r
+}\r
+.plupload_progress_bar {\r
+       width: 0px;\r
+       height: 7px;\r
+       background: #CDEB8B;\r
+}\r
+\r
+.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action {\r
+       margin-right: 17px;\r
+}\r
+\r
+/* Floats */\r
+\r
+.plupload_clear,.plupload_clearer {clear: both;}\r
+.plupload_clearer, .plupload_progress_bar {\r
+       display: block;\r
+       font-size: 0;\r
+       line-height: 0; \r
+}\r
+\r
+li.plupload_droptext {\r
+       background: transparent;\r
+       text-align: center;\r
+       vertical-align: middle;\r
+       border: 0;\r
+       line-height: 165px;\r
+}\r