| @@ -1,9 +1,9 @@ | ||
| 1 | 1 | .payplug-oney { |
| 2 | 2 | display: flex; |
| 3 | 3 | align-items: center; |
| 4 | - font-family: Arial, sans-serif; | |
| 5 | 4 | font-size: 15px; |
| 5 | + margin-bottom: 10px; | |
| 6 | 6 | } |
| 7 | 7 | .payplug-oney .oney-img { |
| 8 | 8 | height: 3rem; |
| 9 | 9 | width: 3rem; |
| @@ -10,41 +10,15 @@ | ||
| 10 | 10 | margin: 0 .5rem; |
| 11 | 11 | background-size: contain; |
| 12 | 12 | background-repeat: no-repeat; |
| 13 | 13 | } |
| 14 | -.payplug-oney .payplug-flex { display: flex; align-items: center; } | |
| 15 | -.payplug-oney.float-right, | |
| 16 | -.payplug-oney .float-right { float: right; } | |
| 17 | -.payplug-oney.float-left, | |
| 18 | -.payplug-oney .float-left { float: left; } | |
| 19 | -.payplug-oney .clear { clear: both; } | |
| 20 | -.payplug-oney .no-margin { margin: 0 !important;} | |
| 21 | -.payplug-oney .margin-auto { margin: auto; } | |
| 22 | -.payplug-oney .margin-side { margin: 0 5px; } | |
| 23 | -.payplug-oney .bold { font-weight: bold; } | |
| 24 | -.payplug-oney .bold-900 { font-weight: 900; } | |
| 25 | -.payplug-oney .oney-color { color: #86bd28; } | |
| 26 | -.payplug-oney .oney-grey-color { color: #ababab; } | |
| 27 | -.payplug-oney .small-font-size { font-size: .8rem; } | |
| 28 | -.payplug-oney .medium-font-size { font-size: 1.2rem; } | |
| 29 | -.payplug-oney .big-font-size { font-size: 2rem; } | |
| 30 | -.payplug-oney .line-120 { line-height: 120%;} | |
| 31 | -.payplug-oney .oney-3x { background-image: url(../images/lg-3xoney.png); } | |
| 32 | -.payplug-oney .oney-4x { background-image: url(../images/lg-4xoney.png); } | |
| 33 | 14 | .payplug-oney .oney-3x4x { background-image: url(../images/lg-3x4xoney.png); min-width: 8em; margin-bottom: -.2em; background-position: center center; float: left;} |
| 34 | -.payplug-oney .oney-logo { background-image: url(../images/lg-oney.png); width: auto; height: 30px; } | |
| 35 | -.payplug-oney .oney-step1 { margin-left: 13% !important; background-image: url(../images/lg-step1-oney.png); } | |
| 36 | -.payplug-oney .oney-step2 { background-image: url(../images/lg-step2-oney.png); } | |
| 37 | -.payplug-oney .oney-step3 { background-image: url(../images/lg-step3-oney.png); } | |
| 38 | -.payplug-oney .oney-cb { background-image: url(../images/logos_scheme_oney_CB.svg); } | |
| 39 | -.payplug-oney.disabled .oney-3x { background-image: url(../images/lg-3xoney-disabled.png); } | |
| 40 | -.payplug-oney.disabled .oney-4x { background-image: url(../images/lg-4xoney-disabled.png); } | |
| 15 | +.payplug-oney .oney-without-fees-3x4x { background-image: url(../images/Oneywithoutfees3x4x.png); min-width: 13em; margin-bottom: -.2em; background-position: center center; float: left;} | |
| 41 | 16 | .payplug-oney.disabled .oney-3x4x { background-image: url(../images/lg-3x4xoney-disabled.png); } |
| 42 | - | |
| 17 | +.payplug-oney.disabled .oney-without-fees-3x4x { background-image: url(../images/Oneywithoutfees3x4x-disable.png); } | |
| 43 | 18 | .payplug-oney-popup { |
| 44 | 19 | cursor: pointer; |
| 45 | 20 | } |
| 46 | - | |
| 47 | 21 | .payplug-oney #oney-show-popup { |
| 48 | 22 | width: 1.5rem; |
| 49 | 23 | height: 1.5rem; |
| 50 | 24 | font-size: 0.8rem; |
| @@ -50,9 +24,9 @@ | ||
| 50 | 24 | font-size: 0.8rem; |
| 51 | 25 | text-align: center; |
| 52 | 26 | border: 3px solid #86bd28; |
| 53 | 27 | border-radius: 1rem; |
| 54 | - margin-top: 9px; | |
| 28 | + margin-top: 9px; | |
| 55 | 29 | float: right; |
| 56 | 30 | } |
| 57 | 31 | .payplug-oney.disabled #oney-show-popup { |
| 58 | 32 | color: #ababab !important; |
| @@ -58,68 +32,8 @@ | ||
| 58 | 32 | color: #ababab !important; |
| 59 | 33 | border-color: #ababab; |
| 60 | 34 | } |
| 61 | 35 | |
| 62 | -.payplug-oney#oney-popup { | |
| 63 | - display: none; | |
| 64 | - max-width: 25rem; | |
| 65 | - padding: 1rem; | |
| 66 | - margin-top: 1rem; | |
| 67 | - text-align: center; | |
| 68 | - z-index: 100000; | |
| 69 | -} | |
| 70 | -.payplug-oney#oney-popup.loaded { | |
| 71 | - text-align: inherit; | |
| 72 | - background: white; | |
| 73 | - border: 3px solid #86bd28; | |
| 74 | - font-size: 13px; | |
| 75 | -} | |
| 76 | -.payplug-oney#oney-popup .oney-title{ | |
| 77 | - font-size: 17px; | |
| 78 | - line-height: 17px; | |
| 79 | - margin-top: 5px; | |
| 80 | -} | |
| 81 | -.payplug-oney.disabled#oney-popup.loaded { | |
| 82 | - border-color: #ababab; | |
| 83 | -} | |
| 84 | -.payplug-oney#oney-popup .triangle-left { | |
| 85 | - display: inline-block; | |
| 86 | - width: 0; | |
| 87 | - height: 0; | |
| 88 | - border-style: solid; | |
| 89 | - border-width: 2rem 2rem 2rem 0; | |
| 90 | - border-color: transparent #86bd28 transparent transparent; | |
| 91 | - line-height: 0; | |
| 92 | - _border-color: #000000 #86bd28 #000000 #000000; | |
| 93 | - _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); | |
| 94 | - position: absolute; | |
| 95 | - left: -2rem; | |
| 96 | - top: 4rem; | |
| 97 | -} | |
| 98 | - | |
| 99 | -.payplug-oney.disabled#oney-popup .triangle-left { | |
| 100 | - border-color: transparent #ababab transparent transparent; | |
| 101 | -} | |
| 102 | -.payplug-oney#oney-popup .oney-content { | |
| 103 | - display: flex; | |
| 104 | - margin-top: 1rem; | |
| 105 | -} | |
| 106 | -.payplug-oney#oney-popup .oney-content .oney-details { | |
| 107 | - margin-left: .5rem; | |
| 108 | -} | |
| 109 | -.payplug-oney#oney-popup .oney-separator { | |
| 110 | - width: 100%; | |
| 111 | - height: 1px; | |
| 112 | - background: #86bd28; | |
| 113 | - margin: 1rem 0; | |
| 114 | -} | |
| 115 | -.payplug-oney#oney-popup .oney-cgv-content { | |
| 116 | - text-align: justify; | |
| 117 | - font-size: 10px; | |
| 118 | - border-top: 1px solid lightgrey; | |
| 119 | - padding-top: 10px; | |
| 120 | -} | |
| 121 | - | |
| 122 | 36 | #payment .payment_methods li[class*=oney_x] img.payplug-payment-icon { |
| 123 | 37 | width: auto; |
| 124 | 38 | max-height: 30px; |
| 125 | 39 | padding-right: 5px; |
| @@ -127,9 +41,8 @@ | ||
| 127 | 41 | div.payment_method_oney_x3_with_fees_disabled, div.payment_method_oney_x4_with_fees_disabled { |
| 128 | 42 | color: #980000; |
| 129 | 43 | } |
| 130 | 44 | |
| 131 | -.payplug-oney#oney-popup.loaded .payplug-lds-roller { display :none; } | |
| 132 | 45 | .payplug-lds-roller {display: inline-block;position: relative;width: 80px;height: 80px; } |
| 133 | 46 | .payplug-lds-roller div {animation: payplug-lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;transform-origin: 40px 40px;} |
| 134 | 47 | .payplug-lds-roller div:after {content: " ";display: block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background: #ababab;margin: -4px 0 0 -4px;} |
| 135 | 48 | .payplug-lds-roller div:nth-child(1) {animation-delay: -0.036s;} |
| @@ -162,6 +75,4 @@ | ||
| 162 | 75 | -ms-transform:rotate(360deg); |
| 163 | 76 | transform: rotate(360deg); |
| 164 | 77 | } |
| 165 | 78 | } |
| 166 | - | |
| 167 | - | |
