trunk/NP_DragAndDropUploader/draganddropuploader/css/plupload.queue.css

   1 /* \r
   2    Plupload\r
   3 ------------------------------------------------------------------- */\r
   4 \r
   5 .plupload_button {\r
   6         display: -moz-inline-box; /* FF < 3*/\r
   7         display: inline-block;\r
   8         font: normal 12px sans-serif;\r
   9         text-decoration: none;\r
  10     color: #42454a;\r
  11     border: 1px solid #bababa;\r
  12     padding: 2px 8px 3px 20px;\r
  13         margin-right: 4px;\r
  14     background: #f3f3f3 url('../img/buttons.png') no-repeat 0 center;\r
  15         outline: 0;\r
  16 \r
  17     /* Optional rounded corners for browsers that support it */\r
  18     -moz-border-radius: 3px;\r
  19     -khtml-border-radius: 3px;\r
  20     -webkit-border-radius: 3px;\r
  21     border-radius: 3px;\r
  22 }\r
  23 \r
  24 .plupload_button:hover {\r
  25         color: #000;\r
  26         text-decoration: none;\r
  27 }\r
  28 \r
  29 .plupload_disabled, a.plupload_disabled:hover {\r
  30     color: #737373;\r
  31     border-color: #c5c5c5;\r
  32     background: #ededed url('../img/buttons-disabled.png') no-repeat 0 center;\r
  33         cursor: default;\r
  34 }\r
  35 \r
  36 .plupload_add {\r
  37         background-position: -181px center;\r
  38 }\r
  39 \r
  40 .plupload_wrapper {\r
  41         font: normal 11px Verdana,sans-serif;\r
  42         width: 100%;\r
  43 }\r
  44 \r
  45 .plupload_container {\r
  46         padding: 8px;\r
  47         background: url('../img/transp50.png');\r
  48         /*-moz-border-radius: 5px;*/\r
  49 }\r
  50 \r
  51 .plupload_container input {\r
  52         border: 1px solid #DDD;\r
  53         font: normal 11px Verdana,sans-serif;\r
  54         width: 98%;\r
  55 }\r
  56 \r
  57 .plupload_header {background: #2A2C2E url('../img/backgrounds.gif') repeat-x;}\r
  58 .plupload_header_content {\r
  59         background: url('../img/backgrounds.gif') no-repeat 0 -317px;\r
  60         min-height: 56px;\r
  61         padding-left: 60px;\r
  62         color: #FFF;\r
  63 }\r
  64 .plupload_header_title {\r
  65         font: normal 18px sans-serif;\r
  66         padding: 6px 0 3px;\r
  67 }\r
  68 .plupload_header_text {\r
  69         font: normal 12px sans-serif;\r
  70 }\r
  71 \r
  72 .plupload_filelist {\r
  73         margin: 0;\r
  74         padding: 0;\r
  75         list-style: none;\r
  76 }\r
  77 \r
  78 .plupload_scroll .plupload_filelist {\r
  79         height: 185px;\r
  80         background: #F5F5F5;\r
  81         overflow-y: scroll;\r
  82 }\r
  83 \r
  84 .plupload_filelist li {\r
  85         padding: 10px 8px;\r
  86         background: #F5F5F5 url('../img/backgrounds.gif') repeat-x 0 -156px;\r
  87         border-bottom: 1px solid #DDD;\r
  88 }\r
  89 \r
  90 .plupload_filelist_header, .plupload_filelist_footer {\r
  91         background: #DFDFDF;\r
  92         padding: 8px 8px;\r
  93         color: #42454A;\r
  94 }\r
  95 .plupload_filelist_header {     \r
  96         border-top: 1px solid #EEE;\r
  97         border-bottom: 1px solid #CDCDCD;\r
  98 }\r
  99 \r
 100 .plupload_filelist_footer {border-top: 1px solid #FFF; height: 22px; line-height: 20px; vertical-align: middle;}\r
 101 .plupload_file_name {float: left; overflow: hidden}\r
 102 .plupload_file_status {color: #777;}\r
 103 .plupload_file_status span {color: #42454A;}\r
 104 .plupload_file_size, .plupload_file_status, .plupload_progress {\r
 105         float: right;\r
 106         width: 80px;\r
 107 }\r
 108 .plupload_file_size, .plupload_file_status, .plupload_file_action {text-align: right;}\r
 109 \r
 110 .plupload_filelist .plupload_file_name {width: 205px}\r
 111 \r
 112 .plupload_file_action {\r
 113         float: right;\r
 114         width: 16px;\r
 115         height: 16px;\r
 116         margin-left: 15px;\r
 117 }\r
 118 \r
 119 .plupload_file_action * {\r
 120         display: none;\r
 121         width: 16px;\r
 122         height: 16px;\r
 123 }\r
 124 \r
 125 li.plupload_uploading {background: #ECF3DC url('../img/backgrounds.gif') repeat-x 0 -238px;}\r
 126 li.plupload_done {color:#AAA}\r
 127 \r
 128 li.plupload_delete a {\r
 129         background: url('../img/delete.gif');\r
 130 }\r
 131 \r
 132 li.plupload_failed a {\r
 133         background: url('../img/error.gif');\r
 134         cursor: default;\r
 135 }\r
 136 \r
 137 li.plupload_done a {\r
 138         background: url('../img/done.gif');\r
 139         cursor: default;\r
 140 }\r
 141 \r
 142 .plupload_progress, .plupload_upload_status {\r
 143         display: none;\r
 144 }\r
 145 \r
 146 .plupload_progress_container {\r
 147         margin-top: 3px;\r
 148         border: 1px solid #CCC;\r
 149         background: #FFF;\r
 150         padding: 1px;\r
 151 }\r
 152 .plupload_progress_bar {\r
 153         width: 0px;\r
 154         height: 7px;\r
 155         background: #CDEB8B;\r
 156 }\r
 157 \r
 158 .plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action {\r
 159         margin-right: 17px;\r
 160 }\r
 161 \r
 162 /* Floats */\r
 163 \r
 164 .plupload_clear,.plupload_clearer {clear: both;}\r
 165 .plupload_clearer, .plupload_progress_bar {\r
 166         display: block;\r
 167         font-size: 0;\r
 168         line-height: 0; \r
 169 }\r
 170 \r
 171 li.plupload_droptext {\r
 172         background: transparent;\r
 173         text-align: center;\r
 174         vertical-align: middle;\r
 175         border: 0;\r
 176         line-height: 165px;\r
 177 }\r