3 * Theme styles for the Image module's in-place editor.
6 .quickedit-image-dropzone {
7 background: rgba(116, 183, 255, 0.8);
8 transition: background .2s;
11 .quickedit-image-icon {
13 transition: margin .5s;
16 .quickedit-image-dropzone.hover {
17 background: rgba(116, 183, 255, 0.9);
20 .quickedit-image-dropzone.error {
21 background: rgba(255, 52, 27, 0.81);
24 .quickedit-image-dropzone.upload .quickedit-image-icon {
25 background-image: url('../../images/upload.svg');
28 .quickedit-image-dropzone.error .quickedit-image-icon {
29 background-image: url('../../images/error.svg');
32 .quickedit-image-dropzone.loading .quickedit-image-icon {
33 margin: -10px 0 20px 0;
36 .quickedit-image-dropzone.loading .quickedit-image-icon::after {
41 animation-duration: 2s;
42 animation-name: quickedit-image-spin;
43 animation-iteration-count: infinite;
44 animation-timing-function: linear;
50 border-color: white transparent transparent transparent;
53 @keyframes quickedit-image-spin {
54 0% {transform: rotate(0deg);}
55 50% {transform: rotate(180deg);}
56 100% {transform: rotate(360deg);}
59 .quickedit-image-text {
62 font-family: "Droid sans", "Lucida Grande", sans-serif;
65 -webkit-user-select: none;
66 -moz-user-select: none;
67 -ms-user-select: none;
70 .quickedit-image-field-info {
71 background: rgba(0, 0, 0, 0.05);
72 border-top: 1px solid #c5c5c5;
76 .quickedit-image-field-info div {
77 margin-right: 10px; /* LTR */
80 .quickedit-image-field-info div:last-child {
81 margin-right: 0; /* LTR */
84 [dir="rtl"] .quickedit-image-field-info div {
89 [dir="rtl"] .quickedit-image-field-info div:last-child {
93 .quickedit-image-errors .messages__wrapper {
98 .quickedit-image-errors .messages--error {