tabler-payments.css 12 KB

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