bootpay-js
Version:
Bootpay Javasrcipt Library
12 lines (8 loc) • 6.54 kB
JavaScript
'use strict';
// Generated by CoffeeScript 2.5.1
(function () {
var style;
style = document.createElement('style');
style.innerHTML = '.bootpay-open {\n position: fixed !important;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n height: 100vh !important;\n overflow: hidden !important;\n -webkit-overflow-scrolling: auto !important;\n}\n\n@media (min-width: 500px) {\n .bootpay-open {\n position: relative;\n background-color: transparent;\n }\n}\n\n.bootpay-loading-spinner {\n display: inline-block;\n width: 42px;\n height: 42px;\n vertical-align: middle;\n}\n\n.bootpay-loading-spinner .bootpay-circle {\n width: 42px;\n height: 42px;\n animation: bootpay-loading-rotate 2s linear infinite;\n vertical-align: middle;\n}\n\n.bootpay-loading-spinner .bootpay-circle .bootpay-path {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: 0;\n stroke-width: 2;\n stroke: #ffffff;\n stroke-linecap: round;\n animation: bootpay-loading-dash 1.5s ease-in-out infinite;\n}\n\n@keyframes bootpay-loading-rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes bootpay-loading-dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -40px;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -120px;\n }\n}\n\n@-webkit-keyframes bootpay-loading-rotate {\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@-webkit-keyframes bootpay-loading-dash {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -40px;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -120px;\n }\n}\n\n.bootpay-modal-open {\n position: fixed;\n overflow: hidden;\n}\n\n.bootpay-window {\n display: block;\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 30000;\n text-align: center;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n -webkit-transform: translate3d(0, 0, 0);\n}\n\n@media (min-width: 500px) {\n .bootpay-window {\n display: block;\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 30000;\n text-align: center;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n -webkit-transform: translate3d(0, 0, 0);\n }\n}\n\n.bootpay-window.transparent-mode {\n background-color: transparent;\n}\n\n.bootpay-window .progress-message-window {\n display: none;\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 30000;\n text-align: center;\n white-space: nowrap;\n padding: 1em;\n}\n\n.bootpay-window .progress-message-window.over {\n z-index: 30002;\n}\n\n.bootpay-window .progress-message-window .progress-message {\n display: inline-block;\n text-align: center;\n max-width: 600px;\n border-radius: 3px;\n width: 100%;\n background-color: transparent;\n vertical-align: middle;\n}\n\n.bootpay-window .progress-message-window .close-message-box {\n display: inline-block;\n text-align: center;\n max-width: 400px;\n border-radius: 3px;\n width: 100%;\n white-space: normal;\n vertical-align: middle;\n}\n\n.bootpay-window .progress-message-window .close-message-box .close-popup {\n padding: 14px;\n background-color: #fff;\n color: #333;\n border-radius: 3px;\n}\n\n.bootpay-window .progress-message-window .close-message-box .close-popup .close-popup-header {\n position: relative;\n text-align: right;\n padding: 14px;\n}\n\n.bootpay-window .progress-message-window .close-message-box .close-popup .close-popup-header button.close-btn {\n position: absolute;\n top: -10px;\n right: -4px;\n box-shadow: none;\n font-size: 24px;\n outline: none;\n border: 0;\n background: transparent;\n padding: 0;\n cursor: pointer;\n}\n\n.bootpay-window .progress-message-window .close-message-box .close-popup h4.sub-title {\n font-size: 18px;\n padding: 0;\n margin-top: 7px;\n font-weight: 400;\n margin-bottom: 18px;\n text-align: left;\n}\n\n.bootpay-window .progress-message-window .close-message-box .close-popup button.close-payment-window {\n display: block;\n width: 100%;\n padding: 14px;\n border: 1px solid #5e72e4;\n border-radius: 2px;\n background-color: #5e72e4;\n border-radius: 5px;\n box-shadow: none;\n font-size: 16px;\n outline: none;\n color: #fff;\n cursor: pointer;\n}\n\n.bootpay-window .progress-message-window .close-message-box .close-popup button.close-payment-window.naverpay-btn {\n border: 1px solid #0fbc60;\n background-color: #1ec800;\n}\n\n\n@media (min-width: 500px) {\n .bootpay-window .progress-message-window .progress-message {\n display: inline-block;\n width: 400px;\n vertical-align: middle;\n margin-top: 0;\n }\n}\n\n.bootpay-window .progress-message-window .progress-message .bootpay-text {\n margin-top: 1rem;\n}\n\n.bootpay-window .progress-message-window .progress-message .bootpay-popup-close {\n position: absolute;\n right: 1rem;\n top: 0;\n}\n\n.bootpay-window .progress-message-window .progress-message .bootpay-popup-close button {\n background: transparent;\n border: 0;\n outline: 0;\n -webkit-appearance: none;\n cursor: pointer;\n font-size: 28px;\n color: #fff;\n padding: 0;\n margin: 0;\n}\n\n.bootpay-window .progress-message-window .progress-message .bootpay-text span.bootpay-inner-text {\n font-size: 14px;\n font-weight: 400;\n color: #ffffff;\n}\n\n.bootpay-window:before, .progress-message-window:before {\n display: inline-block;\n vertical-align: middle;\n height: 100%;\n content: \' \';\n background: transparent;\n}\n\n.bootpay-window iframe {\n position: relative;\n display: inline-block;\n width: 100%;\n height: 100%;\n border: none;\n outline: none;\n background-color: transparent;\n z-index: 30001;\n}\n\n@media (min-width: 500px) {\n .bootpay-window iframe {\n position: relative;\n display: inline-block;\n width: 400px;\n height: 100%;\n max-height: 760px;\n vertical-align: middle;\n background-color: transparent;\n }\n}';
document.head.appendChild(style);
}).call(undefined);