woocommerce-rtl.css 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614
  1. /*
  2. * Theme Name: Libre 2
  3. *
  4. * RTL additions
  5. *
  6. */
  7. table.shop_table_responsive tr td
  8. {
  9. text-align: left;
  10. }
  11. table.shop_table_responsive tr td:before
  12. {
  13. float: right;
  14. }
  15. /**
  16. * Shop table
  17. */
  18. table.shop_table
  19. {
  20. text-align: right;
  21. }
  22. .woocommerce .shop_table tbody .wc-item-meta {
  23. padding-right: 0;
  24. }
  25. /**
  26. * Cart table
  27. */
  28. table.cart .actions
  29. {
  30. text-align: right;
  31. }
  32. .checkout_coupon .button,
  33. .coupon .button {
  34. margin-right: .8em;
  35. margin-left: 0;
  36. }
  37. .cart-collaterals .wc-proceed-to-checkout
  38. {
  39. text-align: left;
  40. }
  41. @media screen and (min-width: 896px)
  42. {
  43. table.shop_table_responsive tr th,
  44. table.shop_table_responsive tr td
  45. {
  46. text-align: right;
  47. }
  48. table.cart .actions
  49. {
  50. text-align: left;
  51. }
  52. table.cart .coupon
  53. {
  54. float: right;
  55. }
  56. }
  57. /**
  58. * Products
  59. */
  60. @media screen and (min-width: 896px)
  61. {
  62. ul.products li.product
  63. {
  64. float: right;
  65. margin-left: 4%;
  66. margin-right: 0;
  67. }
  68. ul.products li.product.last
  69. {
  70. margin-left: 0;
  71. }
  72. .columns-2 ul.products li.product
  73. {
  74. margin-left: 4%;
  75. margin-right: 0;
  76. }
  77. .columns-2 ul.products li.product:nth-of-type(2n) {
  78. margin-left: 0;
  79. }
  80. .columns-3 ul.products li.product
  81. {
  82. margin-left: 5%;
  83. margin-right: 0;
  84. }
  85. .columns-3 ul.products li.product:nth-of-type(3n) {
  86. margin-left: 0;
  87. }
  88. .columns-4 ul.products li.product
  89. {
  90. margin-left: 4%;
  91. margin-right: 0;
  92. }
  93. .columns-4 ul.products li.product:nth-of-type(4n) {
  94. margin-left: 0;
  95. }
  96. .columns-5 ul.products li.product
  97. {
  98. margin-left: 5%;
  99. margin-right: 0;
  100. }
  101. .columns-5 ul.products li.product:nth-of-type(5n) {
  102. margin-left: 0;
  103. }
  104. .columns-6 ul.products li.product
  105. {
  106. margin-left: 2%;
  107. margin-right: 0;
  108. }
  109. .columns-6 ul.products li.product:nth-of-type(6n) {
  110. margin-left: 0;
  111. }
  112. }
  113. /**
  114. * Loop products
  115. */
  116. ul.products li.product .button.loading:after,
  117. ul.products li.product .button.added:after
  118. {
  119. margin-right: .53em;
  120. margin-left: 0;
  121. }
  122. /**
  123. * Single Product
  124. */
  125. .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger
  126. {
  127. left: 0;
  128. right: auto;
  129. }
  130. .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li
  131. {
  132. float: right;
  133. }
  134. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li
  135. {
  136. margin-left: 4%;
  137. margin-right: 0;
  138. }
  139. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n)
  140. {
  141. margin-left: 0;
  142. }
  143. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li
  144. {
  145. margin-left: 5%;
  146. margin-right: 0;
  147. }
  148. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n)
  149. {
  150. margin-left: 0;
  151. }
  152. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li
  153. {
  154. margin-left: 3.8%;
  155. margin-right: 0;
  156. }
  157. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n)
  158. {
  159. margin-left: 0;
  160. }
  161. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li
  162. {
  163. margin-left: 3.8%;
  164. margin-right: 0;
  165. }
  166. .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n)
  167. {
  168. margin-left: 0;
  169. }
  170. .single-product div.product .woocommerce-product-rating .star-rating
  171. {
  172. margin-left: .35em;
  173. margin-right: 0;
  174. }
  175. .single-product div.product form.cart div.quantity
  176. {
  177. float: right;
  178. margin-left: .5em;
  179. margin-right: 0;
  180. }
  181. .single-product div.product form.cart .variations .reset_variations
  182. {
  183. margin-right: .875em;
  184. margin-left: 0;
  185. }
  186. .single-product div.product form.cart table.group_table div.quantity
  187. {
  188. margin-left: 0;
  189. }
  190. .single-product div.product .product_meta span
  191. {
  192. margin-left: .875em;
  193. margin-right: 0;
  194. }
  195. .single-product div.product .woocommerce-tabs ul.tabs
  196. {
  197. padding-right: 1.75em;
  198. padding-right: calc(1.75em - 5px);
  199. padding-left: 0;
  200. }
  201. /**
  202. * Reviews
  203. */
  204. #reviews #comments ol.commentlist
  205. {
  206. margin-right: 0;
  207. }
  208. #reviews #comments ol.commentlist li img.avatar
  209. {
  210. float: right;
  211. left: auto;
  212. right: 0;
  213. }
  214. #reviews #comments ol.commentlist li .comment-text
  215. {
  216. margin: 0 70px 0 0;
  217. }
  218. #reviews #comments ol.commentlist li .star-rating
  219. {
  220. float: left;
  221. }
  222. /**
  223. * My account
  224. */
  225. .woocommerce-account .woocommerce-MyAccount-navigation ul li
  226. {
  227. margin: 0 0 0 1.75em;
  228. }
  229. .woocommerce-account .addresses .woocommerce-Address-title h3
  230. {
  231. float: right;
  232. }
  233. .woocommerce-account .addresses .woocommerce-Address-title .edit
  234. {
  235. float: left;
  236. }
  237. .woocommerce-account .woocommerce-order-details .order-again .button:after
  238. {
  239. margin-left: 0;
  240. margin-right: .5rem;
  241. }
  242. /**
  243. * Checkout
  244. */
  245. .woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox
  246. {
  247. margin-left: .25em;
  248. margin-right: 0;
  249. }
  250. .woocommerce #payment ul.payment_methods
  251. {
  252. border-width: 1px 1px 0 1px;
  253. }
  254. .woocommerce #payment ul.payment_methods li input
  255. {
  256. margin: 0 0 0 1em;
  257. }
  258. .woocommerce #payment ul.payment_methods li label img
  259. {
  260. float: left;
  261. }
  262. .woocommerce #payment ul.payment_methods li.payment_method_paypal .about_paypal
  263. {
  264. margin-right: .8em;
  265. margin-left: 0;
  266. }
  267. .woocommerce #payment .form-row #place_order
  268. {
  269. float: left;
  270. }
  271. ul#shipping_method
  272. {
  273. margin-right: 0;
  274. padding-right: 0;
  275. }
  276. @media screen and (min-width: 600px)
  277. {
  278. .col2-set .form-row-first
  279. {
  280. float: right;
  281. margin-left: 4%;
  282. margin-right: 0;
  283. }
  284. .col2-set .form-row-last
  285. {
  286. float: left;
  287. margin-left: 0;
  288. }
  289. }
  290. /**
  291. * WooCommerce widgets
  292. */
  293. .widget.woocommerce ul
  294. {
  295. margin-right: 0;
  296. }
  297. .widget.woocommerce ul.product_list_widget li img
  298. {
  299. float: left;
  300. }
  301. .widget.woocommerce ul.product_list_widget li .remove
  302. {
  303. float: right;
  304. }
  305. /**
  306. * WooCommerce Cart
  307. */
  308. .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout
  309. {
  310. margin-right: .55rem;
  311. margin-left: 0;
  312. }
  313. /**
  314. * WooCommerce Product Categories
  315. */
  316. .widget_product_categories .children
  317. {
  318. padding-right: 1.75em;
  319. padding-left: 0;
  320. }
  321. /**
  322. * WooCommerce Average Rating
  323. */
  324. .widget_rating_filter ul li .star-rating
  325. {
  326. float: right;
  327. margin-left: .5em;
  328. margin-right: 0;
  329. }
  330. /**
  331. * WooCommerce Price Filter
  332. */
  333. .widget_price_filter {
  334. left: auto;
  335. right: -1em;
  336. }
  337. .widget_price_filter .price_slider_amount
  338. {
  339. text-align: left;
  340. }
  341. .widget_price_filter .price_slider_amount .button
  342. {
  343. float: right;
  344. }
  345. .widget_price_filter .ui-slider
  346. {
  347. text-align: right;
  348. }
  349. .widget_price_filter .ui-slider .ui-slider-handle
  350. {
  351. margin-right: -1px;
  352. margin-left: 0;
  353. }
  354. /**
  355. * Header cart
  356. */
  357. .site-header-cart
  358. {
  359. text-align: left;
  360. }
  361. .site-header-cart .cart-contents .count
  362. {
  363. margin-right: .25rem;
  364. margin-left: 0;
  365. }
  366. .site-header-cart .cart-contents:before
  367. {
  368. margin-left: .5rem;
  369. margin-right: 0;
  370. }
  371. /**
  372. * Pagination
  373. */
  374. .woocommerce-pagination ul.page-numbers li
  375. {
  376. float: right;
  377. margin: 0 0 .25rem .25rem;
  378. }
  379. /**
  380. * Sorting
  381. */
  382. .woocommerce-result-count
  383. {
  384. float: right;
  385. }
  386. .woocommerce-ordering
  387. {
  388. float: left;
  389. }
  390. /**
  391. * Infinite Scroll
  392. */
  393. @media screen and (min-width: 55em) {
  394. .woocommerce-page.infinite-scroll #infinite-handle span,
  395. .woocommerce-page.infinite-scroll .infinite-loader {
  396. margin-right: 50%;
  397. margin-left: 0;
  398. }
  399. }
  400. /**
  401. * Onsale badge
  402. */
  403. .onsale
  404. {
  405. left: auto;
  406. right: 0;
  407. }
  408. /**
  409. * Star rating
  410. */
  411. .star-rating:before
  412. {
  413. right: 0;
  414. float: right;
  415. left: auto;
  416. }
  417. .star-rating span
  418. {
  419. right: 0;
  420. left: auto;
  421. float: right;
  422. }
  423. .star-rating span:before
  424. {
  425. right: 0;
  426. left: auto;
  427. }
  428. p.stars a
  429. {
  430. margin-left: 1px;
  431. margin-right: 0;
  432. }
  433. p.stars a:before
  434. {
  435. right: 0;
  436. left: auto;
  437. }
  438. /**
  439. * Tabs
  440. */
  441. .woocommerce-tabs ul.tabs
  442. {
  443. text-align: right;
  444. }
  445. /**
  446. * Password strength meter
  447. */
  448. .woocommerce-password-strength
  449. {
  450. text-align: left;
  451. }
  452. /**
  453. * Forms
  454. */
  455. .checkout_coupon p {
  456. float: right;
  457. }
  458. /**
  459. * Notices
  460. */
  461. .woocommerce-message,
  462. .woocommerce-info,
  463. .woocommerce-error,
  464. .woocommerce-noreviews,
  465. p.no-comments
  466. {
  467. margin-right: 0;
  468. padding: 1.75em 4em 1.75em 2em;
  469. }
  470. .woocommerce-message .button,
  471. .woocommerce-info .button,
  472. .woocommerce-error .button,
  473. .woocommerce-noreviews .button,
  474. p.no-comments .button
  475. {
  476. float: left;
  477. margin-right: 1em;
  478. margin-left: 0;
  479. }
  480. .woocommerce-message:before,
  481. .woocommerce-info:before,
  482. .woocommerce-error:before,
  483. .woocommerce-noreviews:before,
  484. p.no-comments:before
  485. {
  486. right: 1.8em;
  487. left: auto;
  488. }
  489. .demo_store .woocommerce-store-notice__dismiss-link
  490. {
  491. float: left;
  492. }
  493. /**
  494. * Login form
  495. */
  496. .woocommerce-form-login input[name='rememberme']
  497. {
  498. margin-left: .25em;
  499. margin-right: .65em;
  500. }
  501. @media screen and (min-width: 896px) {
  502. /**
  503. * Header cart
  504. */
  505. .site-header-cart
  506. {
  507. text-align: left;
  508. }
  509. .site-header-cart > li:first-child
  510. {
  511. margin: 0 1.75em 0 0;
  512. }
  513. .site-header-cart .cart-contents .count
  514. {
  515. margin-right: .25rem;
  516. margin-left: 0;
  517. }
  518. .site-header-cart .widget_shopping_cart
  519. {
  520. left: 999em;
  521. right: auto;
  522. text-align: right;
  523. }
  524. .site-header-cart .widget_shopping_cart ul.product_list_widget li img
  525. {
  526. float: right;
  527. margin: .35rem 0 0 1rem;
  528. }
  529. .site-header-cart .widget_shopping_cart ul.product_list_widget li .remove
  530. {
  531. float: left;
  532. margin: .5rem .35rem 0 0;
  533. }
  534. .site-header-cart .widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout
  535. {
  536. margin-right: 0;
  537. }
  538. .site-header-cart:hover .widget_shopping_cart,
  539. .site-header-cart.focus .widget_shopping_cart
  540. {
  541. left: 0;
  542. right: auto;
  543. }
  544. /**
  545. * Pagination
  546. */
  547. .woocommerce-pagination ul.page-numbers li
  548. {
  549. margin-left: .3125em;
  550. margin-right: 0;
  551. }
  552. /**
  553. * Related products
  554. */
  555. .related ul.products li.product,
  556. .upsells ul.products li.product
  557. {
  558. margin-left: 5%;
  559. margin-right: 0;
  560. }
  561. .related ul.products li.product:nth-of-type(3n),
  562. .upsells ul.products li.product:nth-of-type(3n) {
  563. margin-left: 0;
  564. }
  565. }
  566. @media screen and ( min-width: 55em ) {
  567. .woocommerce-page .content-area {
  568. float: right;
  569. margin: 0 0 0 -25%;
  570. }
  571. .woocommerce-page .site-main {
  572. margin: 0 0 0 32%;
  573. }
  574. .woocommerce-page .site-content .widget-area {
  575. float: left;
  576. }
  577. }