2 .roo-document-manager-selector { // it must use visibility, display is not working on old safari...
7 .roo-document-manager-uploader,
8 .roo-document-manager-loading,
9 .roo-document-manager-preview {
20 .roo-document-manager-preview.wide {
24 .roo-document-manager-thumb,
25 .roo-document-manager-upload-btn {
30 border: 1px solid @gray-lighter;
31 -webkit-box-shadow: 1px 0px 5px 0px fade(@gray-light, 75%);
32 -moz-box-shadow: 1px 0px 5px 0px fade(@gray-light, 75%);
33 box-shadow: 1px 0px 5px 0px fade(@gray-light, 75%);
36 .roo-document-manager-thumb > i.fa,
37 .roo-document-manager-upload-btn > i.fa {
41 vertical-align: middle;
46 .roo-document-manager-thumb > i.fa {
50 .roo-document-manager-thumb > img {
54 vertical-align: middle;
58 .roo-document-manager-preview > .close {
66 .roo-document-manager-preview > .close:hover {
70 .roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
71 -webkit-filter: grayscale(100%);
72 -moz-filter: grayscale(100%);
73 -o-filter: grayscale(100%);
74 -ms-filter: grayscale(100%);
75 filter: grayscale(100%);
78 .roo-document-manager-preview.disabled > .close {
79 display: none !important;
82 .roo-document-manager-preview > .roo-document-manager-thumb > .fa {
88 -webkit-border-radius: 50%;
89 -moz-border-radius: 50%;
93 background-color: @body-bg;
99 .roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa {
104 .roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
105 color : @brand-primary
108 .roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
109 border: 3px solid @brand-primary;
112 .roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
116 .roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
124 @media (min-width: 768px) {
125 .roo-document-manager-uploader,
126 .roo-document-manager-loading,
127 .roo-document-manager-preview {
132 .roo-document-manager-thumb,
133 .roo-document-manager-upload-btn {
139 .roo-document-manager-thumb > i.fa,
140 .roo-document-manager-upload-btn > i.fa {
150 @media (min-width: 992px) {
151 .roo-document-manager-uploader,
152 .roo-document-manager-loading,
153 .roo-document-manager-preview {
159 .roo-document-manager-preview.wide {
163 .roo-document-manager-thumb,
164 .roo-document-manager-upload-btn {
170 .roo-document-manager-thumb > i.fa,
171 .roo-document-manager-upload-btn > i.fa {
182 @media (min-width: 1200px) {
183 .roo-document-manager-uploader,
184 .roo-document-manager-loading,
185 .roo-document-manager-preview {
191 .roo-document-manager-preview.wide {
195 .roo-document-manager-thumb,
196 .roo-document-manager-upload-btn {
202 .roo-document-manager-thumb > i.fa,
203 .roo-document-manager-upload-btn > i.fa {