.fileupload { margin-bottom: 9px; } .fileupload .input-prepend label, .fileupload .input-append label { display: inline; } .fileupload .input-prepend label .uneditable-input, .fileupload .input-append label .uneditable-input { margin-left: -4px; margin-right: -4px; } .fileupload .uneditable-input { display: inline-block; margin-bottom: 0; vertical-align: top; cursor: text; } .fileupload .thumbnail { display: inline-block; margin-right: 5px; margin-bottom: 5px; overflow: hidden; text-align: center; vertical-align: top; } .fileupload .thumbnail > img { display: inline-block; max-height: 200px; vertical-align: top; } .fileupload .btn { vertical-align: top; } .fileupload .btn-file { margin-bottom: 5px; position: relative; overflow: hidden; vertical-align: top; } .fileupload .btn-file > input { position: absolute; top: 0; right: 0; margin: 0; font-size: 23px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); transform: translate(-300px, 0) scale(4); direction: ltr; } .fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists { display: none; } .fileupload .controls { display: none; margin-left: 0 !important; } .fileupload.fileupload-edit .controls { display: inline-block; } .fileupload.fileupload-exists .controls { display: none; } .fileupload-edit .btn .fileupload-exists { display: block; } .fileupload-edit .btn .fileupload-new { display: none; } .fileupload-inline .fileupload-controls { display: inline; } .fileupload-new .input-append .btn-file { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .fileupload-new, .fileupload-preview { /*max-width: 200px;*/ max-height: 200px; } .thumbnail-borderless .thumbnail { padding: 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .fileupload-new.thumbnail-borderless .thumbnail { border: 1px solid #ddd; } .control-group.warning .fileupload .uneditable-input { color: #a47e3c; border-color: #a47e3c; } .control-group.warning .fileupload .fileupload-preview { color: #a47e3c; } .control-group.warning .fileupload .thumbnail { border-color: #a47e3c; } .control-group.error .fileupload .uneditable-input { color: #b94a48; border-color: #b94a48; } .control-group.error .fileupload .fileupload-preview { color: #b94a48; } .control-group.error .fileupload .thumbnail { border-color: #b94a48; } .control-group.success .fileupload .uneditable-input { color: #468847; border-color: #468847; } .control-group.success .fileupload .fileupload-preview { color: #468847; } .control-group.success .fileupload .thumbnail { border-color: #468847; } @media (min-width: 768px) and (max-width: 979px) { .fileupload .input-medium { width: 90px!important; } } @media (max-width: 767px) { .fileupload .input-medium { width: 90px!important; } }