93 lines
6.2 KiB
CSS
93 lines
6.2 KiB
CSS
|
.fileupload-wrapper {
|
||
|
|
height: 400px;
|
||
|
|
background: #fff;
|
||
|
|
border: 1px solid #eceeef;
|
||
|
|
padding: .5rem;
|
||
|
|
border-radius: 0.25rem;
|
||
|
|
margin-bottom: 2rem; }
|
||
|
|
|
||
|
|
.fade.in {
|
||
|
|
opacity: 1; }
|
||
|
|
|
||
|
|
.fileupload-drop-area {
|
||
|
|
position: relative;
|
||
|
|
height: 100%;
|
||
|
|
background-color: #f7f7f9;
|
||
|
|
border: 3px dashed #e6e9ea;
|
||
|
|
border-radius: 0.25rem; }
|
||
|
|
.fileupload-drop-area input {
|
||
|
|
position: absolute;
|
||
|
|
cursor: pointer;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
bottom: 0;
|
||
|
|
left: 0;
|
||
|
|
width: 100%;
|
||
|
|
opacity: 0; }
|
||
|
|
.fileupload-drop-area .fileupload-icons {
|
||
|
|
height: 100%;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center;
|
||
|
|
-webkit-box-pack: center;
|
||
|
|
-ms-flex-pack: center;
|
||
|
|
justify-content: center; }
|
||
|
|
.fileupload-drop-area .fileupload-icons > svg:nth-child(1) {
|
||
|
|
-webkit-transform: rotate(-15deg);
|
||
|
|
-ms-transform: rotate(-15deg);
|
||
|
|
transform: rotate(-15deg);
|
||
|
|
margin-right: .5rem; }
|
||
|
|
.fileupload-drop-area .fileupload-icons > svg:nth-child(2) {
|
||
|
|
margin-bottom: 1rem; }
|
||
|
|
.fileupload-drop-area .fileupload-icons > svg:nth-child(3) {
|
||
|
|
-webkit-transform: rotate(15deg);
|
||
|
|
-ms-transform: rotate(15deg);
|
||
|
|
transform: rotate(15deg);
|
||
|
|
margin-left: .5rem; }
|
||
|
|
.fileupload-drop-area .fileupload-hint {
|
||
|
|
position: absolute;
|
||
|
|
left: 50%;
|
||
|
|
-webkit-transform: translate(-50%, 50px);
|
||
|
|
-ms-transform: translate(-50%, 50px);
|
||
|
|
transform: translate(-50%, 50px);
|
||
|
|
color: #ddd;
|
||
|
|
font-size: 1.25rem;
|
||
|
|
font-style: italic; }
|
||
|
|
|
||
|
|
.fileupload-buttonbar .checkbox {
|
||
|
|
margin: 0; }
|
||
|
|
|
||
|
|
.fileupload-buttonbar .btn {
|
||
|
|
font-size: .875rem; }
|
||
|
|
|
||
|
|
.overall-progress {
|
||
|
|
height: 6px;
|
||
|
|
background-color: #39527b;
|
||
|
|
border-radius: 0; }
|
||
|
|
|
||
|
|
.file-item {
|
||
|
|
background: #f7f7f9;
|
||
|
|
margin-bottom: 1.5rem; }
|
||
|
|
.file-item:last-child {
|
||
|
|
margin-bottom: 0; }
|
||
|
|
.file-item .file-item-inner {
|
||
|
|
padding: .75rem;
|
||
|
|
display: -webkit-box;
|
||
|
|
display: -ms-flexbox;
|
||
|
|
display: flex;
|
||
|
|
-webkit-box-align: center;
|
||
|
|
-ms-flex-align: center;
|
||
|
|
align-items: center; }
|
||
|
|
.file-item .file-item-progress {
|
||
|
|
height: .25rem;
|
||
|
|
border-radius: 0;
|
||
|
|
background: #39527b; }
|
||
|
|
.file-item .preview {
|
||
|
|
max-width: 100px;
|
||
|
|
max-height: 100px; }
|
||
|
|
|
||
|
|
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZvcm0uZmlsZXVwbG9hZC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxjQUFjO0VBQ2QsaUJBQWlCO0VBQ2pCLDBCQUEwQjtFQUMxQixlQUFlO0VBQ2YsdUJBQXVCO0VBQ3ZCLG9CQUFvQixFQUFFOztBQUV4QjtFQUNFLFdBQVcsRUFBRTs7QUFFZjtFQUNFLG1CQUFtQjtFQUNuQixhQUFhO0VBQ2IsMEJBQTBCO0VBQzFCLDJCQUEyQjtFQUMzQix1QkFBdUIsRUFBRTtFQUN6QjtJQUNFLG1CQUFtQjtJQUNuQixnQkFBZ0I7SUFDaEIsT0FBTztJQUNQLFNBQVM7SUFDVCxVQUFVO0lBQ1YsUUFBUTtJQUNSLFlBQVk7SUFDWixXQUFXLEVBQUU7RUFDZjtJQUNFLGFBQWE7SUFDYixxQkFBYztJQUFkLHFCQUFjO0lBQWQsY0FBYztJQUNkLDBCQUFvQjtRQUFwQix1QkFBb0I7WUFBcEIsb0JBQW9CO0lBQ3BCLHlCQUF3QjtRQUF4QixzQkFBd0I7WUFBeEIsd0JBQXdCLEVBQUU7SUFDMUI7TUFDRSxrQ0FBMEI7VUFBMUIsOEJBQTBCO2NBQTFCLDBCQUEwQjtNQUMxQixvQkFBb0IsRUFBRTtJQUN4QjtNQUNFLG9CQUFvQixFQUFFO0lBQ3hCO01BQ0UsaUNBQXlCO1VBQXpCLDZCQUF5QjtjQUF6Qix5QkFBeUI7TUFDekIsbUJBQW1CLEVBQUU7RUFDekI7SUFDRSxtQkFBbUI7SUFDbkIsVUFBVTtJQUNWLHlDQUFpQztRQUFqQyxxQ0FBaUM7WUFBakMsaUNBQWlDO0lBQ2pDLFlBQVk7SUFDWixtQkFBbUI7SUFDbkIsbUJBQW1CLEVBQUU7O0FBRXpCO0VBQ0UsVUFBVSxFQUFFOztBQUVkO0VBQ0UsbUJBQW1CLEVBQUU7O0FBRXZCO0VBQ0UsWUFBWTtFQUNaLDBCQUEwQjtFQUMxQixpQkFBaUIsRUFBRTs7QUFFckI7RUFDRSxvQkFBb0I7RUFDcEIsc0JBQXNCLEVBQUU7RUFDeEI7SUFDRSxpQkFBaUIsRUFBRTtFQUNyQjtJQUNFLGdCQUFnQjtJQUNoQixxQkFBYztJQUFkLHFCQUFjO0lBQWQsY0FBYztJQUNkLDBCQUFvQjtRQUFwQix1QkFBb0I7WUFBcEIsb0JBQW9CLEVBQUU7RUFDeEI7SUFDRSxlQUFlO0lBQ2YsaUJBQWlCO0lBQ2pCLG9CQUFvQixFQUFFO0VBQ3hCO0lBQ0UsaUJBQWlCO0lBQ2pCLGtCQUFrQixFQUFFIiwiZmlsZSI6ImRlbW9zL2Zvcm0uZmlsZXVwbG9hZC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZmlsZXVwbG9hZC13cmFwcGVyIHtcbiAgaGVpZ2h0OiA0MDBweDtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgYm9yZGVyOiAxcHggc29saWQgI2VjZWVlZjtcbiAgcGFkZGluZzogLjVyZW07XG4gIGJvcmRlci1yYWRpdXM6IDAuMjVyZW07XG4gIG1hcmdpbi1ib3R0b206IDJyZW07IH1cblxuLmZhZGUuaW4ge1xuICBvcGFjaXR5OiAxOyB9XG5cbi5maWxldXBsb2FkLWRyb3AtYXJlYSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjdmN2Y5O1xuICBib3JkZXI6IDNweCBkYXNoZWQgI2U2ZTllYTtcbiAgYm9yZGVyLXJhZGl1czogMC4yNXJlbTsgfVxuICAuZmlsZXVwbG9hZC1kcm9wLWFyZWEgaW5wdXQge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdG9wOiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIG9wYWNpdHk6IDA7IH1cbiAgLmZpbGV1cGxvYWQtZHJvcC1hcmVhIC5maWxldXBsb2FkLWljb25zIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOyB9XG4gICAgLmZpbGV1cGxvYWQtZHJvcC1hcmVhIC5maWxldXBsb2FkLWljb25zID4gc3ZnOm50aC1jaGlsZCgxKSB7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtMTVkZWcpO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAuNXJlbTsgfVxuICAgIC5maWxldXBsb2FkLWRyb3AtYXJlYSAuZmlsZXVwbG9hZC1pY29ucyA+IHN2ZzpudGgtY2hpbGQoMikge1xuICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTsgfVxuICAgIC5maWxldXBsb2FkLWRyb3AtYXJlYSAuZmlsZXVwbG9hZC1pY29ucyA+IHN2ZzpudGgtY2hpbGQoMykge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMTVkZWcpO1xuICAgICAgbWFyZ2luLWxlZnQ6IC41cmVtOyB9XG4gIC5maWxldXBsb2FkLWRyb3AtYXJlYSAuZmlsZXVwbG9hZC1oaW50IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIDUwcHgpO1xuICAgIGNvbG9yOiAjZGRkO1xuICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICBmb250LXN0eWxlOiBpdGFsaWM7IH1cblxuLmZpbGV1cGxvYWQtYnV0dG9uYmFyIC5jaGVja2JveCB7XG4gIG1hcmdpbjogMDsgfVxuXG4uZmlsZXVwbG9hZC1idXR0b25iYXIgLmJ0biB7XG4gIGZvbnQtc2l6ZTogLjg3NXJlbTsgfVxuXG4ub3ZlcmFsbC1wcm9ncmVzcyB7XG4gIGhlaWdodDogNnB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzk1MjdiO1xuICBib3JkZXItcmFkaXVzOiAwOyB9XG5cbi5maWxlLWl0ZW0ge1xuICBiYWNrZ3JvdW5kOiAjZjdmN2Y5O1xuICBtYXJnaW4tYm90dG9tOiAxLjVyZW07IH1cbiAgLmZpbGUtaXRlbTpsYXN0LWNoaWxkIHtcbiAgICBtYXJnaW4tYm90dG9tOiAwOyB9XG4gIC5maWxlLWl0ZW0gLmZpbGUtaXRlbS1pbm5lciB7XG4gICAgcGFkZGluZzogLjc1cmVtO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjsgfVxuICAuZmlsZS1pdGVtIC5maWxlLWl0ZW0tcHJvZ3Jlc3Mge1xuICAgIGhlaWdodDogLjI1cmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDA7XG4gICAgYmFja2dyb3VuZDogIzM5NTI3YjsgfVxuICAuZmlsZS1pdGVtIC5wcmV2aWV3IHtcbiAgICBtYXgtd2lkdGg6IDEwMHB4O1xuICAgIG1heC1oZWlnaHQ6IDEwMHB4OyB9XG4iXX0= */
|