123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- /*
- * bootstrap-FileUpload.css
- * @version: v0.7.0
- * @author: Luke LeBlanc
- *
- * This plugin is very lightweight, highly customizable, easy to use,
- * extremely easy to integrate into any website with minimal dependancies
- * and of course cross compatible. It includes support for mobile devices
- * with fallback options to a regular customized form input field. It has
- * the ability to upload multiple files at once and provide thumbnail
- * previews. All it needs is Twitter Bootstrap V3 and the latest version
- * of jQuery!
- *
- * Copyright (c) 2016 Luke LeBlanc
- *
- * GNU General Public License v3 (http://www.gnu.org/licenses/)
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- */
- .fileupload-wrapper .fileupload-add {
- position: relative;
- overflow: hidden;
- }
- .fileupload-wrapper .fileupload-add::-webkit-file-upload-button { visibility: hidden; }
- .fileupload-wrapper .fileupload-add input[type=file] {
- position: absolute;
- top: 0;
- right: 0;
- min-width: 100%;
- min-height: 100%;
- margin: 0;
- padding: 0;
- font-size: 20px;
- cursor: pointer;
- filter: alpha(opacity=0);
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
- -moz-opacity: 0;
- -webkit-opacity: 0;
- opacity: 0;
- outline: none;
- background: none;
- z-index: 1;
- }
- .fileupload-wrapper .fileupload-add input[readonly] {
- background-color: #FFF !important;
- cursor: text !important;
- }
- .fileupload-wrapper .fileupload-fallback-add {
- position: relative;
- overflow: hidden;
- }
- .fileupload-wrapper .fileupload-fallback-add::-webkit-file-upload-button { visibility: hidden; }
- .fileupload-wrapper .fileupload-fallback-add input[type=file] {
- position: absolute;
- top: 0;
- right: 0;
- min-width: 100%;
- min-height: 100%;
- margin: 0;
- padding: 0;
- font-size: 20px;
- cursor: pointer;
- filter: alpha(opacity=0);
- filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
- -moz-opacity: 0;
- -webkit-opacity: 0;
- opacity: 0;
- outline: none;
- background: none;
- z-index: 1;
- }
- .fileupload-wrapper .fileupload-fallback-add input[readonly] {
- background-color: #FFF !important;
- cursor: text !important;
- }
- .fileupload-wrapper .btn { margin-right: 10px; }
- .fileupload-wrapper .btn:last-child { margin-right: 0; }
- .fileupload-wrapper .fileupload-overall-progress,
- .fileupload-wrapper .fileupload-start,
- .fileupload-wrapper .fileupload-cancel,
- .fileupload-wrapper .fileupload-reset,
- .fileupload-wrapper .fileupload-previewrow .alert,
- .fileupload-wrapper .fileupload-overall-status,
- .fileupload-wrapper .fileupload-overall-status .alert { display: none; }
- .fileupload-wrapper .fileupload-overall-progress { padding-top: 6px; }
- .fileupload-wrapper .fileupload-preview,
- .fileupload-wrapper .fileupload-download {
- display: none;
- margin-top: 1em;
- border-bottom:1px solid #ddd;
- border-left:1px solid #ddd;
- border-right:1px solid #ddd;
- font-size:12px;
- color:#666;
- }
- .fileupload-wrapper .fileupload-download {display:table; margin-bottom:0;}
- .fileupload-wrapper .fileupload-preview .btn-xs,
- .fileupload-wrapper .fileupload-download .btn-xs {font-size:11px; padding:6px;}
- .fileupload-wrapper .fileupload-preview td,
- .fileupload-wrapper .fileupload-download td {word-break:break-all; vertical-align: middle;}
- .fileupload-wrapper .fileupload-download td a {color:#666;}
- .fileupload-wrapper .fileupload-previewrow.thumb {}
- .fileupload-wrapper .fileupload-previewrow.no-thumb {}
- .fileupload-wrapper .alert {padding:3px 15px 3px 15px; margin-bottom:1px; margin-top:5px;}
- .fileupload-wrapper .progress {height:22px; margin-bottom:0;}
- .fileupload-wrapper .fileupload-add,
- .fileupload-wrapper .fileupload-start,
- .fileupload-wrapper .fileupload-cancel,
- .fileupload-wrapper .fileupload-down {padding:4px 10px;}
- /* 좁은곳에서 파일 업로드 */
- .fileupload-wrapper
-
|