Skip to content

Instantly share code, notes, and snippets.

@ligabloo
Created August 26, 2022 20:58
Show Gist options
  • Save ligabloo/9fe6a81883225295065614e1913f5f1b to your computer and use it in GitHub Desktop.
Save ligabloo/9fe6a81883225295065614e1913f5f1b to your computer and use it in GitHub Desktop.
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
* {
box-sizing: border-box;
}
body {
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
background-color: white;
margin: 0;
padding: 0;
max-height: 100% !important;
}
#titleHeader,
.titleHeader {
display: none;
}
#addCardForm {
margin: 0;
overflow: auto;
}
#walletSelection {
border: 0;
background: none;
}
.instrumentPopupContent,
.instrument:not(.saved) .content {
margin: 0;
padding: 20px;
background: none;
}
.instrument.active:not(.saved) {
background: none;
}
.walletHeader {
display: none;
}
.cardLogoHolder {
margin-bottom: 20px;
}
.cardLogoHolder .cardLogo {
height: 26px;
margin: 0;
margin-right: 10px;
}
.instrumentPopupHeader {
background: none;
border: 0;
padding: 20px 20px 0;
}
.instrumentInfoHolder .expDate,
.instrumentInfoHolder .giftCardBalance {
display: none;
}
.instrumentInfoHolder .instrumentLogoHolder {
margin-bottom: 10px;
}
.instrumentInfoHolder .instrumentLogoHolder img {
height: 26px;
}
.inputContainer,
.holder.cardCvCHolder {
background: none;
border: 0;
padding: 0;
height: auto;
margin-bottom: 20px;
}
.inputContainer.active,
.inputContainer.activesimulate {
border: 0;
}
.inputContainer .labelContainer {
position: initial;
margin: 0 0 8px !important;
}
.inputContainer.valid::after {
right: 10px;
top: 37px;
}
.inputContainer.error::after {
right: 10px;
top: 40px;
}
.inputContainer label {
font-size: 10px;
text-transform: uppercase;
font-weight: 700;
line-height: 14px;
letter-spacing: 1px;
}
.inputContainer label.placeHolderLabel {
display: none;
}
.inputContainer input,
.inputContainer.filled input,
.instrumentInfoHolder .instrumentNumber {
display: block;
border: 0.5px solid #b7afa2;
border-radius: 0;
padding: 10px;
height: 40px;
line-height: 20px;
box-sizing: border-box;
font-size: 14px;
color: #231f20;
}
.instrumentInfoHolder .instrumentNumber {
background: #f3f3f3;
color: #6d6d6d;
}
.cardCvCHolder .cvcInfoLink {
display: none;
}
.recaptchaContainer {
margin-top: 4px;
margin-bottom: 74px;
}
.buttonHolder {
box-shadow: 0px -2px 16px rgba(0, 0, 0, 0.14);
padding: 15px 0 0 !important;
height: 60px;
}
.instrument.saved .buttonHolder .commandButton,
.instrument.saved .buttonHolder .commandButton:hover,
.commandButton,
.commandButton:hover,
button.commandButton,
button.commandButton:hover,
.mobileclose,
.mobileclose:hover {
width: 220px;
margin: 0 auto;
background-color: #00703c;
border-radius: 22px;
overflow: hidden;
border: 0;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
height: 44px;
line-height: 1;
font-weight: 700;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment