// Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved. // For licensing, see LICENSE.md or http://ckeditor.com/license // Common styles applied to all widgets. .ck-widget { margin: 10px 0; padding: 0; &.ck-widget_selected, &.ck-widget_selected:hover { outline: 2px solid #ace; } .ck-editor__editable.ck-blurred &.ck-widget_selected { outline: 2px solid #ddd; } &:hover { outline: 2px solid yellow; } } // Image widget's styles. .image { text-align: center; clear: both; &.image-style-side { float: right; margin-left: 0.8em; max-width: 50%; } } .image > img { // Prevent unnecessary margins caused by line-height (see #44). display: block; // Center the image if its width is smaller than content's width. margin: 0 auto; }