github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/public/libs/qiniu-js-sdk-master/demo/js/plupload/jquery.ui.plupload/css/jquery.ui.plupload.css (about)

     1  /*
     2     Plupload
     3  ------------------------------------------------------------------- */
     4  
     5  .plupload_button {
     6  	cursor: pointer;
     7  	outline: none;
     8  }
     9  
    10  .plupload_wrapper {
    11  	font: normal 11px Verdana,sans-serif;
    12  	width: 100%;
    13  	min-width: 520px;
    14  }
    15  
    16  .plupload_container {
    17  	_height: 300px;
    18  	min-height: 300px;
    19  	position: relative;
    20  }
    21  
    22  .plupload_filelist_footer {border-width: 1px 0 0 0}
    23  .plupload_file {border-width: 0 0 1px 0}
    24  .plupload_container .plupload_header {border-width: 0 0 1px 0; position: relative;}
    25  
    26  .plupload_delete .ui-icon, 
    27  .plupload_done .ui-icon,
    28  .plupload_failed .ui-icon {
    29  	cursor:pointer;	
    30  }
    31  
    32  .plupload_header_content {
    33  	height: 56px;
    34  	padding: 0 160px 0 60px;
    35  	position: relative;
    36  }
    37  
    38  .plupload_logo {
    39  	width: 40px;
    40  	height: 40px;
    41  	background: url('../img/plupload.png') no-repeat 0 0;
    42  	position: absolute;
    43  	top: 8px;
    44  	left: 8px;
    45  }
    46  
    47  .plupload_header_content_bw .plupload_logo {
    48  	background-position: -40px 0;
    49  }
    50  
    51  .plupload_header_title {
    52  	font: normal 18px sans-serif;
    53  	padding: 6px 0 3px;
    54  }
    55  
    56  .plupload_header_text {
    57  	font: normal 12px sans-serif;
    58  }
    59  
    60  .plupload_view_switch {
    61  	position: absolute;
    62  	right: 16px;
    63  	bottom: 8px;
    64  	margin: 0;
    65  	display: none;
    66  }
    67  
    68  .plupload_view_switch .ui-button {
    69  	margin-right: -0.31em;
    70  }
    71  
    72  .plupload_content {
    73  	position: absolute;
    74  	top: 87px;
    75  	bottom: 44px;
    76  	left: 0;
    77  	right: 0;
    78  	overflow-y: auto;
    79  	width: 100%;
    80  }
    81  
    82  .plupload_filelist {
    83  	border-collapse: collapse;
    84  	border-left: none;
    85  	border-right: none;
    86  	margin: 0;
    87  	padding: 0;
    88  	width: 100%;
    89  	-moz-user-select: none;
    90  	-webkit-user-select: none;
    91  	user-select: none;
    92  }
    93  
    94  .plupload_filelist_content {
    95  	padding: 0;
    96  	margin: 0;
    97  }
    98  
    99  .plupload_cell {padding: 8px 6px;}
   100  
   101  .plupload_file {
   102  	list-style: none;
   103  	display: block;
   104  	position: relative;
   105  	overflow: hidden;
   106  	width: 100%;
   107  }
   108  
   109  .plupload_file_thumb {
   110  	position: absolute;
   111  	left: 6px;
   112  	top: 6px;
   113  	background: #eee url(../img/loading.gif) center no-repeat;
   114  }
   115  
   116  .plupload_file_thumb_loaded .plupload_file_thumb {
   117  	background-image: none;
   118  }
   119  
   120  .plupload_file_name {
   121  	overflow: hidden;
   122  	text-overflow: ellipsis;
   123  	white-space: nowrap;
   124  }
   125  
   126  .plupload_filelist_header {
   127  	border-top: none;
   128  }
   129  
   130  .plupload_filelist_footer {
   131  	position: absolute;
   132  	bottom: 0;
   133  	left: 0;
   134  	right: 0;
   135  }
   136  
   137  .plupload_buttons { 
   138  	position: relative;
   139  }
   140  
   141  /* list view */
   142  .plupload_view_list .plupload_file {
   143  	border-left: none;
   144  	border-right: none;
   145  	border-top: none;
   146  	height: 29px;
   147  }
   148  
   149  .plupload_view_list div.plupload_file_size, 
   150  .plupload_view_list div.plupload_file_status,
   151  .plupload_view_list div.plupload_file_action {
   152  	padding: 8px 6px;
   153  	position: absolute;
   154  	top: 0;
   155  	right: 0;
   156  }
   157  
   158  .plupload_view_list div.plupload_file_name {
   159  	margin-right: 156px;
   160  	padding: 8px 6px;
   161  	_width: 75%;
   162  }
   163  
   164  .plupload_view_list div.plupload_file_size {
   165  	right: 28px;
   166  }
   167  
   168  .plupload_view_list div.plupload_file_status {
   169  	right: 82px;
   170  }
   171  
   172  .plupload_view_list .plupload_file_rename {
   173  	margin-left: -2px;
   174  }
   175  
   176  .plupload_view_list .plupload_file_size, 
   177  .plupload_view_list .plupload_file_status,
   178  .plupload_filelist_footer .plupload_file_size, 
   179  .plupload_filelist_footer .plupload_file_status {
   180  	text-align: right; 
   181  	width: 52px;
   182  }
   183  
   184  .plupload_view_list .plupload_file_thumb,
   185  .plupload_view_list .plupload_file_dummy {
   186  	top: -999px;
   187  }
   188  
   189  .plupload_view_list .plupload_file_progress {
   190  	display: none;
   191  }
   192  
   193  
   194  /* thumbs view */
   195  .plupload_view_thumbs .plupload_content {
   196  	top: 57px;
   197  }
   198  
   199  .plupload_view_thumbs .plupload_filelist_header {
   200  	display: none;
   201  }
   202  
   203  .plupload_view_thumbs .plupload_file {
   204  	width: 100px;
   205  	padding: 72px 6px 6px;
   206  	margin: 10px;
   207  	border: 1px solid #fff;
   208  	float: left;
   209  }
   210  
   211  .plupload_view_thumbs .plupload_file_thumb,
   212  .plupload_view_thumbs .plupload_file_dummy {
   213  	width: 100px;
   214  	height: 60px;
   215  	text-align: center;
   216  	overflow: hidden;
   217  }
   218  
   219  .plupload_view_thumbs .plupload_file_dummy {
   220  	font-size: 21px;
   221  	font-weight: bold;
   222  	text-transform: lowercase;
   223  	overflow: hidden;
   224  	line-height: 60px;
   225  	border: none;
   226  }
   227  
   228  .plupload_view_thumbs div.plupload_file_action {
   229  	position: absolute;
   230  	top: 0;
   231  	right: 0;
   232  }
   233  
   234  .plupload_view_thumbs div.plupload_file_name {
   235  	padding: 0;
   236  	font-weight: bold;
   237  }
   238  
   239  .plupload_view_thumbs .plupload_file_rename {
   240  	padding: 1px 0;
   241  	width: 100% !important;
   242  }
   243  
   244  .plupload_view_thumbs div.plupload_file_size {
   245  	font-size: 0.8em;
   246  	font-weight: normal;
   247  }
   248  
   249  .plupload_view_thumbs div.plupload_file_status {
   250  	position: absolute;
   251  	top: 67px;
   252  	left: 6px;
   253  	width: 100px;
   254  	height: 3px;
   255  	overflow: hidden;
   256  	text-indent: -999px;
   257  }
   258  
   259  .plupload_view_thumbs div.plupload_file_progress {
   260  	border: none;
   261  	height: 100%;
   262  }
   263  
   264  .plupload .ui-sortable-helper,
   265  .plupload .ui-sortable .plupload_file {
   266  	cursor:move;	
   267  }
   268  
   269  .plupload_file_action {width: 16px;}
   270  .plupload_file_name {
   271  	overflow: hidden;
   272  	padding-left: 10px;
   273  }
   274  
   275  .plupload_file_rename {
   276  	border: none;
   277  	font: normal 11px Verdana, sans-serif;
   278  	padding: 1px 2px;
   279  	line-height: 11px;
   280  	height: 11px;
   281  }
   282  
   283  .plupload_progress {width: 60px;}
   284  .plupload_progress_container {padding: 1px;}
   285  
   286  
   287  /* Floats */
   288  
   289  .plupload_right {float: right;}
   290  .plupload_left {float: left;}
   291  .plupload_clear,.plupload_clearer {clear: both;}
   292  .plupload_clearer, .plupload_progress_bar {
   293  	display: block;
   294  	font-size: 0;
   295  	line-height: 0;
   296  }
   297  .plupload_clearer {height: 0;}
   298  
   299  /* Misc */
   300  .plupload_hidden {display: none;}
   301  
   302  .plupload_droptext {
   303  	position: absolute;
   304  	top: 0;
   305  	left: 0;
   306  	right: 0;
   307  	bottom: 0;
   308  	background: transparent;
   309  	text-align: center;
   310  	vertical-align: middle;
   311  	border: 0;
   312  	line-height: 160px;
   313  	display: none;
   314  }
   315  
   316  .plupload_dropbox .plupload_droptext {
   317  	display: block;
   318  }
   319  
   320  .plupload_buttons, .plupload_upload_status {float: left}
   321  
   322  .plupload_message {
   323  	position: absolute;
   324  	top: -1px;
   325  	left: -1px;	
   326  	height: 100%;
   327  	width: 100%;
   328  }
   329  
   330  .plupload_message p {
   331  	padding:0.7em;
   332  	margin:0;
   333  }
   334  
   335  .plupload_message strong {
   336  	font-weight: bold;	
   337  }
   338  
   339  plupload_message i {
   340  	font-style: italic;	
   341  }
   342  
   343  .plupload_message p span.ui-icon {
   344  	float: left;
   345  	margin-right: 0.3em;	
   346  }
   347  
   348  .plupload_header_content .ui-state-error,
   349  .plupload_header_content .ui-state-highlight {
   350  	border:none;	
   351  }
   352  
   353  .plupload_message_close {
   354  	position:absolute;
   355  	top:5px;
   356  	right:5px;
   357  	cursor:pointer;	
   358  }
   359  
   360  .plupload .ui-sortable-placeholder {
   361  	height:35px;
   362  }