.easyimage, .cke_widget_wrapper_easyimage { background: transparent; border: none; outline: 0px; display: block; padding: 0; clear: both; } .easyimage a > img { outline: none; border: 1px solid #0782C1; box-sizing: border-box; padding: 1px; } .cke_widget_wrapper_easyimage figure { margin: 0; } .easyimage img, .cke_widget_uploadeasyimage img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .cke_widget_wrapper_easyimage-side, :not(.cke_widget_wrapper_easyimage):not(.cke_widget_wrapper_easyimage-side) > .easyimage-side, .cke_widget_wrapper_easyimage-align-right, :not(.cke_widget_wrapper_easyimage):not(.cke_widget_wrapper_easyimage-align-right) > .easyimage-align-right { float: right; max-width: 50%; min-width: 10em; margin-left: 1.5em; } body.cke_editable > .cke_widget_wrapper_easyimage-side { max-width: 50vw; } .cke_widget_wrapper_easyimage-align-left, :not(.cke_widget_wrapper_easyimage):not(.cke_widget_wrapper_easyimage-align-left) > .easyimage-align-left { float: left; max-width: 50%; min-width: 10em; margin-right: 1.5em; } .cke_widget_wrapper_easyimage-align-center, :not(.cke_widget_wrapper_easyimage):not(.cke_widget_wrapper_easyimage-align-center) > .easyimage-align-center { margin: 0 auto; max-width: 90%; } .easyimage .cke_widget_editable { background-color: #f7f7f7; border: 1px solid #f7f7f7; color: #333; padding: .8em; } .cke_widget_wrapper:hover .easyimage .cke_widget_editable { outline: 3px solid transparent; } .cke_widget_wrapper .easyimage .cke_widget_editable.cke_widget_editable_focused { background-color: #fff; border-color: #48a3f5; outline: none; } .cke_widget_element.easyimage { position: relative; } .cke_loader { position: absolute; top: 0px; left: 0px; right: 0px; } .cke_loader .cke_bar { height: 10px; background: #6a9ed1; width: 0; } .cke_widget_wrapper_easyimage:not(.cke_widget_wrapper_uploading) figure img { transition: opacity 0.3s ease-in-out; } .cke_widget_wrapper_easyimage.cke_widget_wrapper_uploading figure img { opacity: 0.75; }