.bulkUpload { padding: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .bulkUpload:hover { background-color: #444546; } .bulkUpload .component { padding: 0 !important; color: #fff; background: #98aab6; border-top: 1px solid #a4b4bf; border-left: 1px solid #a4b4bf; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .bulkUpload .component div.ss-uploadfield { position: relative; float: left; clear: both; width: 100%; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files { float: left; clear: both; width: 100%; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item { position: relative; float: left; clear: both; overflow: hidden; width: 98%; padding: 5px 1% 5px 1%; border: none; border-top: 1px solid rgba(0, 0, 0, 0.1); background-color: #eceff1; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item:nth-child(2n-1) { background-color: #e6eaed; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-preview { width: 30px; height: 30px; line-height: 38px; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info { height: 30px; margin-left: 40px; line-height: 30px; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name { position: absolute; top: 0; left: 50px; width: 100%; height: 100%; line-height: 40px; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .name { color: #343434; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .size { font-weight: normal; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status { float: left; width: auto; padding: 0 0 0 5px; text-align: left; max-width: none; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-warning-text { color: #f29500; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text { color: #298530; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-actions { position: absolute; top: 0; left: 0; width: 100%; height: 30px; margin: 0; padding: 5px 0 5px 0; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-actions .ss-uploadfield-item-progress { left: 50px; right: 35px; margin-top: 8px; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-actions button { margin: 0 10px 0 0; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-actions button .ui-button-text { padding-top: 4px; padding-bottom: 3px; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-actions .ss-uploadfield-item-cancel { position: relative; top: 7px; right: auto; float: right; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-actions .ss-uploadfield-item-cancel button { background: none; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-actions .ss-uploadfield-item-overwrite { position: relative; float: right; margin-top: 2px; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile { float: left; clear: both; width: 98%; padding: 1%; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile.borderTop { border: none; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-preview.ss-uploadfield-dropzone { float: right; width: 35%; height: 43px; margin: 0; line-height: 43px; color: #eee; background-color: #8898a3; border: 2px dashed #73818a; box-shadow: #73818a 0 0 10px 0 inset; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-preview.ss-uploadfield-dropzone.hover { color: #444546; background-color: #eee; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info { float: left; width: 60%; margin: 0; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-uploadfield-item-name { height: auto; margin-bottom: 5px !important; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-uploadfield-item-name small { font-weight: normal !important; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-ui-button .ui-button-text .ui-button-text { padding: 0px; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-uploadfield-fromcomputer { margin-bottom: 0; } .bulkUpload .component div.ss-uploadfield .ss-uploadfield-addfile .ss-uploadfield-item-info .ss-uploadfield-fromfiles { margin-bottom: 0; padding: .5px; } .bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons { display: none; float: left; width: 98%; padding: 6px 1% 6px 1%; background-color: #8898a3; } .bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons button { float: left; margin: 0 6px 0 0; } .bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons button .ui-button-text .ui-button-text { padding: 0; } .bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons button.bulkUploadEditButton, .bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons button.bulkUploadClearErrorButton { float: right; margin: 0 0 0 6px; } .bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons .colymba-bulkupload-info { float: left; margin: 0 6px 0 6px; line-height: 28px; height: 28px; color: #ffffff; background-image: url(../../images/spinner.gif); background-position: 0 -50px; background-repeat: no-repeat; overflow: hidden; } .bulkUpload .component div.ss-uploadfield .colymba-bulkupload-buttons.loading .colymba-bulkupload-info { padding-left: 20px; background-position: 0 5px; }