height: 100px;
max-height: 100px;
margin-top: 10px;
+ margin-left: 10px;
}
.roo-document-manager-preview.wide {
line-height: 100px;
max-height: 100px;
border: 1px solid @gray-lighter;
- -webkit-box-shadow: 1px 0px 5px 0px fade(@gray-lighter, 75%);
- -moz-box-shadow: 1px 0px 5px 0px fade(@gray-lighter, 75%);
- box-shadow: 1px 0px 5px 0px fade(@gray-lighter, 75%);
+ -webkit-box-shadow: 1px 0px 5px 0px fade(@gray-light, 75%);
+ -moz-box-shadow: 1px 0px 5px 0px fade(@gray-light, 75%);
+ box-shadow: 1px 0px 5px 0px fade(@gray-light, 75%);
}
.roo-document-manager-thumb > i.fa,
max-height: 100%;
text-align: center;
vertical-align: middle;
+ padding-bottom: 5px;
}
.roo-document-manager-preview > .close {
color: @gray-dark;
}
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
+ -webkit-filter: grayscale(100%);
+ -moz-filter: grayscale(100%);
+ -o-filter: grayscale(100%);
+ -ms-filter: grayscale(100%);
+ filter: grayscale(100%);
+}
+
+.roo-document-manager-preview.disabled > .close {
+ display: none !important;
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb > .fa {
+ position: absolute;
+ left: -5px;
+ top: -5px;
+ width: 25px;
+ height: 25px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ line-height: 25px;
+ text-align: center;
+ background-color: @body-bg;
+ /*border: inherit;*/
+ font-size: 1.8em;
+ z-index: 1;
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa {
+ top: inherit;
+ bottom: -5px;
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
+ color : @brand-primary
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
+ border: 3px solid @brand-primary;
+}
+
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
+ color : @gray
+}
+
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
+ border: none;
+}
+
/*
* sm
*/