hy-push-state
Version:
Turn static web sites into dynamic web apps
2 lines (1 loc) • 2.28 kB
HTML
<style type="text/css">a.gumroad-button { background-color: white ; background-image: url("https://gumroad.com/button/button_bar.jpg") ; background-repeat: repeat-x ; border-radius: 4px ; -webkit-box-shadow: rgba(0, 0, 0, .4) 0 0 2px ; box-shadow: rgba(0, 0, 0, .4) 0 0 2px ; color: #999 ; display: inline-block ; font-family: -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif ; font-size: 16px ; font-style: normal ; font-weight: 500 ; line-height: 50px ; padding: 0 15px ; text-shadow: none ; text-decoration: none ; } .gumroad-button-logo { background-image: url("https://gumroad.com/button/button_logo.png") ; background-size: cover ; height: 17px ; width: 16px ; display: inline-block ; margin-bottom: -3px ; margin-right: 15px ; } .gumroad-loading-indicator { background: white; border-radius: 50%; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1); box-shadow: 0 1px 2px rgba(0, 0, 0, .1); -webkit-box-sizing: border-box; box-sizing: border-box; display: none; height: 60px; left: 50% ; margin-left: -30px ; margin-top: -30px ; padding: 10px; position: fixed; top: 50% ; width: 60px; z-index: 99997; } .gumroad-loading-indicator i { background: url("https://gumroad.com/js/loading-rainbow.svg"); height: 40px; width: 40px; display: inline-block; background-size: contain; -webkit-animation: gumroad-spin 1.5s infinite linear; animation: gumroad-spin 1.5s infinite linear; } .gumroad-overlay-iframe { position: fixed ; overflow: hidden ; z-index: 99998 ; top: 0 ; right: 0 ; width: 0; height: 0; border: none ; margin: 0 ; padding: 0 ; zoom: 1; } @-webkit-keyframes gumroad-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes gumroad-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } </style>