height: 100px;
max-height: 100px;
margin-top: 10px;
+ margin-left: 10px;
}
.roo-document-manager-preview.wide {
height: 100px;
line-height: 100px;
max-height: 100px;
- border: 1px solid #ccc;
- -webkit-box-shadow: 1px 0px 5px 0px fade(@gray-lighter-50, 75%);;
- -moz-box-shadow: 1px 0px 5px 0px rgba(128,128,128,0.75);
- box-shadow: 1px 0px 5px 0px rgba(128,128,128,0.75);
+ border: 1px solid @gray-lighter;
+ -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,
line-height: 98px;
text-align: center;
vertical-align: middle;
- color: #808080;
+ color: @gray-light;
font-size: 2.5em;
}
}
.roo-document-manager-thumb > img {
- width: 100%;
+ // width: 100%;
max-height: 100%;
text-align: center;
vertical-align: middle;
+ padding-bottom: 5px;
}
.roo-document-manager-preview > .close {
}
.roo-document-manager-preview > .close:hover {
- color: #333;
+ 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;
}
/*