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;
115 @media (min-width: 768px) {
116 .roo-document-manager-uploader,
117 .roo-document-manager-loading,
118 .roo-document-manager-preview {
123 .roo-document-manager-thumb,
124 .roo-document-manager-upload-btn {
130 .roo-document-manager-thumb > i.fa,
131 .roo-document-manager-upload-btn > i.fa {
141 @media (min-width: 992px) {
142 .roo-document-manager-uploader,
143 .roo-document-manager-loading,
144 .roo-document-manager-preview {
150 .roo-document-manager-preview.wide {
154 .roo-document-manager-thumb,
155 .roo-document-manager-upload-btn {
161 .roo-document-manager-thumb > i.fa,
162 .roo-document-manager-upload-btn > i.fa {
173 @media (min-width: 1200px) {
174 .roo-document-manager-uploader,
175 .roo-document-manager-loading,
176 .roo-document-manager-preview {
182 .roo-document-manager-preview.wide {
186 .roo-document-manager-thumb,
187 .roo-document-manager-upload-btn {
193 .roo-document-manager-thumb > i.fa,
194 .roo-document-manager-upload-btn > i.fa {