Orbit/app/assets/stylesheets/lib/fileupload.css

157 lines
2.9 KiB
CSS
Raw Normal View History

2013-04-11 19:09:40 +00:00
.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: 100%;
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 .fileupload-remove {
clear: both;
display: none;
margin-top: 10px;
}
.fileupload-edit .fileupload-remove,
.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-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;
}
}