Açıklama Yok

frontend.css 5.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277
  1. .widget_berocket_product_brand_widget {
  2. overflow: auto;
  3. }
  4. .br_brand_letter_element a:active,
  5. .br_brand_letter_element a:focus,
  6. .br_widget_brand_element_slider a:active,
  7. .br_widget_brand_element_slider a:focus,
  8. .br_brand_shop_container a:active,
  9. .br_brand_shop_container a:focus {
  10. outline : none;
  11. }
  12. .br_brand_product_container,
  13. .br_brand_shop_container {
  14. display: inline-block;
  15. }
  16. .berocket_brand_post_image_name {
  17. margin: 0 2px;
  18. }
  19. .berocket_brand_post_image,
  20. ul.products li.product img.berocket_brand_post_image {
  21. display: inline-block;
  22. margin: 5px;
  23. width: 35%;
  24. }
  25. .berocket_brand_description {
  26. clear: both;
  27. max-width: 100%;
  28. margin: 1em 0;
  29. overflow: auto;
  30. text-align: justify;
  31. }
  32. .berocket_brand_description img {
  33. box-sizing: border-box;
  34. padding: 1%;
  35. }
  36. .br_widget_brand_element {
  37. float: left;
  38. margin-right: 1%;
  39. margin-top: 0.3em;
  40. text-align:center;
  41. }
  42. .br_widget_brand_element_slider {
  43. float: left;
  44. }
  45. /*.br_widget_brand_element_slider a {
  46. display: block;
  47. text-align: center;
  48. }*/
  49. div.berocket_brand_name_letters a {
  50. display: inline-block;
  51. padding: 0.5em;
  52. margin-right: 0.25em;
  53. border: 0;
  54. }
  55. /*.br_after_letter.vertical {
  56. clear: both;
  57. }
  58. */
  59. .br_brand_letter_element.vertical {
  60. /*clear: both;*/
  61. }
  62. .br_brand_letter_block .br_brand_letter_element img.align_above,
  63. .br_brand_letter_block .br_brand_letter_element img.align_under {
  64. display: block;
  65. }
  66. .br_brand_letter_block .br_brand_letter_element img.align_left,
  67. .br_brand_letter_block .br_brand_letter_element img.align_right {
  68. display: inline-block;
  69. }
  70. .br_brand_letter_block {
  71. overflow: auto;
  72. }
  73. .br_brand_letter_block .br_brand_letter_element a {
  74. display: inline-block;
  75. }
  76. .br_brand_letter_element span {
  77. padding: 0 0.3em;
  78. text-indent: 0;
  79. }
  80. .br_brand_letter_element.pos_3 {
  81. float: left;
  82. padding: 1em;
  83. }
  84. .br_brand_letter_element.pos_3 span {
  85. display: block;
  86. text-align:center;
  87. }
  88. .br_brand_letter_block .br_brand_letter_element.pos_3 img {
  89. display:block;
  90. margin: auto;
  91. }
  92. .br_brand_link,
  93. .br_brand_link:active,
  94. .br_brand_link:focus,
  95. .br_brand_link:visited {
  96. outline : none;
  97. }
  98. .brcs_slider_brands ul li .br_widget_brand_element_slider {
  99. margin-left: 0.5%;
  100. margin-right: 0.5%;
  101. }
  102. .br_widget_brand_element_slider .brand_slider_image {
  103. text-align: center;
  104. }
  105. .brand_slider_image a {
  106. display: inline-block;
  107. }
  108. /*.br_widget_brand_element_slider .brand_slider_image img {
  109. display: inline-block;
  110. }*/
  111. div.unslider a.unslider-arrow.next,
  112. div.unslider a.unslider-arrow.prev {
  113. text-decoration: none;
  114. }
  115. .unslider-arrow {
  116. display: block;
  117. width: 20px;
  118. height: 20px;
  119. top: 50%;
  120. right: -50px;
  121. left: auto;
  122. margin-top: -10px;
  123. overflow: hidden;
  124. background: rgba(0,0,0,.2) no-repeat 50% 50%;
  125. font: normal normal normal 14px/1 FontAwesome;
  126. background-size: 7px 11px;
  127. border-radius: 32px;
  128. opacity: .6;
  129. transition: opacity .2s;
  130. text-align: center;
  131. vertical-align: middle;
  132. line-height: 20px;
  133. }
  134. .unslider-arrow.prev:after{
  135. content: "\f053";
  136. }
  137. .unslider-arrow.next:after{
  138. content: "\f054";
  139. }
  140. .unslider{
  141. position: relative;
  142. }
  143. .unslider .brcs_slider {
  144. margin: 0 20px;
  145. }
  146. .unslider .unslider-arrow.prev {
  147. left: 0;
  148. }
  149. .unslider .unslider-arrow.next {
  150. right: 0;
  151. }
  152. .unslider .unslider-nav {
  153. display:none;
  154. }
  155. .unslider .brcs_slider_brands .unslider-wrap li {
  156. clear: none;
  157. }
  158. .br_brand_link {
  159. clear: both;
  160. display: block;
  161. }
  162. .berocket_brand_list {
  163. clear: both;
  164. overflow: auto;
  165. }
  166. .br-brands-product-list li.product {
  167. float: left;
  168. margin-right: 5%;
  169. }
  170. .br_brands_hide_brands .br_brand_shop_container {
  171. display: none;
  172. }
  173. .widget_berocket_product_list_widget .woocommerce-pagination {
  174. margin-bottom: 5px;
  175. }
  176. .widget ul.br_brands_children {
  177. margin-left: 15px;
  178. }
  179. .br_brand_children_arrow_right {
  180. font-size: 0.7em;
  181. margin-right: 5px;
  182. }
  183. .br_brands_hierarchy_by_click .br_brands_children {
  184. display: none;
  185. }
  186. .br_brand_children_arrow {
  187. margin-left: 5px;
  188. }
  189. .br_brand_children_arrow:hover {
  190. color: #000;
  191. cursor: pointer;
  192. }
  193. .br_brand_children_arrow{
  194. transform: rotate(0deg);
  195. transition: transform 0.5s linear;
  196. }
  197. .br_brand_children_arrow.open{
  198. transform: rotate(180deg);
  199. transition: transform 0.5s linear;
  200. }
  201. /*.br_brand_has_children .brand_info {
  202. position: relative;
  203. }
  204. .br_brand_has_children .brand_info:after,
  205. .br_brands_children .br_brand_has_children > .br_child_brand_name:before {
  206. cursor: pointer;
  207. }
  208. .br_brand_has_children .brand_info:after {
  209. bottom: 0;
  210. content: '';
  211. content: "\25E2";
  212. position: absolute;
  213. right: 0;
  214. }
  215. .br_brands_children .br_brand_has_children > .br_child_brand_name:before {
  216. content: "\25bc";
  217. }
  218. .br_brand_has_children .br_child_brand_name a {
  219. display: inline;
  220. }
  221. .br_brand_has_children .brand_info:before {
  222. display: block;
  223. }*/
  224. @media (max-width: 734px) {
  225. .br-brands-product-list li.product {
  226. min-width: 28%;
  227. }
  228. }
  229. @media (max-width: 412px) {
  230. .br_brand_letter_block.horizontal {
  231. min-width: 50%;
  232. }
  233. .br_widget_brand_element_slider.list {
  234. min-width: calc(50% - 6px);
  235. }
  236. .br-brands-product-list li.product {
  237. min-width: 100%;
  238. margin-right: 0;
  239. }
  240. }