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