190 lines
4.2 KiB
CSS
190 lines
4.2 KiB
CSS
.braintree-row-payment {
|
|
padding:5px 5px 5px 10px;
|
|
border-radius: 4px;
|
|
margin:0 0 10px 0;
|
|
}
|
|
|
|
.braintree-row-payment .block_field{
|
|
width: 46%;
|
|
display: block;
|
|
margin-top: 10px;
|
|
margin-right:1%;
|
|
float: left;
|
|
}
|
|
|
|
.braintree-row-payment .block_field.half_block_field{
|
|
width:20%;
|
|
margin-right:1%;
|
|
}
|
|
|
|
|
|
.braintree-row-payment .half_block_field .hosted_field {
|
|
width:100%;
|
|
}
|
|
|
|
.braintree-row-payment .hosted_field {
|
|
/*width: 250px;*/
|
|
height: 34px;
|
|
padding: 6px 12px 6px 12px;
|
|
border: 1px solid #cccccc;
|
|
-webkit-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
|
|
box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
|
|
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
float:left;
|
|
}
|
|
|
|
.braintree-row-payment .braintree-hosted-fields-focused
|
|
{
|
|
border-color: #66afe9;
|
|
outline: 0;
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
|
|
}
|
|
|
|
.braintree-row-payment #braintree_submit{
|
|
margin-top: 20px;
|
|
color: #fff;
|
|
background-color: #337ab7;
|
|
padding: 6px 12px;
|
|
margin-bottom: 0;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
line-height: 1.42857143;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
vertical-align: middle;
|
|
-ms-touch-action: manipulation;
|
|
touch-action: manipulation;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
background-image: none;
|
|
border: 1px solid #2e6da4;
|
|
border-radius: 4px;
|
|
width: 250px;
|
|
clear: both;
|
|
}
|
|
.paypal_clear{
|
|
clear:both;
|
|
}
|
|
|
|
.braintree_logo{
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
.braintree_title_bo{
|
|
color:#000;
|
|
}
|
|
|
|
.braintree_error{
|
|
background-color: #F11;
|
|
color: white;
|
|
padding: 5px;
|
|
opacity: 0.5;
|
|
border: solid 3px red;
|
|
}
|
|
|
|
#paypal-wrapper .bo_paypal_help{
|
|
border-radius:50%;
|
|
border: 2px solid #036;
|
|
width: 21px;
|
|
display: inline-block;
|
|
height: 21px;
|
|
font-size: 17px;
|
|
text-decoration: none;
|
|
text-align: center;
|
|
}
|
|
|
|
#paypal-wrapper .braintree_link{
|
|
text-decoration: none;
|
|
}
|
|
.braintree-error {
|
|
display:none;
|
|
}
|
|
.braintree-card #card-image {
|
|
position: absolute;
|
|
top: 0em;
|
|
right: 1em;
|
|
width: 44px;
|
|
height: 28px;
|
|
background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/346994/card_sprite.png);
|
|
background-size: 86px 458px;
|
|
background-position: -100px 0;
|
|
background-repeat: no-repeat;
|
|
margin-bottom: 1em;
|
|
}
|
|
.braintree-card #card-image.visa {
|
|
background-position: 0 -398px;
|
|
}
|
|
.braintree-card #card-image.master-card {
|
|
background-position: 0 -281px;
|
|
}
|
|
.braintree-card #card-image.american-express {
|
|
background-position: 0 -370px;
|
|
}
|
|
.braintree-card #card-image.discover {
|
|
background-position: 0 -163px;
|
|
}
|
|
.braintree-card #card-image.maestro {
|
|
background-position: 0 -251px;
|
|
}
|
|
.braintree-card #card-image.jcb {
|
|
background-position: 0 -221px;
|
|
}
|
|
.braintree-card #card-image.diners-club {
|
|
background-position: 0 -133px;
|
|
}
|
|
.braintree-row-payment #card-number {
|
|
position: relative;
|
|
}
|
|
#paypal-vault-info {
|
|
display:none;
|
|
margin-bottom: 20px;
|
|
}
|
|
#bt-card-error-msg, #bt-paypal-error-msg {
|
|
display:none;
|
|
margin-top: 10px;
|
|
}
|
|
#bt-paypal-error-msg {
|
|
margin-bottom: 10px;
|
|
}
|
|
#logo_braintree_by_paypal{
|
|
margin-top:15px;
|
|
}
|
|
/*------------------VAULT-------------*/
|
|
#bt-vault-form {
|
|
margin-top: 10px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
#bt-vault-form .form-control {
|
|
background: #ffffff;
|
|
border-radius: 5px;
|
|
color: #7a7a7a;
|
|
border: 1px solid rgba(0,0,0,.25);
|
|
padding: 0.4rem 1rem;
|
|
}
|
|
.save-in-vault {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
label[for="save_card_in_vault"], label[for="save_account_in_vault"] {
|
|
display: inline-block !important;
|
|
padding-left: 5px;
|
|
vertical-align: text-top;
|
|
}
|
|
@media only screen and (max-width: 500px) {
|
|
.braintree-row-payment .block_field {
|
|
width: 81%;
|
|
}
|
|
.braintree-row-payment .block_field.half_block_field {
|
|
width: 40%;
|
|
margin-right: 1%;
|
|
}
|
|
}
|