You are here

varbase_media.common.css in Varbase Media 8.6

.embedded-entity.align-center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.embedded-entity.align-center figcaption {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.embedded-entity.align-right {
  margin: 0 0 8px 8px;
}
.embedded-entity.align-right figcaption {
  text-align: center;
}
.embedded-entity.align-left {
  margin: 0 8px 8px 0;
}
.embedded-entity.align-left figcaption {
  text-align: center;
}
picture.align-right {
  margin: 0 0 8px 8px;
}
picture.align-right figcaption {
  text-align: center;
}
picture.align-left {
  margin: 0 8px 8px 0;
}
picture.align-left figcaption {
  text-align: center;
}
figure.align-center img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
figure.align-center figcaption {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
figure.align-right {
  display: table;
  margin: 0 0 8px 8px;
}
figure.align-right figcaption {
  display: table-caption;
  caption-side: bottom;
}
figure.align-left {
  display: table;
  margin: 0 8px 8px 0;
}
figure.align-left figcaption {
  display: table-caption;
  caption-side: bottom;
}
img.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.align-right {
  margin: 0 0 8px 8px;
}
figure.align-right,
figure.align-left {
  display: table;
}
figure.align-right figcaption,
figure.align-left figcaption {
  display: table-caption;
  caption-side: bottom;
}

File

css/varbase_media.common.css
View source
  1. .embedded-entity.align-center img {
  2. display: block;
  3. margin-left: auto;
  4. margin-right: auto;
  5. }
  6. .embedded-entity.align-center figcaption {
  7. display: block;
  8. margin-left: auto;
  9. margin-right: auto;
  10. text-align: center;
  11. }
  12. .embedded-entity.align-right {
  13. margin: 0 0 8px 8px;
  14. }
  15. .embedded-entity.align-right figcaption {
  16. text-align: center;
  17. }
  18. .embedded-entity.align-left {
  19. margin: 0 8px 8px 0;
  20. }
  21. .embedded-entity.align-left figcaption {
  22. text-align: center;
  23. }
  24. picture.align-right {
  25. margin: 0 0 8px 8px;
  26. }
  27. picture.align-right figcaption {
  28. text-align: center;
  29. }
  30. picture.align-left {
  31. margin: 0 8px 8px 0;
  32. }
  33. picture.align-left figcaption {
  34. text-align: center;
  35. }
  36. figure.align-center img {
  37. display: block;
  38. margin-left: auto;
  39. margin-right: auto;
  40. }
  41. figure.align-center figcaption {
  42. display: block;
  43. margin-left: auto;
  44. margin-right: auto;
  45. text-align: center;
  46. }
  47. figure.align-right {
  48. display: table;
  49. margin: 0 0 8px 8px;
  50. }
  51. figure.align-right figcaption {
  52. display: table-caption;
  53. caption-side: bottom;
  54. }
  55. figure.align-left {
  56. display: table;
  57. margin: 0 8px 8px 0;
  58. }
  59. figure.align-left figcaption {
  60. display: table-caption;
  61. caption-side: bottom;
  62. }
  63. img.align-center {
  64. display: block;
  65. margin-left: auto;
  66. margin-right: auto;
  67. }
  68. img.align-right {
  69. margin: 0 0 8px 8px;
  70. }
  71. figure.align-right,
  72. figure.align-left {
  73. display: table;
  74. }
  75. figure.align-right figcaption,
  76. figure.align-left figcaption {
  77. display: table-caption;
  78. caption-side: bottom;
  79. }