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;
98 .roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa {
103 .roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
104 color : @brand-primary
107 .roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
108 border: 3px solid @brand-primary;
111 .roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
115 .roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
116 border: 3px solid @gray;
123 @media (min-width: 768px) {
124 .roo-document-manager-uploader,
125 .roo-document-manager-loading,
126 .roo-document-manager-preview {
131 .roo-document-manager-thumb,
132 .roo-document-manager-upload-btn {
138 .roo-document-manager-thumb > i.fa,
139 .roo-document-manager-upload-btn > i.fa {
149 @media (min-width: 992px) {
150 .roo-document-manager-uploader,
151 .roo-document-manager-loading,
152 .roo-document-manager-preview {
158 .roo-document-manager-preview.wide {
162 .roo-document-manager-thumb,
163 .roo-document-manager-upload-btn {
169 .roo-document-manager-thumb > i.fa,
170 .roo-document-manager-upload-btn > i.fa {
181 @media (min-width: 1200px) {
182 .roo-document-manager-uploader,
183 .roo-document-manager-loading,
184 .roo-document-manager-preview {
190 .roo-document-manager-preview.wide {
194 .roo-document-manager-thumb,
195 .roo-document-manager-upload-btn {
201 .roo-document-manager-thumb > i.fa,
202 .roo-document-manager-upload-btn > i.fa {