picture_wysiwyg.css in Picture 7
Same filename and directory in other branches
/* This CSS file needs to be included either in the theme used for * editing content in order to be included in the WYSIWYG edit iframe, * or specifically included in the WYSIWYG config page's * "Define CSS" textfield. */ span[data-picture-align="left"], img[data-picture-align="left"] { float: left; } span[data-picture-align="right"], img[data-picture-align="right"] { float: right; } span[data-picture-align="center"], img[data-picture-align="center"] { display: block; margin-left: auto; margin-right: auto; } /* Remove ugly boarders that bunch up in the image dialog table. */ .cke_dialog_body tr td:last-child { border-right: 0px; } /* The following is an example of what you could put in your theme * to control the size of images. It is formatted as * span[data-picture-group="[The machine name of your picture group]" span[data-picture-group="wide"] { width: 100%; } span[data-picture-group="normal"] { width: 50%; } span[data-picture-group="narrow"] { width: 33%; } span[data-picture-group] img { width: 100%; height: auto; }*/
File
picture_wysiwyg.cssView source
- /* This CSS file needs to be included either in the theme used for
- * editing content in order to be included in the WYSIWYG edit iframe,
- * or specifically included in the WYSIWYG config page's
- * "Define CSS" textfield.
- */
- span[data-picture-align="left"], img[data-picture-align="left"] {
- float: left;
- }
- span[data-picture-align="right"], img[data-picture-align="right"] {
- float: right;
- }
- span[data-picture-align="center"], img[data-picture-align="center"] {
- display: block;
- margin-left: auto;
- margin-right: auto;
- }
- /* Remove ugly boarders that bunch up in the image dialog table. */
- .cke_dialog_body tr td:last-child {
- border-right: 0px;
- }
- /* The following is an example of what you could put in your theme
- * to control the size of images. It is formatted as
- * span[data-picture-group="[The machine name of your picture group]"
- span[data-picture-group="wide"] {
- width: 100%;
- }
- span[data-picture-group="normal"] {
- width: 50%;
- }
- span[data-picture-group="narrow"] {
- width: 33%;
- }
- span[data-picture-group] img {
- width: 100%;
- height: auto;
- }*/