main.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. /*-- Unit --*/
  2. .bx-base-text-unit-cnt {
  3. width: 100%;
  4. }
  5. .bx-base-text-unit-cover {
  6. position: relative;
  7. }
  8. .bx-base-text-unit-cover img {
  9. position: relative;
  10. display: block;
  11. width: 100%;
  12. object-fit: cover;
  13. }
  14. /*-- Browsing: Search results --*/
  15. .bx-base-text-unit-gallery-wrapper {
  16. display: -webkit-flex;
  17. display: flex;
  18. -webkit-align-items: stretch;
  19. align-items: stretch;
  20. -webkit-flex-wrap: wrap;
  21. flex-wrap: wrap;
  22. -webkit-justify-content: flex-start;
  23. justify-content: flex-start;
  24. }
  25. .bx-base-text-unit-gallery-wrapper .bx-base-text-unit-gallery {
  26. display: -webkit-flex;
  27. display: flex;
  28. -webkit-flex: 0 0 100%;
  29. flex: 0 0 100%;
  30. overflow:hidden;
  31. }
  32. .bx-base-unit-showcase-wrapper .flickity-slider {
  33. display: -webkit-flex;
  34. display: flex;
  35. -webkit-align-items: stretch;
  36. align-items: stretch;
  37. -webkit-flex-wrap: wrap;
  38. flex-wrap: wrap;
  39. -webkit-justify-content: flex-start;
  40. justify-content: flex-start;
  41. }
  42. .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase {
  43. margin: 0;
  44. }
  45. .bx-base-unit-showcase-wrapper.bx-sc-enabled .bx-base-text-unit-showcase {
  46. height: calc(100% - 3px);
  47. }
  48. /*-- MEDIA: phone2 --*/
  49. .bx-media-phone2 .bx-layout-column-half .bx-base-text-unit-gallery-wrapper .bx-base-text-unit-gallery,
  50. .bx-media-phone2 .bx-layout-column-thin .bx-base-text-unit-gallery-wrapper .bx-base-text-unit-gallery {
  51. -webkit-flex: 0 0 49.8%;
  52. flex: 0 0 49.8%;
  53. }
  54. .bx-media-phone2 .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase {
  55. width:calc(50%);
  56. }
  57. /*-- MEDIA: tablet2 --*/
  58. .bx-media-tablet2 .bx-layout-column-wide .bx-base-text-unit-gallery-wrapper .bx-base-text-unit-gallery,
  59. .bx-media-tablet2 .bx-layout-column-fullwidth .bx-base-text-unit-gallery-wrapper .bx-base-text-unit-gallery,
  60. .bx-media-tablet2 #sys_search_results .bx-base-text-unit-gallery-wrapper .bx-base-text-unit-gallery {
  61. -webkit-flex: 0 0 49.8%;
  62. flex: 0 0 49.8%;
  63. }
  64. .bx-media-tablet2 .bx-layout-column-wide .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase,
  65. .bx-media-tablet2 .bx-layout-column-fullwidth .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase,
  66. .bx-media-tablet2 #sys_search_results .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase {
  67. width: calc(50%);
  68. }
  69. /*-- MEDIA: desktop --*/
  70. .bx-media-desktop .bx-layout-column-wide .bx-base-text-unit-gallery-wrapper .bx-base-text-unit-gallery {
  71. -webkit-flex: 0 0 49.8%;
  72. flex: 0 0 49.8%;
  73. }
  74. .bx-media-desktop #sys_search_results .bx-base-text-unit-gallery-wrapper .bx-base-text-unit-gallery,
  75. .bx-media-desktop .bx-layout-column-fullwidth .bx-base-text-unit-gallery-wrapper .bx-base-text-unit-gallery {
  76. -webkit-flex: 0 0 33.25%;
  77. flex: 0 0 33.25%;
  78. }
  79. .bx-media-desktop .bx-layout-column-thin .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase {
  80. width:calc(100%);
  81. }
  82. .bx-media-desktop .bx-layout-column-half .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase,
  83. .bx-media-desktop .bx-layout-column-wide .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase {
  84. width:calc(50%);
  85. }
  86. .bx-media-desktop #sys_search_results .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase,
  87. .bx-media-desktop .bx-layout-column-fullwidth .bx-base-unit-showcase-wrapper .bx-base-text-unit-showcase {
  88. width:calc(33.3%);
  89. }
  90. /*-- Entry: Text block --*/
  91. .bx-base-text-entity-image img {
  92. width: 100%;
  93. }
  94. /*-- Entry: Actions Menu --*/
  95. .bx-base-general-entity-actions .bx-menu-custom-hor li.bx-menu-item-more-auto .bx-popup .bx-menu-custom .bx-menu-item {
  96. width: 100%;
  97. border-color: transparent;
  98. border-radius: 0;
  99. box-shadow: none;
  100. }
  101. .bx-base-general-entity-actions .bx-menu-custom-hor > .bx-menu-item-more-auto > .bx-base-general-entity-action > a > .bx-mi-text {
  102. display: none;
  103. }
  104. /*-- Entry: Author block --*/
  105. .sys-author-info .sys-author-profile ul.bx-menu-custom.bx-menu-custom-hor {
  106. -webkit-flex-wrap: wrap;
  107. flex-wrap: wrap;
  108. -webkit-align-items: center;
  109. align-items: center;
  110. }
  111. .bx-dir-ltr .sys-author-info .sys-author-profile ul.bx-menu-custom.bx-menu-custom-hor {
  112. margin: 0 -0.25rem;
  113. }
  114. .bx-dir-ltr .sys-author-info .sys-author-profile ul.bx-menu-custom.bx-menu-custom-hor > li {
  115. margin: 0.25rem;
  116. }