less/roojs-bootstrap/document-manager.less

[roojs1] / less / roojs-bootstrap / document-manager.less

diff --git a/less/roojs-bootstrap/document-manager.less b/less/roojs-bootstrap/document-manager.less
index 235c63c..b820336 100644 (file)
--- a/less/roojs-bootstrap/document-manager.less
+++ b/less/roojs-bootstrap/document-manager.less
@@ -26,10 +26,10 @@
     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,
@@ -38,7 +38,7 @@
     line-height: 98px;
     text-align: center;
     vertical-align: middle;
-    color: #808080;
+    color: @gray-light;
     font-size: 2.5em;
 }
 
@@ -62,7 +62,15 @@
 }
 
 .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%); 
 }
 
 /*