You are here

bartik.captions.css in Editor 7

/* -------------- Captions -------------- */
.caption {
  margin-bottom: 1.2em;
}
.caption > * {
  background: #F3F3F3;
  padding: 0.5ex;
  border: 1px solid #CCC;
}
.caption > figcaption {
  border: 1px solid #CCC;
  border-top: none;
  padding-top: 0.5ex;
  font-size: small;
  text-align: center;
}

/* Override Bartik's default blockquote and pre styles when captioned. */
.caption-pre > pre,
.caption-blockquote > blockquote {
  margin: 0;
}
.caption-blockquote > figcaption::before {
  content: "— ";
}
.caption-blockquote > figcaption {
  text-align: left; /* LTR */
}
[dir="rtl"] .caption-blockquote > figcaption {
  text-align: right;
}

File

css/components/bartik.captions.css
View source
  1. /* -------------- Captions -------------- */
  2. .caption {
  3. margin-bottom: 1.2em;
  4. }
  5. .caption > * {
  6. background: #F3F3F3;
  7. padding: 0.5ex;
  8. border: 1px solid #CCC;
  9. }
  10. .caption > figcaption {
  11. border: 1px solid #CCC;
  12. border-top: none;
  13. padding-top: 0.5ex;
  14. font-size: small;
  15. text-align: center;
  16. }
  17. /* Override Bartik's default blockquote and pre styles when captioned. */
  18. .caption-pre > pre,
  19. .caption-blockquote > blockquote {
  20. margin: 0;
  21. }
  22. .caption-blockquote > figcaption::before {
  23. content: "— ";
  24. }
  25. .caption-blockquote > figcaption {
  26. text-align: left; /* LTR */
  27. }
  28. [dir="rtl"] .caption-blockquote > figcaption {
  29. text-align: right;
  30. }