/* From: http://hayageek.github.io/jQuery-Upload-File/4.0.11/uploadfile.css */ .ajax-file-upload-statusbar { border: 1px solid #0ba1b5; margin-top: 10px; width: 420px; margin-right: 10px; margin: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 5px 5px 5px 15px } .ajax-file-upload-filename { width: 300px; height: auto; margin: 0 5px 5px 0px; } .ajax-file-upload-filesize { width: 50px; height: auto; margin: 0 5px 5px 0px; display: inline-block; vertical-align:middle; } .ajax-file-upload-progress { margin: 5px 10px 5px 0px; position: relative; width: 250px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; display: inline-block; color:#FFFFFF; } .ajax-file-upload-bar { background-color: #0ba1b5; width: 0; height: 20px; border-radius: 3px; color:#FFFFFF; } .ajax-file-upload-percent { position: absolute; display: inline-block; top: 3px; left: 48% } .ajax-file-upload-red { -moz-box-shadow: inset 0 39px 0 -24px #e67a73; -webkit-box-shadow: inset 0 39px 0 -24px #e67a73; box-shadow: inset 0 39px 0 -24px #e67a73; background-color: #e4685d; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display: inline-block; color: #fff; font-family: arial; font-size: 13px; font-weight: normal; padding: 4px 15px; text-decoration: none; text-shadow: 0 1px 0 #b23e35; cursor: pointer; vertical-align: top; margin: 5px 10px 5px 0px; } .ajax-file-upload-green { background-color: #77b55a; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 0; padding: 0; display: inline-block; color: #fff; font-family: arial; font-size: 13px; font-weight: normal; padding: 4px 15px; text-decoration: none; cursor: pointer; text-shadow: 0 1px 0 #5b8a3c; vertical-align: top; margin: 5px 10px 5px 0px; } .ajax-file-upload { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; padding: 15px 20px; cursor:pointer; line-height:20px; height:25px; margin:0 10px 10px 0; display: inline-block; background: #fff; border: 1px solid #e8e8e8; color: #888; text-decoration: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: 0 2px 0 0 #e8e8e8; -webkit-box-shadow: 0 2px 0 0 #e8e8e8; box-shadow: 0 2px 0 0 #e8e8e8; padding: 6px 10px 4px 10px; color: #fff; background: #2f8ab9; border: none; -moz-box-shadow: 0 2px 0 0 #13648d; -webkit-box-shadow: 0 2px 0 0 #13648d; box-shadow: 0 2px 0 0 #13648d; vertical-align: middle; } .ajax-file-upload:hover { background: #3396c9; -moz-box-shadow: 0 2px 0 0 #15719f; -webkit-box-shadow: 0 2px 0 0 #15719f; box-shadow: 0 2px 0 0 #15719f; } .ajax-upload-dragdrop { border:2px dotted #A5A5C7; width:420px; color: #DADCE3; text-align:left; vertical-align:middle; padding:10px 10px 0px 10px; } .state-hover { border:2px solid #A5A5C7; } .ajax-file-upload-container { margin:20px 0px 20px 0px; }