first commit
This commit is contained in:
@@ -0,0 +1 @@
|
||||
.payu-table input[data-global=can-be-global][readonly=readonly]{color:transparent}.payu-table .absolute-global fieldset{position:relative}.payu-table .absolute-global fieldset span{position:absolute;left:10px;top:6px}.receive-payment{border:1px solid #a6c307 !important;color:#fff !important;background:#a6c307 !important}.discard-payment{border:1px solid red !important;color:#fff !important;background:red !important}.payu-red{color:#a00}
|
||||
@@ -0,0 +1,31 @@
|
||||
.payu-table{
|
||||
input[data-global="can-be-global"]{
|
||||
&[readonly="readonly"]{
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
.absolute-global{
|
||||
fieldset{
|
||||
position: relative;
|
||||
span{
|
||||
position: absolute;
|
||||
left: 10px;
|
||||
top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.receive-payment{
|
||||
border: 1px solid #a6c307 !important;
|
||||
color: #fff !important;
|
||||
background: #a6c307 !important;
|
||||
}
|
||||
.discard-payment{
|
||||
border: 1px solid #ff0000 !important;
|
||||
color: #fff !important;
|
||||
background: #ff0000 !important;
|
||||
}
|
||||
|
||||
.payu-red {
|
||||
color: #aa0000;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.pbl-container{display:flex;justify-content:center;flex-direction:column}.pbl-container .payu-list-banks{list-style-type:none;display:flex;flex-wrap:wrap;margin:0;padding:0;justify-content:center}.pbl-container .payu-list-banks li{padding:5px 3px 0}.pbl-container .payu-list-banks li.payu-inactive{opacity:.5;-webkit-filter:grayscale(1);-moz-filter:grayscale(1);-ms-filter:grayscale(1);-o-filter:grayscale(1);filter:grayscale(1);filter:gray}.pbl-container .payu-list-banks li:not(.payu-inactive) label{cursor:pointer}.pbl-container .payu-list-banks li:not(.payu-inactive) label:hover{background:#ddd;border-color:#aaa}.pbl-container .payu-list-banks li label{padding:10px;display:flex;border:1px solid #bbb;transition:all 250ms;width:86px;justify-content:center;align-items:center}.pbl-container .payu-list-banks li label.active{background:#ddd;border-color:#aaa}.pbl-container .payu-list-banks li label img{width:auto;height:31px;object-fit:contain;margin:0 !important;padding:0}.pbl-container .payu-list-banks li label input{display:none}.pbl-container .pbl-error{padding-top:.5em;padding-bottom:.5em;margin-top:.5em;margin-bottom:.5em;display:none}.pbl-container .pbl-error:before{top:.5em}.payu-accept-conditions{margin-top:15px}.payu-accept-conditions .payu-conditions-description{margin-top:8px;font-size:12px;line-height:120%}.payu-accept-conditions .payu-conditions-description>div{margin:5px 0}.payu-accept-conditions .payu-conditions-description a{text-decoration:underline}.payu-accept-conditions .payu-conditions-description .payu-read-more{text-decoration:underline;cursor:pointer}.payu-accept-conditions .payu-conditions-description .payu-more-hidden{display:none}#payu-card-container{max-width:350px;margin:10px auto 10px;text-align:left;box-sizing:border-box;border:1px solid #bbb;padding:5px;border-radius:5px;background-color:#ddd;color:#333}#payu-card-container .payu-sf-validation-error,#payu-card-container .payu-sf-technical-error{display:none;color:#b21b0f;font-size:13px}#payu-card-container .payu-card-form{background-color:#fff;padding:5px;border-radius:4px;border:1px solid transparent}#payu-card-container .payu-secure-form-invalid:not(.payu-secure-form-focus){border-color:#b21b0f}#payu-card-container label{padding-bottom:2px;font-size:15px}.card-details{clear:both;overflow:auto;margin-top:10px}.card-details .expiration{width:47%;float:left;margin-right:5%}.card-details .cvv{width:47%;float:left}#tokenizeButton{border:none;background:#438f29;padding:8px 15px;cursor:pointer;color:#fff;display:table;margin:10px auto 0}.response-success{color:#438f29}.response-error{color:#900}.autonomy-payu-button{display:flex;align-items:center;text-decoration:none;margin:10px 0}.autonomy-payu-button img{margin-left:10px;width:50px;height:auto}label[for*=payment_method_payu] img{border-radius:0}
|
||||
@@ -0,0 +1,193 @@
|
||||
.pbl-container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
|
||||
.payu-list-banks {
|
||||
list-style-type: none;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
justify-content: center;
|
||||
|
||||
li {
|
||||
padding: 5px 3px 0;
|
||||
|
||||
&.payu-inactive {
|
||||
opacity: 0.5;
|
||||
-webkit-filter: grayscale(1);
|
||||
-moz-filter: grayscale(1);
|
||||
-ms-filter: grayscale(1);
|
||||
-o-filter: grayscale(1);
|
||||
filter: grayscale(1);
|
||||
filter: gray;
|
||||
}
|
||||
|
||||
&:not(.payu-inactive) {
|
||||
label {
|
||||
cursor: pointer;
|
||||
|
||||
&:hover {
|
||||
background: #ddd;
|
||||
border-color: #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
label {
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
border: 1px solid #bbb;
|
||||
transition: all 250ms;
|
||||
width: 86px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&.active {
|
||||
background: #ddd;
|
||||
border-color: #aaa;
|
||||
}
|
||||
|
||||
img {
|
||||
width: auto;
|
||||
height: 31px;
|
||||
object-fit: contain;
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pbl-error {
|
||||
padding-top: 0.5em;
|
||||
padding-bottom: 0.5em;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.5em;
|
||||
display: none;
|
||||
&:before {
|
||||
top: 0.5em
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.payu-accept-conditions {
|
||||
margin-top: 15px;
|
||||
.payu-conditions-description {
|
||||
margin-top: 8px;
|
||||
font-size: 12px;
|
||||
line-height: 120%;
|
||||
|
||||
> div {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.payu-read-more {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.payu-more-hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#payu-card-container {
|
||||
max-width: 350px;
|
||||
margin: 10px auto 10px;
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #bbb;
|
||||
padding: 5px;
|
||||
border-radius: 5px;
|
||||
background-color: #ddd;
|
||||
color: #333;
|
||||
|
||||
.payu-sf-validation-error, .payu-sf-technical-error {
|
||||
display: none;
|
||||
color: #b21b0f;
|
||||
font-size: 13px;
|
||||
}
|
||||
}
|
||||
|
||||
#payu-card-container {
|
||||
.payu-card-form {
|
||||
background-color: #ffffff;
|
||||
padding: 5px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.payu-secure-form-invalid:not(.payu-secure-form-focus) {
|
||||
border-color: #b21b0f;
|
||||
}
|
||||
|
||||
label {
|
||||
padding-bottom: 2px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.card-details {
|
||||
clear: both;
|
||||
overflow: auto;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.card-details .expiration {
|
||||
width: 47%;
|
||||
float: left;
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
.card-details .cvv {
|
||||
width: 47%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#tokenizeButton {
|
||||
border: none;
|
||||
background: #438F29;
|
||||
padding: 8px 15px;
|
||||
cursor: pointer;
|
||||
color: #fff;
|
||||
display: table;
|
||||
margin: 10px auto 0;
|
||||
}
|
||||
|
||||
.response-success {
|
||||
color: #438F29;
|
||||
}
|
||||
|
||||
.response-error {
|
||||
color: #990000;
|
||||
}
|
||||
|
||||
.autonomy-payu-button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-decoration: none;
|
||||
margin: 10px 0;
|
||||
|
||||
img {
|
||||
margin-left: 10px;
|
||||
width: 50px;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
label[for*="payment_method_payu"] {
|
||||
img {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user