You are here

Home » API reference » Caption Filter 6

caption-filter.css in Caption Filter 6

Same filename and directory in other branches
  1. 7.2 caption-filter.css
  2. 7 caption-filter.css

Caption filter default styling for displaying image captions.

File

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

  2.  * @file

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

  4.  */

  5. 

  6. div.caption,

  7. div.caption-width-container {

  8.   max-width: 100%;

  9. }

  10. 

  11. div.caption-inner {

  12.   border: 1px solid #CCC;

  13.   padding: 4px;

  14.   background: #F3F3F3;

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

  16.   text-align: center;

  17.   max-width: 100%;

  18.   width: auto;

  19. }

  20. 

  21. div.caption p {

  22.   margin: .25em 0;

  23. }

  24. 

  25. div.caption img,

  26. div.caption object {

  27.   margin-bottom: 5px;

  28.   display: block;

  29. }

  30. 

  31. /** aligned captions **/

  32. div.caption-left {

  33.   float: left;

  34.   margin: 10px 10px 10px 0;

  35. }

  36. 

  37. div.caption-right {

  38.   float: right;

  39.   margin: 10px 0 10px 10px;

  40. }

  41. 

  42. div.caption-center {

  43.   display: block;

  44.   text-align: center;

  45. }

  46. 

  47. div.caption-center .caption-width-container {

  48.   display: inline-block;

  49. }