%PDF- %PDF-
Direktori : /home/graphicd/public_html/vebto/common/resources/views/billing/ |
Current File : /home/graphicd/public_html/vebto/common/resources/views/billing/loading-popup.blade.php |
<html> <head> <title>PayPal</title> <meta name="viewport" content="width=device-width, initial-scale=1"/> <style> body { width: 100%; height: 100%; overflow: hidden; position: fixed; top: 0; left: 0; margin: 0; } .spinner { height: 100%; width: 100%; position: absolute; z-index: 10 } .spinner .spinWrap { width: 200px; height: 100px; position: absolute; top: 50%; left: 50%; margin-left: -100px; margin-top: -50px } .spinner .loader, .spinner .spinnerImage { height: 100px; width: 100px; position: absolute; top: 0; left: 50%; opacity: 1; filter: alpha(opacity=100) } .spinner .spinnerImage { margin: 28px 0 0 -25px; background: url({{url('client/assets/images/paypal-lock.png')}}) no-repeat } .spinner .loader { margin: 0 0 0 -55px; background-color: transparent; -webkit-animation: rotation .7s infinite linear; -moz-animation: rotation .7s infinite linear; -o-animation: rotation .7s infinite linear; animation: rotation .7s infinite linear; border-left: 5px solid #cbcbca; border-right: 5px solid #cbcbca; border-bottom: 5px solid #cbcbca; border-top: 5px solid #2380be; border-radius: 100% } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg) } to { -webkit-transform: rotate(359deg) } } @-moz-keyframes rotation { from { -moz-transform: rotate(0deg) } to { -moz-transform: rotate(359deg) } } @-o-keyframes rotation { from { -o-transform: rotate(0deg) } to { -o-transform: rotate(359deg) } } @keyframes rotation { from { transform: rotate(0deg) } to { transform: rotate(359deg) } } </style> </head> <body> <div class="preloader spinner"> <div class="spinWrap"> <p class="spinnerImage"></p> <p class="loader"></p> </div> </div> </body> </html>