tabler-payments.css 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528
  1. /*!
  2. * Tabler v1.0.0-beta17 (https://tabler.io)
  3. * @version 1.0.0-beta17
  4. * @link https://tabler.io
  5. * Copyright 2018-2023 The Tabler Authors
  6. * Copyright 2018-2023 codecalm.net Paweł Kuna
  7. * Licensed under MIT (https://github.com/tabler/tabler/blob/master/LICENSE)
  8. */
  9. .payment {
  10. width: 3.33332rem;
  11. height: 2rem;
  12. display: inline-block;
  13. background: no-repeat center/100% 100%;
  14. vertical-align: bottom;
  15. font-style: normal;
  16. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
  17. border-radius: 2px;
  18. }
  19. .payment-provider-2checkout {
  20. background-image: url("../img/payments/2checkout.svg");
  21. }
  22. .payment-provider-2checkout-dark {
  23. background-image: url("../img/payments/2checkout-dark.svg");
  24. }
  25. .payment-provider-alipay {
  26. background-image: url("../img/payments/alipay.svg");
  27. }
  28. .payment-provider-alipay-dark {
  29. background-image: url("../img/payments/alipay-dark.svg");
  30. }
  31. .payment-provider-amazon {
  32. background-image: url("../img/payments/amazon.svg");
  33. }
  34. .payment-provider-amazon-dark {
  35. background-image: url("../img/payments/amazon-dark.svg");
  36. }
  37. .payment-provider-americanexpress {
  38. background-image: url("../img/payments/americanexpress.svg");
  39. }
  40. .payment-provider-americanexpress-dark {
  41. background-image: url("../img/payments/americanexpress-dark.svg");
  42. }
  43. .payment-provider-applepay {
  44. background-image: url("../img/payments/applepay.svg");
  45. }
  46. .payment-provider-applepay-dark {
  47. background-image: url("../img/payments/applepay-dark.svg");
  48. }
  49. .payment-provider-bancontact {
  50. background-image: url("../img/payments/bancontact.svg");
  51. }
  52. .payment-provider-bancontact-dark {
  53. background-image: url("../img/payments/bancontact-dark.svg");
  54. }
  55. .payment-provider-bitcoin {
  56. background-image: url("../img/payments/bitcoin.svg");
  57. }
  58. .payment-provider-bitcoin-dark {
  59. background-image: url("../img/payments/bitcoin-dark.svg");
  60. }
  61. .payment-provider-bitpay {
  62. background-image: url("../img/payments/bitpay.svg");
  63. }
  64. .payment-provider-bitpay-dark {
  65. background-image: url("../img/payments/bitpay-dark.svg");
  66. }
  67. .payment-provider-blik {
  68. background-image: url("../img/payments/blik.svg");
  69. }
  70. .payment-provider-blik-dark {
  71. background-image: url("../img/payments/blik-dark.svg");
  72. }
  73. .payment-provider-cirrus {
  74. background-image: url("../img/payments/cirrus.svg");
  75. }
  76. .payment-provider-cirrus-dark {
  77. background-image: url("../img/payments/cirrus-dark.svg");
  78. }
  79. .payment-provider-clickandbuy {
  80. background-image: url("../img/payments/clickandbuy.svg");
  81. }
  82. .payment-provider-clickandbuy-dark {
  83. background-image: url("../img/payments/clickandbuy-dark.svg");
  84. }
  85. .payment-provider-coinkite {
  86. background-image: url("../img/payments/coinkite.svg");
  87. }
  88. .payment-provider-coinkite-dark {
  89. background-image: url("../img/payments/coinkite-dark.svg");
  90. }
  91. .payment-provider-dinersclub {
  92. background-image: url("../img/payments/dinersclub.svg");
  93. }
  94. .payment-provider-dinersclub-dark {
  95. background-image: url("../img/payments/dinersclub-dark.svg");
  96. }
  97. .payment-provider-directdebit {
  98. background-image: url("../img/payments/directdebit.svg");
  99. }
  100. .payment-provider-directdebit-dark {
  101. background-image: url("../img/payments/directdebit-dark.svg");
  102. }
  103. .payment-provider-discover {
  104. background-image: url("../img/payments/discover.svg");
  105. }
  106. .payment-provider-discover-dark {
  107. background-image: url("../img/payments/discover-dark.svg");
  108. }
  109. .payment-provider-dotpay {
  110. background-image: url("../img/payments/dotpay.svg");
  111. }
  112. .payment-provider-dotpay-dark {
  113. background-image: url("../img/payments/dotpay-dark.svg");
  114. }
  115. .payment-provider-dwolla {
  116. background-image: url("../img/payments/dwolla.svg");
  117. }
  118. .payment-provider-dwolla-dark {
  119. background-image: url("../img/payments/dwolla-dark.svg");
  120. }
  121. .payment-provider-ebay {
  122. background-image: url("../img/payments/ebay.svg");
  123. }
  124. .payment-provider-ebay-dark {
  125. background-image: url("../img/payments/ebay-dark.svg");
  126. }
  127. .payment-provider-epayco {
  128. background-image: url("../img/payments/epayco.svg");
  129. }
  130. .payment-provider-epayco-dark {
  131. background-image: url("../img/payments/epayco-dark.svg");
  132. }
  133. .payment-provider-eway {
  134. background-image: url("../img/payments/eway.svg");
  135. }
  136. .payment-provider-eway-dark {
  137. background-image: url("../img/payments/eway-dark.svg");
  138. }
  139. .payment-provider-giropay {
  140. background-image: url("../img/payments/giropay.svg");
  141. }
  142. .payment-provider-giropay-dark {
  143. background-image: url("../img/payments/giropay-dark.svg");
  144. }
  145. .payment-provider-googlewallet {
  146. background-image: url("../img/payments/googlewallet.svg");
  147. }
  148. .payment-provider-googlewallet-dark {
  149. background-image: url("../img/payments/googlewallet-dark.svg");
  150. }
  151. .payment-provider-ingenico {
  152. background-image: url("../img/payments/ingenico.svg");
  153. }
  154. .payment-provider-ingenico-dark {
  155. background-image: url("../img/payments/ingenico-dark.svg");
  156. }
  157. .payment-provider-jcb {
  158. background-image: url("../img/payments/jcb.svg");
  159. }
  160. .payment-provider-jcb-dark {
  161. background-image: url("../img/payments/jcb-dark.svg");
  162. }
  163. .payment-provider-klarna {
  164. background-image: url("../img/payments/klarna.svg");
  165. }
  166. .payment-provider-klarna-dark {
  167. background-image: url("../img/payments/klarna-dark.svg");
  168. }
  169. .payment-provider-laser {
  170. background-image: url("../img/payments/laser.svg");
  171. }
  172. .payment-provider-laser-dark {
  173. background-image: url("../img/payments/laser-dark.svg");
  174. }
  175. .payment-provider-maestro {
  176. background-image: url("../img/payments/maestro.svg");
  177. }
  178. .payment-provider-maestro-dark {
  179. background-image: url("../img/payments/maestro-dark.svg");
  180. }
  181. .payment-provider-mastercard {
  182. background-image: url("../img/payments/mastercard.svg");
  183. }
  184. .payment-provider-mastercard-dark {
  185. background-image: url("../img/payments/mastercard-dark.svg");
  186. }
  187. .payment-provider-mir {
  188. background-image: url("../img/payments/mir.svg");
  189. }
  190. .payment-provider-mir-dark {
  191. background-image: url("../img/payments/mir-dark.svg");
  192. }
  193. .payment-provider-monero {
  194. background-image: url("../img/payments/monero.svg");
  195. }
  196. .payment-provider-monero-dark {
  197. background-image: url("../img/payments/monero-dark.svg");
  198. }
  199. .payment-provider-neteller {
  200. background-image: url("../img/payments/neteller.svg");
  201. }
  202. .payment-provider-neteller-dark {
  203. background-image: url("../img/payments/neteller-dark.svg");
  204. }
  205. .payment-provider-ogone {
  206. background-image: url("../img/payments/ogone.svg");
  207. }
  208. .payment-provider-ogone-dark {
  209. background-image: url("../img/payments/ogone-dark.svg");
  210. }
  211. .payment-provider-okpay {
  212. background-image: url("../img/payments/okpay.svg");
  213. }
  214. .payment-provider-okpay-dark {
  215. background-image: url("../img/payments/okpay-dark.svg");
  216. }
  217. .payment-provider-paybox {
  218. background-image: url("../img/payments/paybox.svg");
  219. }
  220. .payment-provider-paybox-dark {
  221. background-image: url("../img/payments/paybox-dark.svg");
  222. }
  223. .payment-provider-paymill {
  224. background-image: url("../img/payments/paymill.svg");
  225. }
  226. .payment-provider-paymill-dark {
  227. background-image: url("../img/payments/paymill-dark.svg");
  228. }
  229. .payment-provider-payone {
  230. background-image: url("../img/payments/payone.svg");
  231. }
  232. .payment-provider-payone-dark {
  233. background-image: url("../img/payments/payone-dark.svg");
  234. }
  235. .payment-provider-payoneer {
  236. background-image: url("../img/payments/payoneer.svg");
  237. }
  238. .payment-provider-payoneer-dark {
  239. background-image: url("../img/payments/payoneer-dark.svg");
  240. }
  241. .payment-provider-paypal {
  242. background-image: url("../img/payments/paypal.svg");
  243. }
  244. .payment-provider-paypal-dark {
  245. background-image: url("../img/payments/paypal-dark.svg");
  246. }
  247. .payment-provider-paysafecard {
  248. background-image: url("../img/payments/paysafecard.svg");
  249. }
  250. .payment-provider-paysafecard-dark {
  251. background-image: url("../img/payments/paysafecard-dark.svg");
  252. }
  253. .payment-provider-payu {
  254. background-image: url("../img/payments/payu.svg");
  255. }
  256. .payment-provider-payu-dark {
  257. background-image: url("../img/payments/payu-dark.svg");
  258. }
  259. .payment-provider-payza {
  260. background-image: url("../img/payments/payza.svg");
  261. }
  262. .payment-provider-payza-dark {
  263. background-image: url("../img/payments/payza-dark.svg");
  264. }
  265. .payment-provider-przelewy24 {
  266. background-image: url("../img/payments/przelewy24.svg");
  267. }
  268. .payment-provider-przelewy24-dark {
  269. background-image: url("../img/payments/przelewy24-dark.svg");
  270. }
  271. .payment-provider-ripple {
  272. background-image: url("../img/payments/ripple.svg");
  273. }
  274. .payment-provider-ripple-dark {
  275. background-image: url("../img/payments/ripple-dark.svg");
  276. }
  277. .payment-provider-sage {
  278. background-image: url("../img/payments/sage.svg");
  279. }
  280. .payment-provider-sage-dark {
  281. background-image: url("../img/payments/sage-dark.svg");
  282. }
  283. .payment-provider-sepa {
  284. background-image: url("../img/payments/sepa.svg");
  285. }
  286. .payment-provider-sepa-dark {
  287. background-image: url("../img/payments/sepa-dark.svg");
  288. }
  289. .payment-provider-shopify {
  290. background-image: url("../img/payments/shopify.svg");
  291. }
  292. .payment-provider-shopify-dark {
  293. background-image: url("../img/payments/shopify-dark.svg");
  294. }
  295. .payment-provider-skrill {
  296. background-image: url("../img/payments/skrill.svg");
  297. }
  298. .payment-provider-skrill-dark {
  299. background-image: url("../img/payments/skrill-dark.svg");
  300. }
  301. .payment-provider-solo {
  302. background-image: url("../img/payments/solo.svg");
  303. }
  304. .payment-provider-solo-dark {
  305. background-image: url("../img/payments/solo-dark.svg");
  306. }
  307. .payment-provider-square {
  308. background-image: url("../img/payments/square.svg");
  309. }
  310. .payment-provider-square-dark {
  311. background-image: url("../img/payments/square-dark.svg");
  312. }
  313. .payment-provider-stripe {
  314. background-image: url("../img/payments/stripe.svg");
  315. }
  316. .payment-provider-stripe-dark {
  317. background-image: url("../img/payments/stripe-dark.svg");
  318. }
  319. .payment-provider-switch {
  320. background-image: url("../img/payments/switch.svg");
  321. }
  322. .payment-provider-switch-dark {
  323. background-image: url("../img/payments/switch-dark.svg");
  324. }
  325. .payment-provider-tpay {
  326. background-image: url("../img/payments/tpay.svg");
  327. }
  328. .payment-provider-tpay-dark {
  329. background-image: url("../img/payments/tpay-dark.svg");
  330. }
  331. .payment-provider-ukash {
  332. background-image: url("../img/payments/ukash.svg");
  333. }
  334. .payment-provider-ukash-dark {
  335. background-image: url("../img/payments/ukash-dark.svg");
  336. }
  337. .payment-provider-unionpay {
  338. background-image: url("../img/payments/unionpay.svg");
  339. }
  340. .payment-provider-unionpay-dark {
  341. background-image: url("../img/payments/unionpay-dark.svg");
  342. }
  343. .payment-provider-verifone {
  344. background-image: url("../img/payments/verifone.svg");
  345. }
  346. .payment-provider-verifone-dark {
  347. background-image: url("../img/payments/verifone-dark.svg");
  348. }
  349. .payment-provider-verisign {
  350. background-image: url("../img/payments/verisign.svg");
  351. }
  352. .payment-provider-verisign-dark {
  353. background-image: url("../img/payments/verisign-dark.svg");
  354. }
  355. .payment-provider-visa {
  356. background-image: url("../img/payments/visa.svg");
  357. }
  358. .payment-provider-visa-dark {
  359. background-image: url("../img/payments/visa-dark.svg");
  360. }
  361. .payment-provider-webmoney {
  362. background-image: url("../img/payments/webmoney.svg");
  363. }
  364. .payment-provider-webmoney-dark {
  365. background-image: url("../img/payments/webmoney-dark.svg");
  366. }
  367. .payment-provider-westernunion {
  368. background-image: url("../img/payments/westernunion.svg");
  369. }
  370. .payment-provider-westernunion-dark {
  371. background-image: url("../img/payments/westernunion-dark.svg");
  372. }
  373. .payment-provider-worldpay {
  374. background-image: url("../img/payments/worldpay.svg");
  375. }
  376. .payment-provider-worldpay-dark {
  377. background-image: url("../img/payments/worldpay-dark.svg");
  378. }
  379. .payment-xs {
  380. width: 2.49999rem;
  381. height: 1.5rem;
  382. }
  383. .payment-sm {
  384. width: 3.33332rem;
  385. height: 2rem;
  386. }
  387. .payment-md {
  388. width: 6.66664rem;
  389. height: 4rem;
  390. }
  391. .payment-lg {
  392. width: 9.16663rem;
  393. height: 5.5rem;
  394. }
  395. .payment-xl {
  396. width: 11.66662rem;
  397. height: 7rem;
  398. }
  399. .payment-2xl {
  400. width: 18.33326rem;
  401. height: 11rem;
  402. }