Circle Div’s with CSS

The CSS:

.circleBase {
    border-radius: 50%;
}

.yellow {
    width: 100px;
    height: 100px;
    background: yellow;
    border: 3px solid red;
}
.gray {
    width: 50px;
    height: 50px;
    background: #ccc;
    border: 3px solid #000;
}
.bigBlue {
    width: 500px;
    height: 500px;
    background: aqua;
    border: 30px solid blue;
}

The HTML:

<div class="circleBase yellow"></div>

<div class="circleBase gray"></div>

<div class="circleBase bigBlue"></div>

the fiddle:

Dropzone mime validation

this.on("addedfile", function(file, done) {                                                                                      
    if (file.type==='application/pdf'){
        this.emit("thumbnail", file, "pdf.png");                                    
    }
    else if (file.type==='application/msword' || file.type==='application/vnd.openxmlformats-officedocument.wordprocessingml.document' || file.type==='application/vnd.ms-excel.sheet.macroEnabled.12'){
        this.emit("thumbnail", file, "doc.png");                                    
    }                                
    else if (file.type==='application/vnd.ms-excel' || file.type==='application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'){
        this.emit("thumbnail", file, "xls.png");                                    
    }
    else if (file.type==='text/xml' || file.type==='text/plain' || file.type==='text/html' || file.type==='application/rtf'){
        this.emit("thumbnail", file, "txt.png");                                    
    }
    else if (file.type.match(/image.*/)){
        this.emit("thumbnail", file, "txt.png");                                    
    } 
    else {                                  
        alert('wrong file type'); 
        this.removeFile(file);                                                                                                   
    }                                                                                                                                 
});

Action based on file type

this.on("addedfile", function(file) {                             
    if (file.name.match('\.pdf')){
        this.emit("thumbnail", file, "/images/pdf.png");                                    
    }
    else if (file.name.match('\.doc')){
        this.emit("thumbnail", file, "/images/doc.png");                                    
    }
     else if (file.name.match('\.docx')){
        this.emit("thumbnail", file, "/images/doc.png");                                    
    }
     else if (file.name.match('\.xlsx')){
        this.emit("thumbnail", file, "/images/xls.png");                                    
    }
    else if (file.name.match('\.xls')){
        this.emit("thumbnail", file, "/images/xls.png");                                    
    } 
    else {
        this.emit("thumbnail", file, "/images/txt.png");                                    
    }                                   
}