Image Multi Upload using one CSS file
style.css. It includes classes defining styles of upload queue, upload button, delete file button, etc.
- After selecting the file/files upload queue will be created automatically (if not specified queueId parameter). You can change it style using .uploadifyQueue class eg.
.uploadifyQueue
{
width: 450px;
}
- Items of the upload queue you can style using .uploadifyQueueItem class eg.
.uploadifyQueueItem
{
margin-top: 5px;
padding: 5px;
border: 1px solid #D6D6D6;
background-color: #FFFFFF;
}
- The upload button (if parameter auto is set to false) you can style using .uploadButton class eg.
.uploadButton
{
width: 110px;
margin-top: 10px;
}
- The progress bar you can style using two classes.uploadifyProgress and .uploadifyProgressBarclass eg.
.uploadifyProgress
{
background-color: #FFFFFF;
border-color: #808080 #C5C5C5 #C5C5C5 #808080;
border-style: solid;
border-width: 1px;
margin-top: 10px;
width: 100%;
}
.uploadifyProgressBar
{
background-color: #869FB7;
height: 3px;
width: 1px;
}
- The uploaded image and uploaded thumbnail you can style using this classes.uploadedImage, .uploadedThumbnail, .afterUploadThumbnail class eg.
.uploadedImage
{
border: none;
max-width: 438px;
}
.uploadedThumbnail
{
border: none;
max-width: 200px;
}
.afterUploadThumbnail
{
display: block;
}
Please check style.css file for more.