neocities/public/css/skeuocard.css

@font-face{font-family:'ocraregular';src:url("../fonts/ocra-webfont.eot");src:url("../fonts/ocra-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/ocra-webfont.woff") format("woff"),url("../fonts/ocra-webfont.ttf") format("truetype"),url("../fonts/ocra-webfont.svg#ocraregular") format("svg");font-weight:normal;font-style:normal}.skeuocard.js{width:24.8em;height:15.6em;-webkit-perspective:1000;-moz-perspective:1000;-o-perspective:1000;perspective:1000}.skeuocard.js input[type=number]::-webkit-inner-spin-button,.skeuocard.js input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.skeuocard.js .card-body{-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;position:relative}.skeuocard.js .card-body .face{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-backface-visibility:visible;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.25s ease, background-image 0.25s ease;-ms-transition:-ms-transform 0.25s ease, background-image 0.25s ease;-moz-transition:-moz-transform 0.25s ease, background-image 0.25s ease;-o-transition:-o-transform 0.25s ease, background-image 0.25s ease;transition:transform 0.25s ease, background-image 0.25s ease;position:absolute;top:0;left:0;width:24.8em;height:15.6em;-webkit-border-radius:1.15em;border-radius:1.15em;background-color:#eee;background-size:cover;border:1px solid #ddd}.skeuocard.js .card-body .face.front{-webkit-transform:translate3d(0, 0, 0);z-index:2}.skeuocard.js .card-body .face.back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);transform:rotateY(-180deg)}.skeuocard.js .card-body.flip .face.back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg)}.skeuocard.js .card-body.flip .face.front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}.skeuocard.js .flip-tab{position:absolute;cursor:pointer;width:13em;display:block;background:#666;height:3.55em;border-radius:3.55em;-webkit-border-radius:3.55em;-ms-border-radius:3.55em;-moz-border-radius:3.55em;-o-border-radius:3.55em;transition:all 0.25s ease;-webkit-transition:all 0.25s ease;-ms-transition:all 0.25s ease;-moz-transition:all 0.25s ease;-o-transition:all 0.25s ease}.skeuocard.js .flip-tab p{margin:0.6em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;font-size:1.0em;line-height:1.2em}.skeuocard.js .flip-tab p strong{color:#fff;font-weight:bold}.skeuocard.js .flip-tab.front{right:-1.25em;top:1em}.skeuocard.js .flip-tab.front:hover{right:-1.8em}.skeuocard.js .flip-tab.back{left:-1.25em;top:1em}.skeuocard.js .flip-tab.back:hover{left:-1.8em}.skeuocard.js .flip-tab.prompt{background:#00cfa7 url("../images/card-valid-anim.gif") no-repeat;background-size:2.3em 2.3em}.skeuocard.js .flip-tab.prompt.front{background-position:10.05em 0.6em}.skeuocard.js .flip-tab.prompt.front p{margin-right:2.9em;margin-left:1.25em;margin-top:0.6em}.skeuocard.js .flip-tab.prompt.back{background-position:0.6em 0.6em}.skeuocard.js .flip-tab.prompt.back p{margin-right:1.25em;margin-left:2.9em;margin-top:0.6em}.skeuocard.js .flip-tab.warn{background:#ff655a url("../images/card-invalid-indicator.png") no-repeat;background-size:2.3em 2.3em}.skeuocard.js .flip-tab.warn.front{background-position:10.08em 0.7em}.skeuocard.js .flip-tab.warn.front p{margin-right:2.9em;margin-left:1.25em;margin-top:0.6em}.skeuocard.js .flip-tab.warn.back{background-position:0.6em 0.6em}.skeuocard.js .flip-tab.warn.back p{margin-right:1.25em;margin-left:2.9em;margin-top:0.6em}.skeuocard.js .face.front{background-color:#eee;background-image:url("../images/products/generic-front.png"),url("../images/card-front-background.png");background-repeat:no-repeat;background-size:cover}.skeuocard.js .face.back{background-color:#eee;background-image:url("../images/products/generic-back.png");background-repeat:no-repeat;background-size:cover}.skeuocard.js .face.valid{box-shadow:0 0 10px #00cfa7;-webkit-box-shadow:0 0 10px #00cfa7;-ms-box-shadow:0 0 10px #00cfa7;-moz-box-shadow:0 0 10px #00cfa7;-o-box-shadow:0 0 10px #00cfa7}.skeuocard.js .cc-field input{border:none;outline:none;background-color:rgba(255,255,255,0.6);border-radius:0px;-webkit-border-radius:0px;-ms-border-radius:0px;-moz-border-radius:0px;-o-border-radius:0px;box-shadow:inset 1px 1px 1px 1px #ccc;-webkit-box-shadow:inset 1px 1px 1px 1px #ccc;-ms-box-shadow:inset 1px 1px 1px 1px #ccc;-moz-box-shadow:inset 1px 1px 1px 1px #ccc;-o-box-shadow:inset 1px 1px 1px 1px #ccc;transition:background-color 300ms ease;-webkit-transition:background-color 300ms ease;-ms-transition:background-color 300ms ease;-moz-transition:background-color 300ms ease;-o-transition:background-color 300ms ease}.skeuocard.js .cc-field input:focus{outline:3px auto #0096de;box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none}.skeuocard.js .cc-field.filled.valid:not(.focus) input{box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;background-color:transparent}.skeuocard.js .cc-field.filled:hover:not(.focus) input{box-shadow:inset 1px 1px 1px 1px #ccc;-webkit-box-shadow:inset 1px 1px 1px 1px #ccc;-ms-box-shadow:inset 1px 1px 1px 1px #ccc;-moz-box-shadow:inset 1px 1px 1px 1px #ccc;-o-box-shadow:inset 1px 1px 1px 1px #ccc;background-color:rgba(255,255,255,0.6)}.skeuocard.js .face.filled .cc-field.invalid input{box-shadow:inset 0px 0px 2px 1px #ff655a;-webkit-box-shadow:inset 0px 0px 2px 1px #ff655a;-ms-box-shadow:inset 0px 0px 2px 1px #ff655a;-moz-box-shadow:inset 0px 0px 2px 1px #ff655a;-o-box-shadow:inset 0px 0px 2px 1px #ff655a;border:1px solid #ff655a}.skeuocard.js .face.filled .cc-field.invalid input:focus{box-shadow:none;-webkit-box-shadow:none;-ms-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none}.skeuocard.js .cc-number{position:absolute;display:block;left:1.8em;top:8.05em;padding:0.1em}.skeuocard.js .cc-number input{color:#333;font-family:"ocraregular","OCR A Std","OCR A",Courier,"Courier New",monospace;font-size:1.5em}.skeuocard.js .cc-number input.group4{width:3.2em}.skeuocard.js .cc-number input.group5{width:3.8em}.skeuocard.js .cc-number input.group6{width:4.6em}.skeuocard.js .cc-number input.group19{width:14em}.skeuocard.js .cc-number input+input{margin-left:0.4em}.skeuocard.js .cc-exp{position:absolute;display:block}.skeuocard.js .cc-exp input,.skeuocard.js .cc-exp .separator{margin:0;padding:0;font-size:1em;font-family:"ocraregular","OCR A Std","OCR A",Courier,"Courier New",monospace;color:#333;text-align:center}.skeuocard.js .cc-exp input.group2,.skeuocard.js .cc-exp .separator.group2{width:2em}.skeuocard.js .cc-exp input.group4,.skeuocard.js .cc-exp .separator.group4{width:4em}.skeuocard.js .cc-name{margin:0;padding:0;position:absolute;display:block;font-size:1em;font-family:"ocraregular","OCR A Std","OCR A",Courier,"Courier New",monospace;text-transform:uppercase}.skeuocard.js .cc-cvc{margin:0;padding:0;position:absolute;display:block;font-size:1em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.skeuocard.js.unaccepted .cc-number input{outline:none;box-shadow:0 0 10px #ff655a;-webkit-box-shadow:0 0 10px #ff655a;-ms-box-shadow:0 0 10px #ff655a;-moz-box-shadow:0 0 10px #ff655a;-o-box-shadow:0 0 10px #ff655a;transition:box-shadow linear 0.15s;-webkit-transition:box-shadow linear 0.15s;-ms-transition:box-shadow linear 0.15s;-moz-transition:box-shadow linear 0.15s;-o-transition:box-shadow linear 0.15s}.skeuocard.card-product .face.front,.skeuocard.product-visa .face.front,.skeuocard.product-unionpay .face.front,.skeuocard.product-amex .face.front,.skeuocard.product-dinersclubintl .face.front,.skeuocard.product-mastercard .face.front,.skeuocard.product-maestro .face.front,.skeuocard.product-discover .face.front,.skeuocard.product-jcb .face.front{background-repeat:no-repeat, no-repeat;background-size:cover, cover}.skeuocard.card-product .face.back,.skeuocard.product-visa .face.back,.skeuocard.product-unionpay .face.back,.skeuocard.product-amex .face.back,.skeuocard.product-dinersclubintl .face.back,.skeuocard.product-mastercard .face.back,.skeuocard.product-maestro .face.back,.skeuocard.product-discover .face.back,.skeuocard.product-jcb .face.back{background-repeat:no-repeat, no-repeat;background-size:cover, cover}.skeuocard.product-visa .face.front{background-image:url("../images/products/visa-front.png"),url("../images/card-front-background.png")}.skeuocard.product-visa .face.back{background-image:url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}.skeuocard.product-visa .cc-number{left:1.8em;top:8.05em}.skeuocard.product-visa .cc-exp{left:10.9em;top:11.2em;width:5em}.skeuocard.product-visa .cc-name{left:1.8em;top:13em}.skeuocard.product-visa .cc-cvc{top:7.15em;left:18.1em;width:3em}.skeuocard.product-visa.issuer-chase-sapphire .face.front{background-image:url("../images/issuers/visa-chase-sapphire.png")}.skeuocard.product-visa.issuer-chase-sapphire .cc-name{left:1.25em;top:8.90em;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px}.skeuocard.product-visa.issuer-chase-sapphire .cc-number{left:1.25em;top:9.6em}.skeuocard.product-visa.issuer-chase-sapphire .cc-number input{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:2px;font-size:1.425em}.skeuocard.product-visa.issuer-chase-sapphire .cc-number input.group4{width:2.8em}.skeuocard.product-visa.issuer-chase-sapphire .cc-number input+input{margin-left:0.1em}.skeuocard.product-visa.issuer-chase-sapphire .cc-exp{left:3.75em;top:11.5em}.skeuocard.product-visa.issuer-chase-sapphire .cc-exp input,.skeuocard.product-visa.issuer-chase-sapphire .cc-exp .separator{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.skeuocard.product-visa.issuer-chase-sapphire .cc-exp input.group2,.skeuocard.product-visa.issuer-chase-sapphire .cc-exp .separator.group2{width:1.6em}.skeuocard.product-visa.issuer-chase-sapphire .cc-cvc{top:6.3em;left:15.25em}.skeuocard.product-unionpay .face.front{background-image:url("../images/products/unionpay-front.png"),url("../images/card-front-background.png")}.skeuocard.product-unionpay .face.back{background-image:url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}.skeuocard.product-unionpay .cc-number{left:1.8em;top:8.05em}.skeuocard.product-unionpay .cc-exp{left:10.9em;top:11.2em;width:5em}.skeuocard.product-unionpay .cc-name{left:1.8em;top:13em}.skeuocard.product-unionpay .cc-cvc{top:7.15em;left:18.1em;width:3em}.skeuocard.product-amex .face.front{background-image:url("../images/products/amex-front.png"),url("../images/card-front-background.png")}.skeuocard.product-amex .face.back{background-image:url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}.skeuocard.product-amex .cc-number{left:3em;top:8em}.skeuocard.product-amex .cc-name{left:2.5em;top:13.5em}.skeuocard.product-amex .cc-exp{left:2.5em;top:11.5em}.skeuocard.product-amex .cc-cvc{left:21.25em;top:7em;width:3em}.skeuocard.product-dinersclubintl .face.front{background-image:url("../images/products/dinersclubintl-front.png"),url("../images/card-front-background.png")}.skeuocard.product-dinersclubintl .face.back{background-image:url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}.skeuocard.product-dinersclubintl .cc-number{left:1.8em;top:8.05em}.skeuocard.product-dinersclubintl .cc-name{left:1.8em;top:11.5em}.skeuocard.product-dinersclubintl .cc-exp{left:17.5em;top:13.5em}.skeuocard.product-dinersclubintl .cc-cvc{top:7.15em;left:18.1em;width:3em}.skeuocard.product-mastercard .face.front{background-image:url("../images/products/mastercard-front.png"),url("../images/card-front-background.png")}.skeuocard.product-mastercard .face.back{background-image:url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}.skeuocard.product-mastercard .cc-number{left:1.8em;top:8.05em}.skeuocard.product-mastercard .cc-name{left:2.5em;top:12.2em}.skeuocard.product-mastercard .cc-exp{left:11.5em;top:10.8em}.skeuocard.product-mastercard .cc-cvc{top:7.15em;left:18.1em;width:3em}.skeuocard.product-maestro .face.front{background-image:url("../images/products/maestro-front.png"),url("../images/card-front-background.png")}.skeuocard.product-maestro .face.back{background-image:url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}.skeuocard.product-maestro .cc-number{left:1.8em;top:8.05em}.skeuocard.product-maestro .cc-name{left:2.5em;top:12.2em}.skeuocard.product-maestro .cc-exp{left:11.5em;top:10.8em}.skeuocard.product-maestro .cc-cvc{top:7.15em;left:18.1em;width:3em}.skeuocard.product-discover .face.front{background-image:url("../images/products/discover-front.png"),url("../images/card-front-background.png")}.skeuocard.product-discover .face.back{background-image:url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}.skeuocard.product-discover .cc-number{left:1.8em;top:8.05em}.skeuocard.product-discover .cc-name{left:1.55em;top:13.575em}.skeuocard.product-discover .cc-exp{left:13.15em;top:11.61em}.skeuocard.product-discover .cc-cvc{top:7.15em;left:18.1em;width:3em}.skeuocard.product-jcb .face.front{background-image:url("../images/products/jcb-front.png"),url("../images/card-front-background.png")}.skeuocard.product-jcb .face.back{background-image:url("../images/products/visa-back.png"),url("../images/products/generic-back.png")}.skeuocard.product-jcb .cc-number{left:1.8em;top:8.05em}.skeuocard.product-jcb .cc-name{left:1.55em;top:13.575em}.skeuocard.product-jcb .cc-exp{left:10.65em;top:11.50em}.skeuocard.product-jcb .cc-cvc{top:7.15em;left:18.1em;width:3em}body:after{display:none;content:url("../images/products/visa-back.png") url("../images/products/visa-front.png") url("../images/products/unionpay-front.png") url("../images/products/amex-front.png") url("../images/products/discover-front.png") url("../images/products/mastercard-front.png") url("../images/products/dinersclubintl-front.png") url("../images/products/jcb-front.png")}.ua-ie-10 .skeuocard.js .cc-number input ::-ms-clear{display:none !important}.ua-ie-10 .skeuocard.js .flip-tab{transition:none;-webkit-transition:none;-ms-transition:none;-moz-transition:none;-o-transition:none}.ua-firefox .skeuocard.js input:focus,.ua-ie-10 .skeuocard.js input:focus{outline:none;box-shadow:0 0 4px #0096de;-webkit-box-shadow:0 0 4px #0096de;-ms-box-shadow:0 0 4px #0096de;-moz-box-shadow:0 0 4px #0096de;-o-box-shadow:0 0 4px #0096de}@media screen and (-webkit-transform-3d: 0){.ua-chrome .skeuocard .card-body .face{-webkit-transition-property:-webkit-transform, opacity;-webkit-transition-duration:0.25s, 0.25s;-webkit-transition-timing-function:ease-in-out,ease-in-out;-webkit-transition-delay:0, 0}.ua-chrome .skeuocard .card-body .face.back{opacity:0}.ua-chrome .skeuocard .card-body.flip .face.front{-webkit-transform:rotateX(0deg) rotateY(-180deg);opacity:0;z-index:-1}.ua-chrome .skeuocard .card-body.flip .face.back{opacity:1;z-index:2}}