You are here

Home » API reference » CKEditor for WYSIWYG Module 7

ckeditor-caption.css in CKEditor for WYSIWYG Module 7

Same filename and directory in other branches
  1. 8 css/ckeditor-caption.css

Caption: default styling for displaying image captions.

File

css/ckeditor-caption.css
View source 
  1. /**

  2.  * @file

  3.  * Caption: default styling for displaying image captions.

  4.  */

  5. div.caption {

  6.   display: inline-block;

  7. }

  8. 

  9. div.caption-inner {

  10.   border: 1px solid #CCC;

  11.   padding: 4px;

  12.   background: #F3F3F3;

  13.   font-size: 0.857em; /* assuming you have a base font size of 14px, this is 12px */

  14.   text-align: center;

  15.   display: inline-block;

  16. }

  17. 

  18. div.caption p {

  19.   margin: .25em 0;

  20. }

  21. 

  22. div.caption img,

  23. div.caption object {

  24.   margin-bottom: 5px;

  25.   display: block;

  26. }

  27. 

  28. /** aligned captions **/

  29. div.caption-left {

  30.   float: left;

  31.   margin: 10px 10px 10px 0;

  32. }

  33. 

  34. div.caption-right {

  35.   float: right;

  36.   margin: 10px 0 10px 10px;

  37. }

  38. 

  39. div.caption-center {

  40.   display: block;

  41.   text-align: center;

  42. }

  43. 

  44. div.caption-center .caption-inner {

  45.   display: inline-block;

  46. }