woocommerce-rtl.css 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  1. /*
  2. Theme Name: Dyad 2
  3. RTL additions
  4. */
  5. body.is-singular.single-product .site-inner {
  6. float: none;
  7. }
  8. table.shop_table td.actions .button {
  9. float: left;
  10. }
  11. table.shop_table td.actions .coupon {
  12. float: right;
  13. }
  14. table.shop_table td.actions .coupon input[type=text] {
  15. margin-left: 0.5em;
  16. margin-right: 0;
  17. }
  18. table.shop_table_responsive tr td {
  19. text-align: left;
  20. }
  21. table.shop_table_responsive tr td:before {
  22. float: right;
  23. }
  24. table.shop_table_responsive tr td.product-remove a {
  25. text-align: right;
  26. }
  27. @media screen and (min-width: 768px) {
  28. table.shop_table_responsive tr th, table.shop_table_responsive tr td {
  29. text-align: right;
  30. }
  31. }
  32. .cart-collaterals .cross-sells {
  33. float: right;
  34. }
  35. .cart-collaterals .cart_totals {
  36. float: left;
  37. }
  38. @media screen and (min-width: 768px) {
  39. ul.products li.product {
  40. float: right;
  41. }
  42. ul.products li.product.first {
  43. margin-right: 0;
  44. }
  45. ul.products li.product.last {
  46. margin-left: 0;
  47. margin-right: 3.8%;
  48. }
  49. }
  50. .is-singular.single-product #sidebar ul {
  51. margin-right: 0;
  52. }
  53. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  54. left: 0;
  55. right: auto;
  56. }
  57. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n),
  58. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n),
  59. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n),
  60. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n),
  61. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-6 .flex-control-thumbs li:nth-child(6n) {
  62. margin-left: 0;
  63. margin-right: inherit;
  64. }
  65. .single-product div.product form.cart .variations td,
  66. .single-product div.product form.cart .variations th {
  67. text-align: right;
  68. }
  69. .single-product div.product form.cart .variations .label {
  70. padding-right: inherit;
  71. padding-left: 1em;
  72. text-align: left;
  73. }
  74. .single-product div.product form.cart .variations .value {
  75. text-align: right;
  76. }
  77. .woocommerce-cart #payment ul.payment_methods li input,
  78. .woocommerce #payment ul.payment_methods li input,
  79. #add_payment_method #payment ul.payment_methods li input {
  80. margin: 0 0 0 1em;
  81. }
  82. .woocommerce-cart #payment ul.payment_methods li img,
  83. .woocommerce #payment ul.payment_methods li img,
  84. #add_payment_method #payment ul.payment_methods li img {
  85. margin: -5px 0.5em 0 0;
  86. }
  87. .woocommerce-cart #payment .payment_method_paypal .about_paypal,
  88. .woocommerce #payment .payment_method_paypal .about_paypal,
  89. #add_payment_method #payment .payment_method_paypal .about_paypal {
  90. float: left;
  91. }
  92. .woocommerce #payment .form-row .button {
  93. float: left;
  94. }
  95. ul.order_details {
  96. margin-right: 0;
  97. }
  98. ul.order_details li {
  99. margin-left: 2em;
  100. margin-right: 0;
  101. padding-right: 0;
  102. }
  103. .col2-set .col-1 {
  104. float: right;
  105. }
  106. .col2-set .col-2 {
  107. float: left;
  108. }
  109. @media screen and (min-width: 768px) {
  110. .col2-set .form-row-first {
  111. float: right;
  112. margin-right: inherit;
  113. margin-left: 3.8%;
  114. }
  115. .col2-set .form-row-last {
  116. float: left;
  117. margin-right: inherit;
  118. margin-left: 0;
  119. }
  120. }
  121. .site-header-cart li:first-child {
  122. text-align: left;
  123. }
  124. .site-header-cart .cart-contents .count {
  125. padding-left: inherit;
  126. padding-right: 0.25rem;
  127. }
  128. .site-header-cart .widget_shopping_cart .mini_cart_item {
  129. text-align: right;
  130. }
  131. .site-header-cart .widget_shopping_cart .mini_cart_item a img {
  132. float: right;
  133. margin-left: 1em;
  134. margin-right: 0;
  135. }
  136. .widget_shopping_cart .mini_cart_item .remove {
  137. float: left;
  138. }
  139. .widget_shopping_cart .buttons a {
  140. margin-left: 5px;
  141. margin-right: 0;
  142. }
  143. @media only screen and (min-width: 961px) {
  144. /**
  145. * Header cart
  146. */
  147. .site-header-cart .widget_shopping_cart:before {
  148. left: auto;
  149. right: 75%;
  150. margin-right: -10px;
  151. }
  152. .site-header-cart .widget_shopping_cart {
  153. left: -999em;
  154. right: auto;
  155. }
  156. .site-header-cart:hover .widget_shopping_cart,
  157. .site-header-cart.focus .widget_shopping_cart {
  158. left: 0;
  159. right: auto;
  160. }
  161. }
  162. /**
  163. * Star rating
  164. */
  165. .star-rating:before {
  166. right: 0;
  167. }
  168. .star-rating span {
  169. right: 0;
  170. }
  171. .star-rating span:before {
  172. right: 0;
  173. }
  174. p.stars a:before {
  175. right: 0;
  176. }
  177. /**
  178. * Reviews
  179. */
  180. .single-product #reviews .commentlist {
  181. margin-right: 0;
  182. }
  183. .single-product #reviews .comment {
  184. margin-right: 100px;
  185. }
  186. .single-product #reviews .comment .avatar-container {
  187. float: right;
  188. right: 0;
  189. }
  190. /**
  191. * Tabs
  192. */
  193. .woocommerce-tabs ul.tabs {
  194. padding: 0 1em 0;
  195. text-align: right;
  196. }
  197. /**
  198. * Password strength meter
  199. */
  200. .woocommerce-password-strength {
  201. text-align: left;
  202. }
  203. /**
  204. * Forms
  205. */
  206. .woocommerce .form-row-first {
  207. float: right;
  208. }
  209. .woocommerce .form-row-last {
  210. float: left;
  211. }
  212. /**
  213. * Notices
  214. */
  215. .woocommerce-message,
  216. .woocommerce-info,
  217. .woocommerce-error,
  218. .woocommerce-noreviews,
  219. p.no-comments {
  220. padding: 1em 3.5em 1em 2em;
  221. }
  222. .woocommerce-message:before,
  223. .woocommerce-error:before,
  224. .woocommerce-info:before {
  225. left: auto;
  226. right: 1.4em;
  227. }
  228. .woocommerce-message .button,
  229. .woocommerce-info .button,
  230. .woocommerce-error .button,
  231. .woocommerce-noreviews .button,
  232. p.no-comments .button {
  233. float: left;
  234. margin-left: 0;
  235. margin-right: 2em;
  236. }
  237. /**
  238. * WooCommerce widgets
  239. */
  240. /**
  241. * WooCommerce Price Filter
  242. */
  243. .widget_price_filter .price_slider_amount {
  244. text-align: left;
  245. }
  246. .widget_price_filter .price_slider_amount .button {
  247. float: right;
  248. }
  249. .widget_price_filter .ui-slider {
  250. text-align: right;
  251. }
  252. .widget_price_filter .ui-slider .ui-slider-handle:last-child {
  253. margin-right: -1em;
  254. }
  255. .product_list_widget a img {
  256. float: right;
  257. margin-left: 1em;
  258. margin-right: 0;
  259. }
  260. /***
  261. * Cart Widget
  262. **/
  263. .widget_shopping_cart .mini_cart_item {
  264. text-align: right;
  265. }
  266. /**
  267. * My Account
  268. **/
  269. .woocommerce-form-login #rememberme {
  270. margin: 0 1em 0 0.25em;
  271. }
  272. .woocommerce-account .woocommerce-MyAccount-navigation ul {
  273. margin-right: 0;
  274. }
  275. /**
  276. * Checkout
  277. */
  278. .woocommerce-cart #payment ul.payment_methods,
  279. .woocommerce #payment ul.payment_methods,
  280. #add_payment_method #payment ul.payment_methods,
  281. #shipping_method {
  282. margin-right: 0;
  283. }