163 lines
3.0 KiB
CSS
163 lines
3.0 KiB
CSS
|
.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;
|
||
|
}
|
||
|
}
|