diff --git a/services/web/public/recurly/images/check.png b/services/web/public/recurly/images/check.png deleted file mode 100755 index d3754266c8..0000000000 Binary files a/services/web/public/recurly/images/check.png and /dev/null differ diff --git a/services/web/public/recurly/images/coupon_check.png b/services/web/public/recurly/images/coupon_check.png deleted file mode 100755 index 104feefe4c..0000000000 Binary files a/services/web/public/recurly/images/coupon_check.png and /dev/null differ diff --git a/services/web/public/recurly/images/coupon_checking.gif b/services/web/public/recurly/images/coupon_checking.gif deleted file mode 100755 index e7e33a3cdc..0000000000 Binary files a/services/web/public/recurly/images/coupon_checking.gif and /dev/null differ diff --git a/services/web/public/recurly/images/coupon_invalid.png b/services/web/public/recurly/images/coupon_invalid.png deleted file mode 100755 index ca307c253f..0000000000 Binary files a/services/web/public/recurly/images/coupon_invalid.png and /dev/null differ diff --git a/services/web/public/recurly/images/coupon_valid.png b/services/web/public/recurly/images/coupon_valid.png deleted file mode 100755 index 5ea8a47e61..0000000000 Binary files a/services/web/public/recurly/images/coupon_valid.png and /dev/null differ diff --git a/services/web/public/recurly/images/credit_cards/american_express.png b/services/web/public/recurly/images/credit_cards/american_express.png deleted file mode 100755 index 72313ca86f..0000000000 Binary files a/services/web/public/recurly/images/credit_cards/american_express.png and /dev/null differ diff --git a/services/web/public/recurly/images/credit_cards/diners_club.png b/services/web/public/recurly/images/credit_cards/diners_club.png deleted file mode 100755 index 216745c660..0000000000 Binary files a/services/web/public/recurly/images/credit_cards/diners_club.png and /dev/null differ diff --git a/services/web/public/recurly/images/credit_cards/discover.png b/services/web/public/recurly/images/credit_cards/discover.png deleted file mode 100755 index 8339512688..0000000000 Binary files a/services/web/public/recurly/images/credit_cards/discover.png and /dev/null differ diff --git a/services/web/public/recurly/images/credit_cards/jcb.png b/services/web/public/recurly/images/credit_cards/jcb.png deleted file mode 100755 index a9b104ba1d..0000000000 Binary files a/services/web/public/recurly/images/credit_cards/jcb.png and /dev/null differ diff --git a/services/web/public/recurly/images/credit_cards/laser.png b/services/web/public/recurly/images/credit_cards/laser.png deleted file mode 100755 index 6a5bb65bc9..0000000000 Binary files a/services/web/public/recurly/images/credit_cards/laser.png and /dev/null differ diff --git a/services/web/public/recurly/images/credit_cards/maestro.png b/services/web/public/recurly/images/credit_cards/maestro.png deleted file mode 100755 index 59d52d9846..0000000000 Binary files a/services/web/public/recurly/images/credit_cards/maestro.png and /dev/null differ diff --git a/services/web/public/recurly/images/credit_cards/mastercard.png b/services/web/public/recurly/images/credit_cards/mastercard.png deleted file mode 100755 index 0685f3051f..0000000000 Binary files a/services/web/public/recurly/images/credit_cards/mastercard.png and /dev/null differ diff --git a/services/web/public/recurly/images/credit_cards/visa.png b/services/web/public/recurly/images/credit_cards/visa.png deleted file mode 100755 index cff33bbcf8..0000000000 Binary files a/services/web/public/recurly/images/credit_cards/visa.png and /dev/null differ diff --git a/services/web/public/recurly/images/credit_cards/visa_mastercard.png b/services/web/public/recurly/images/credit_cards/visa_mastercard.png deleted file mode 100644 index feed535881..0000000000 Binary files a/services/web/public/recurly/images/credit_cards/visa_mastercard.png and /dev/null differ diff --git a/services/web/public/recurly/images/dash.png b/services/web/public/recurly/images/dash.png deleted file mode 100755 index 99b4c7cc2a..0000000000 Binary files a/services/web/public/recurly/images/dash.png and /dev/null differ diff --git a/services/web/public/recurly/images/due_now.png b/services/web/public/recurly/images/due_now.png deleted file mode 100755 index 4ae9e164c4..0000000000 Binary files a/services/web/public/recurly/images/due_now.png and /dev/null differ diff --git a/services/web/public/recurly/images/error.png b/services/web/public/recurly/images/error.png deleted file mode 100755 index c0e1366e42..0000000000 Binary files a/services/web/public/recurly/images/error.png and /dev/null differ diff --git a/services/web/public/recurly/images/loading.gif b/services/web/public/recurly/images/loading.gif deleted file mode 100755 index d42f72c723..0000000000 Binary files a/services/web/public/recurly/images/loading.gif and /dev/null differ diff --git a/services/web/public/recurly/images/paypal_large.png b/services/web/public/recurly/images/paypal_large.png deleted file mode 100644 index e8c641ece4..0000000000 Binary files a/services/web/public/recurly/images/paypal_large.png and /dev/null differ diff --git a/services/web/public/recurly/images/paypal_logo.png b/services/web/public/recurly/images/paypal_logo.png deleted file mode 100755 index eefc822ee8..0000000000 Binary files a/services/web/public/recurly/images/paypal_logo.png and /dev/null differ diff --git a/services/web/public/recurly/images/submitting.gif b/services/web/public/recurly/images/submitting.gif deleted file mode 100755 index d4a523bf4f..0000000000 Binary files a/services/web/public/recurly/images/submitting.gif and /dev/null differ diff --git a/services/web/public/recurly/images/uncheck.png b/services/web/public/recurly/images/uncheck.png deleted file mode 100755 index bb38a50541..0000000000 Binary files a/services/web/public/recurly/images/uncheck.png and /dev/null differ diff --git a/services/web/public/recurly/recurly.css b/services/web/public/recurly/recurly.css deleted file mode 100755 index b20e73bef3..0000000000 --- a/services/web/public/recurly/recurly.css +++ /dev/null @@ -1,786 +0,0 @@ -.recurly { - display: block; - position: relative; -} -.recurly .cost, -.recurly .discount { - font-size: 16px; - text-align: right; -} -.recurly .subscription { - border-radius: 9px 9px 0 0; - text-shadow: 0 1px 0 #fff; - padding-top: 20px; - overflow: hidden; -} -.recurly .plan { - color: #333; - overflow: hidden; - position: relative; - zoom: 1; -} -.recurly .plan .name { - float: left; - font-size: 32px; - min-width: 200px; - padding-left: 20px; - padding-right: 40px; -} -.recurly .plan .quantity.field { - clear: none; - width: 60px; - margin: 4px 0; -} -.recurly .plan .quantity.field input[type=text] { - width: 48px; -} -.recurly .plan .quantity.field:before { - content: "\d7"; - height: 48px; - line-height: 30px; - position: absolute; - right: 100%; - width: 40px; - font-size: 20px; - text-align: center; - vertical-align: middle; - z-index: 1337; - color: #666; -} -.recurly .plan .recurring_cost { - float: right; - text-align: right; - padding-right: 20px; -} -.recurly .plan .recurring_cost .cost { - font-size: 32px; -} -.recurly .plan .recurring_cost .interval { - font-size: 12px; - padding-bottom: 20px; -} -.recurly .free_trial { - clear: left; - float: left; - font-size: 13px; - height: 22px; - margin: 0; - position: absolute; - top: 35px; - left: 20px; - font-style: italic; -} -.recurly .setup_fee { - clear: both; - background: url("images/dash.png") repeat-x 1px top; - overflow: hidden; - padding-top: 20px; -} -.recurly .setup_fee .title { - float: left; - padding-left: 20px; - font-weight: bold; - font-size: 16px; -} -.recurly .setup_fee .cost { - float: right; - padding-right: 20px; -} -.recurly .vat { - height: 24px; - padding: 20px 20px; - display: none; - background: url("images/dash.png") repeat-x 1px top; -} -.recurly .vat.applicable { - display: block; -} -.recurly .vat .title { - font-size: 16px; - font-weight: normal; - float: left; -} -.recurly .vat .cost { - float: right; - font-size: 18px; -} -.recurly .add_ons { - clear: both; -} -.recurly .add_ons.any { - margin: 20px 10px; -} -.recurly .add_ons .add_on { - background: #ecedee; - background: -webkit-linear-gradient(top, #ecedee, #e5e6e7); - background: -moz-linear-gradient(top, #ecedee, #e5e6e7); - background: -o-linear-gradient(top, #ecedee, #e5e6e7); - background: linear-gradient(top, #ecedee, #e5e6e7); - margin: 0; - height: 43px; - line-height: 42px; - vertical-align: middle; - position: relative; - clear: both; - overflow: hidden; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; - text-shadow: 0 1px 0 #fff; - color: #999; - font-weight: 300; - font-size: 16px; - zoom: 1; - cursor: default; -} -.recurly .add_ons .add_on.first { - border-top-left-radius: 10px; - border-top-right-radius: 10px; -} -.recurly .add_ons .add_on.last { - border-bottom: 1px solid #ccc; - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; -} -.recurly .add_ons .add_on .name { - font-size: inherit; - font-weight: inherit; - font-style: italic; - color: inherit; - width: 200px; - margin-left: 9px; - margin-right: 20px; - position: absolute; - left: 0; - top: 0; -} -.recurly .add_ons .add_on .quantity.field { - position: absolute; - top: 4px; - left: 249px; - width: 60px; - display: none; -} -.recurly .add_ons .add_on .quantity.field input[type=text] { - width: 48px; -} -.recurly .add_ons .add_on .quantity.field:before { - content: "\d7"; - height: 48px; - line-height: 30px; - position: absolute; - right: 100%; - width: 40px; - font-size: 20px; - text-align: center; - vertical-align: middle; - z-index: 1337; - color: #666; -} -.recurly .add_ons .add_on .cost { - font-size: inherit; - line-height: inherit; - vertical-align: middle; - position: absolute; - right: 10px; -} -.recurly .add_ons .add_on:hover { - background: -webkit-linear-gradient(top, #f0f0f0 0%, #dfdfdf 50%, #d5d5d5 50%, #e0e0e0 100%); - background: -moz-linear-gradient(top, #f0f0f0 0%, #dfdfdf 50%, #d5d5d5 50%, #e0e0e0 100%); - background: -o-linear-gradient(top, #f0f0f0 0%, #dfdfdf 50%, #d5d5d5 50%, #e0e0e0 100%); - background: linear-gradient(top, #f0f0f0 0%, #dfdfdf 50%, #d5d5d5 50%, #e0e0e0 100%); - box-shadow: inset 0 1px 0 #fff; - text-shadow: none; - color: #111; -} -.recurly .add_ons .add_on:active, -.recurly .add_ons .add_on.selected { - color: #111; - background: -webkit-linear-gradient(top, #f0f0f0, #fff); - background: -moz-linear-gradient(top, #f0f0f0, #fff); - background: -o-linear-gradient(top, #f0f0f0, #fff); - background: linear-gradient(top, #f0f0f0, #fff); - width: auto; - box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.07); - text-shadow: none; -} -.recurly .add_ons .add_on.selected { - background: #fff url("images/check.png") no-repeat 10px center; -} -.recurly .add_ons .add_on.selected .name { - padding-left: 24px; -} -.recurly .add_ons .add_on.selected:hover { - background: #fcf5f0 url("images/uncheck.png") no-repeat 10px center; -} -.recurly .add_ons .add_on.selected .quantity { - display: block; -} -.recurly .coupon { - clear: both; - overflow: hidden; - height: 34px; - color: #333; - padding: 20px 20px; - position: relative; - background: url("images/dash.png") repeat-x 1px top; -} -.recurly .coupon .check { - width: 26px; - height: 26px; - float: left; - border-radius: 15px 15px 15px 15px; - background: #70ccf8; - border: 1px solid #0090c9; - margin: 3px 0 1px 10px; - box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.35), 0 1px 1px 0 rgba(0,0,0,0.10); - background: #43bef9 url("images/coupon_check.png") no-repeat center center; - background: url("images/coupon_check.png") no-repeat center center, -webkit-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("images/coupon_check.png") no-repeat center center, -moz-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("images/coupon_check.png") no-repeat center center, -o-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("images/coupon_check.png") no-repeat center center linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); -} -.recurly .coupon .check:hover { - background: url("images/coupon_check.png") no-repeat center center, -webkit-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("images/coupon_check.png") no-repeat center center, -moz-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("images/coupon_check.png") no-repeat center center, -o-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("images/coupon_check.png") no-repeat center center linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.75), 0 1px 1px 0 rgba(0,0,0,0.10); -} -.recurly .coupon .check:active { - background: url("images/coupon_check.png") no-repeat center center, -webkit-linear-gradient(top, #f0f0f0, #fff); - background: url("images/coupon_check.png") no-repeat center center, -moz-linear-gradient(top, #f0f0f0, #fff); - background: url("images/coupon_check.png") no-repeat center center, -o-linear-gradient(top, #f0f0f0, #fff); - background: url("images/coupon_check.png") no-repeat center center linear-gradient(top, #f0f0f0, #fff); - box-shadow: inset 0 3px 3px 0 rgba(0,0,0,0.03); - border: 1px solid #999; -} -.recurly .coupon.checking .check { - background: #f0f0f0 url("images/coupon_checking.gif") no-repeat center center; - box-shadow: inset 0 3px 3px 0 rgba(0,0,0,0.03); - border: 1px solid #999; -} -.recurly .coupon.invalid .coupon_code { - border-color: #a55; - background: #fee; - color: #311; -} -.recurly .coupon .coupon_code .error { - left: 300px; -} -.recurly .coupon .description { - float: left; - margin-left: 20px; - height: 34px; - line-height: 34px; - vertical-align: middle; - font-size: 14.4px; -} -.recurly .coupon .discount { - float: right; - height: 34px; - line-height: 34px; - vertical-align: middle; -} -.recurly .error { - padding: 5px; - line-height: 22px; - vertical-align: middle; - color: #000; - text-shadow: 0 1px 0 #fec; - background: #ffc; - border: 1px solid #ba1; - box-shadow: 3px 5px 5px 0 rgba(0,0,0,0.10); - border-radius: 5px; - font-size: 13px; -} -.recurly .server_errors { - color: #fff; - text-shadow: 0 1px 0 #000; - margin: 0 20px; - opacity: 0; -} -.recurly .server_errors .error { - padding-left: 26px; - background: rgba(240,250,0,0.50) url("images/error.png") no-repeat 5px 9px; -} -.recurly .server_errors.any { - opacity: 1; - -webkit-transition: opacity 0.5s linear; - -moz-transition: opacity 0.5s linear; - margin: 20px 20px; - margin-bottom: 0; -} -.recurly .contact_info, -.recurly .billing_info, -.recurly .accept_tos { - position: relative; - padding: 20px 20px; - overflow: hidden; - zoom: 1; -} -.recurly .title { - font-size: 16px; - height: 20px; - font-weight: bold; - padding-bottom: 20px; - color: #404041; - text-shadow: 0 1px 0 #fff; - float: left; -} -.recurly .credit_card, -.recurly .paypal { - clear: both; -} -.recurly .payment_method { - margin-bottom: 20px; - width: 300px; -} -.recurly .payment_method .payment_option { - float: right; -} -.recurly .payment_method .payment_option input[type=radio] { - margin-right: 10px; - display: none; -} -.recurly .payment_method.multiple { - height: 34px; - clear: both; -} -.recurly .payment_method.multiple input[type=radio] { - display: block; - float: left; - height: 29px; -} -.recurly .payment_method.multiple .card_option { - float: left; -} -.recurly .payment_method.multiple .paypal_option { - float: right; -} -.recurly .payment_method.multiple .logo, -.recurly .payment_method.multiple .accepted_cards { - opacity: 0.5; -} -.recurly .payment_method.multiple .payment_option:hover .logo, -.recurly .payment_method.multiple .payment_option.selected .logo, -.recurly .payment_method.multiple .payment_option:hover .accepted_cards, -.recurly .payment_method.multiple .payment_option.selected .accepted_cards { - cursor: pointer; - opacity: 1; -} -.recurly .payment_method .payment_option { - line-height: 32px; - display: block; - height: 32px; - line-height: 34px; -} -.recurly .payment_method .payment_option .title { - margin: 0; - font-size: 12px; -} -.recurly .payment_method .payment_option .icon { - float: left; - width: 24px; - height: 34px; - margin: 0 5px; -} -.recurly .payment_method .payment_option.card_option { - border-radius: 5px 0 0 5px; - border-right: none; -} -.recurly .payment_method .payment_option.card_option .icon { - width: 42px; - background: url("images/credit_cards/generic.png") no-repeat 0 center; -} -.recurly .payment_method .payment_option.paypal_option { - border-radius: 0 5px 5px 0; - float: right; -} -.recurly .payment_method .payment_option.paypal_option .logo { - height: 24px; - width: 90px; - display: inline-block; - vertical-align: middle; - background: url("images/paypal_logo.png") no-repeat 0 center; -} -.recurly .paypal_message { - width: 300px; - font-style: italic; - margin-bottom: 10px; -} -.recurly .contact_info { - background: url("images/dash.png") repeat-x 1px bottom; -} -.recurly .accept_tos { - background: url("images/dash.png") repeat-x 1px top; - overflow: visible; -} -.recurly .accept_tos input[type=checkbox] { - display: inline; - line-height: 34px; - vertical-align: middle; -} -.recurly .accept_tos label { - margin: 0 0 0 5px; - display: inline; - line-height: 34px; - vertical-align: middle; -} -.recurly .accept_tos .field .error { - display: block; - position: static; -} -.recurly .field { - display: inline; - float: left; - clear: left; - width: 300px; - height: 34px; - margin-bottom: 20px; - position: relative; -} -.recurly .field input[type=text] { - width: 288px; -} -.recurly .field.company_name { - margin-bottom: 0; -} -.recurly .field .error { - min-width: 128px; - white-space: nowrap; - position: absolute; - top: 0; - left: 100%; - margin-left: 20px; - z-index: 1337; -} -.recurly .field .placeholder { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding-left: 9px; - font-size: 16px; - font-weight: normal; - line-height: 34px; - vertical-align: middle; - color: #999; - cursor: text; - overflow: hidden; - white-space: nowrap; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - user-select: none; - font-weight: 300; -} -.recurly .field.focus .placeholder { - color: #ccc; -} -.recurly .field.invalid .placeholder { - color: #a77; -} -.recurly .field.coupon_code { - width: 140px; -} -.recurly .field.coupon_code input[type=text] { - width: 128px; -} -.recurly .field.first_name { - clear: left; - width: 140px; -} -.recurly .field.first_name input[type=text] { - width: 128px; -} -.recurly .field.first_name .error { - left: 300px; -} -.recurly .field.last_name { - width: 140px; - margin-left: 20px; - margin-left: 20px; - clear: none; - clear: none; -} -.recurly .field.last_name input[type=text] { - width: 128px; -} -.recurly .field.card_number { - width: 220px; -} -.recurly .field.card_number input[type=text] { - width: 208px; -} -.recurly .field.card_number .error { - left: 300px; -} -.recurly .field.cvv { - width: 60px; - margin-left: 20px; - margin-left: 20px; - clear: none; - clear: none; -} -.recurly .field.cvv input[type=text] { - width: 48px; -} -.recurly .field.expires { - width: 300px; -} -.recurly .field.expires input[type=text] { - width: 288px; -} -.recurly .field.expires .title { - float: left; - font-size: 13px; - line-height: 24px; - vertical-align: middle; - width: 59px; -} -.recurly .field.expires .month { - float: left; - width: 120px; - margin-left: 0; -} -.recurly .field.expires .month input[type=text] { - width: 108px; -} -.recurly .field.expires .year { - float: left; - margin-left: 1px; - width: 60px; -} -.recurly .field.expires .year input[type=text] { - width: 48px; -} -.recurly .field.state { - width: 180px; -} -.recurly .field.state input[type=text] { - width: 168px; -} -.recurly .field.state .error { - left: 300px; -} -.recurly .field.zip { - width: 100px; - margin-left: 20px; - margin-left: 20px; - clear: none; - clear: none; -} -.recurly .field.zip input[type=text] { - width: 88px; -} -.recurly .field.vat_number { - width: 140px; - display: none; -} -.recurly .field.vat_number input[type=text] { - width: 128px; -} -.recurly .field.vat_number.applicable { - display: block; -} -.recurly .only_zipstreet .zip.field, -.recurly .only_zip .zip.field { - margin-left: 0; - clear: left; -} -.recurly .accepted_cards { - display: inline-block; - height: 34px; - overflow: hidden; -} -.recurly .card { - background-position: right top; - background-repeat: no-repeat; - text-indent: -3000px; - width: 32px; - height: 32px; - margin: 0; - padding: 0; - display: inline-block; -} -.recurly .card.mastercard { - background-image: url("images/credit_cards/mastercard.png"); -} -.recurly .card.american_express { - background-image: url("images/credit_cards/american_express.png"); -} -.recurly .card.visa { - background-image: url("images/credit_cards/visa.png"); -} -.recurly .card.discover { - background-image: url("images/credit_cards/discover.png"); -} -.recurly .card.jcb { - background-image: url("images/credit_cards/jcb.png"); -} -.recurly .card.laser { - background-image: url("images/credit_cards/laser.png"); -} -.recurly .card.diners_club { - background-image: url("images/credit_cards/diners_club.png"); -} -.recurly .card.maestro { - background-image: url("images/credit_cards/maestro.png"); -} -.recurly .card.no_match { - opacity: 0.5; -} -.recurly input[type=text], -.recurly select { - vertical-align: middle; - color: #000; -} -.recurly input[type=text].invalid, -.recurly select.invalid { - border-color: #a55; - background: #fee; - color: #311; -} -.recurly input[type=text] { - display: block; - background: #fff; - border: 1px solid #a0a0a5; - box-shadow: inset 0 2px 3px rgba(0,0,0,0.10); - font-size: 16px; - font-family: inherit; - padding: 5px; - height: 22px; -} -.recurly input[type=text][disabled] { - background: #eee; -} -.recurly input[type=checkbox] { - color: #f00; -} -.recurly select { - color: inherit; - font-family: inherit; - width: 100%; -} -.recurly select > option { - color: inherit; -} -.recurly .due_now { - background: url("images/due_now.png") no-repeat top left; - clear: both; - color: #2a3a3c; - height: 70px; - line-height: 67px; - vertical-align: middle; - padding: 0 25px; - width: 460px; - position: relative; - left: -5px; - text-shadow: 0 1px 0 rgba(255,255,255,0.50); -} -.recurly .due_now .title { - float: left; - font-size: 29px; - position: relative; -} -.recurly .due_now .cost { - color: #fff; - float: right; - font-size: 33px; - font-weight: bold; - letter-spacing: 1px; - margin: 0; - position: relative; - text-shadow: 0px 1px 1px rgba(0,0,0,0.90); -} -.recurly .footer { - border-radius: 0px 0px 9px 9px; - margin: 0px; - padding: 20px; -} -.recurly.submitting .footer { - background: url("images/submitting.gif") no-repeat 180px 28px; -} -.recurly button.submit { - height: 46px; - max-width: 600px; - font-size: 18px; - font-weight: 700; - color: #302106; - text-align: center; - margin-left: 0px; - border: 1px solid #767674; - background: #e7a500; - border-radius: 10px; - outline: none; - box-shadow: inset rgba(255,255,255,0.70) 0px 1px 0px, rgba(0,0,0,0.50) 0px 1px 3px; - background-image: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#fecd00), to(#ce7b00)); - background: -moz-linear-gradient(top, #fecd00, #ce7b00); - text-shadow: rgba(255,255,255,0.50) 0 1px 0; - padding: 10px 20px; -} -.recurly button.submit:hover { - color: #451; -} -.recurly button.submit:active { - top: 2px; - color: #302106; - text-shadow: rgba(255,255,255,0.57) 0 -1px 0; - outline: none; - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce7b00), to(#fecd00)); - background: -moz-linear-gradient(top, #ce7b00, #fecd00); - box-shadow: rgba(255,255,255,0.69) 0px -1px 0px inset, rgba(0,0,0,0.26) 0px 2px 3px; -} -.recurly button.submit[disabled] { - position: relative; - height: 46px; - max-width: 600px; - padding: 0 10px; - font-weight: 700; - color: #555; - text-shadow: rgba(255,255,255,0.57) 0 1px 0; - text-align: center; - opacity: 0.75; - border: 1px solid #767674; - background: #e7a500; - -moz-border-radius: 10px; - -webkit-border-radius: 10px; - border-radius: 10px; - -webkit-user-select: none; - -moz-user-select: -moz-none; - outline: none; - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dbd9d2), to(#999)); - background: -moz-linear-gradient(top, #dbd9d2, #999); - -webkit-background-clip: padding-box; - -webkit-box-shadow: rgba(255,255,255,0.69) 0px 1px 0px inset, rgba(0,0,0,0.26) 0px 2px 3px; - box-shadow: rgba(255,255,255,0.70) 0px 1px 0px inset, rgba(0,0,0,0.27) 0px 2px 3px; -} -.iefail { - background: #666; - padding: 10px; - position: absolute; - top: -1%; - left: -1%; - height: 102%; - width: 102%; - z-index: 9999; -} -.iefail .chromeframe { - background: #fff; - border: 1px solid #ccc; - padding: 10px; -} -.iefail .chromeframe p { - text-align: center; -} -.iefail .chromeframe p.blast { - font-size: 1.3em; - font-weight: bold; -} -.iefail .chromeframe p a { - color: #4183c4; - text-transform: capitalize; -} diff --git a/services/web/public/recurly/recurly.styl b/services/web/public/recurly/recurly.styl deleted file mode 100755 index d166987b4c..0000000000 --- a/services/web/public/recurly/recurly.styl +++ /dev/null @@ -1,772 +0,0 @@ -// Base grid system dimensions -grid_width = 480px -grid_columns = 12 -outer_margin = 20px -column_space = 20px -column_width = grid_width / grid_columns - column_space -base_font_size = round(grid_width * 0.033333) -vertical_space = 20px - -input_border = 1px -input_padding = 5px -input_height = base_font_size + 6px -field_height = input_height + (input_padding + input_border)*2 - -columns(n) - (column_width * n + column_space * (-1+n)) - -// Some CSS3 property mixins -user-select() - -webkit-user-select arguments - -khtml-user-select arguments - -moz-user-select arguments - -o-user-select arguments - user-select arguments - -linear-gradient(start, stops...) - prop = current-property[0] - stops = unquote(join(', ', stops)) - add-property(prop, '-webkit-linear-gradient(%s, %s)' % (start stops) ) - add-property(prop, '-moz-linear-gradient(%s, %s)' % (start stops) ) - add-property(prop, '-o-linear-gradient(%s, %s)' % (start stops) ) - 'linear-gradient(%s, %s)' % (start stops) - -image-linear-gradient(image, start, stops...) - prop = current-property[0] - stops = unquote(join(', ', stops)) - add-property(prop, '%s, -webkit-linear-gradient(%s, %s)' % (image start stops) ) - add-property(prop, '%s, -moz-linear-gradient(%s, %s)' % (image start stops) ) - add-property(prop, '%s, -o-linear-gradient(%s, %s)' % (image start stops) ) - '%s linear-gradient(%s, %s)' % (image start stops) - -transition() - -webkit-transition arguments - -moz-transition arguments - -// For IE6/7 support we use this for all inputs, -// in lieu of border-box sizing 100% -field-width(v) - width v - - // Fit the input by subtracting padding and border from box - & input[type=text] - width v - (input_border+input_padding)*2 - -// Horizontally stack a field on the preceeding field -hstack(cols) - field-width columns(cols) - add-property(margin-left, column_space) - add-property(clear, none) - -// Subscription form -.recurly - display block - position relative - width columns(grid_columns) + (outer_margin*2) - - .cost, .discount - font-size base_font_size - text-align right - - .subscription - border-radius 9px 9px 0 0 - text-shadow 0 1px 0 white - padding-top 20px - overflow hidden - - .plan - color #333 - overflow hidden - position relative - zoom 1 // IE6 - - .name - float left - font-size base_font_size*2 - min-width columns(6) - column_space - padding-left outer_margin - padding-right (column_space*2) - - .quantity.field - clear none - field-width columns(2) - margin 4px 0 - - &:before - content "\d7" - height 48px - line-height 30px - position absolute - right 100% - width column_space * 2 - font-size 20px - text-align center - vertical-align middle - z-index 1337 - color #666 - - .recurring_cost - float right - text-align right - padding-right outer_margin - - .cost - font-size base_font_size*2 - - .interval - font-size round(base_font_size*0.75) - padding-bottom vertical_space - - .free_trial - clear left - float left - font-size 13px - height 22px - margin 0 - position absolute - top 35px - left outer_margin - font-style italic - - - .setup_fee - clear both - background url(images/dash.png) repeat-x 1px top - overflow hidden - padding-top vertical_space - - .title - float left - padding-left outer_margin - font-weight bold - font-size base_font_size - .cost - float right - padding-right outer_margin - - .vat - height 24px - padding column_space outer_margin - display none - background url(images/dash.png) repeat-x 1px top - - &.applicable - display block - - .title - font-size base_font_size - font-weight normal - float left - - .cost - float right - font-size 18px - - .add_ons - clear both - - &.any - margin vertical_space (outer_margin/2) - - .add_on - background #ecedee - background linear-gradient(top, #ecedee, #e5e6e7) - margin 0 - height 43px - line-height 42px - vertical-align middle - position relative - clear both - overflow hidden - border-top 1px solid #ccc - border-left 1px solid #ccc - border-right 1px solid #ccc - text-shadow 0 1px 0 white - color #999 - font-weight 300 - font-size 16px - zoom 1 // IE6 - cursor default - - &.first - border-top-left-radius 10px - border-top-right-radius 10px - - &.last - border-bottom 1px solid #ccc - border-bottom-left-radius 10px - border-bottom-right-radius 10px - - .name - font-size inherit - font-weight inherit - font-style italic - color inherit - width columns(6) - outer_margin - margin-left (outer_margin/2) - 1 - margin-right column_space - position absolute - left 0 - top 0 - - .quantity.field - position absolute - top 4px - left columns(6) + (outer_margin/2) + column_space - 1px - field-width columns(2) - display none - - &:before - content "\d7" - height 48px - line-height 30px - position absolute - right 100% - width column_space * 2 - font-size 20px - text-align center - vertical-align middle - z-index 1337 - color #666 - - .cost - font-size inherit - line-height inherit - vertical-align middle - position absolute - right (outer_margin/2) - - &:hover - background linear-gradient(top, '#f0f0f0 0%', '#dfdfdf 50%', '#d5d5d5 50%', '#e0e0e0 100%') - box-shadow inset 0 1px 0 #fff - text-shadow none - color #111 - - &:active - &.selected - color #111 - background linear-gradient(top, #f0f0f0, #fff) - width auto - box-shadow inset 0 1px 4px 0 rgba(0,0,0,0.075) - text-shadow none - - &.selected - background #fff url(images/check.png) no-repeat (outer_margin/2) center - - .name - padding-left 24px - - &:hover - background #fcf5f0 url(images/uncheck.png) no-repeat (outer_margin/2) center - - &.selected .quantity - display block - - .coupon - clear both - overflow hidden - height field_height - color #333 - padding column_space outer_margin - position relative - background url(images/dash.png) repeat-x 1px top - - .check - width 26px - height 26px - float left - border-radius 15px 15px 15px 15px - background #70CCF8 - border 1px solid #0090C9 - margin 3px 0 1px 10px - box-shadow inset 0 1px 0 0 rgba(255,255,255,.35), 0 1px 1px 0 rgba(0,0,0,0.1) - background #43BEF9 url(images/coupon_check.png) no-repeat center center - background image-linear-gradient(url(images/coupon_check.png) no-repeat center center, top, '#71CDFA 0%', '#43BEF9 50%', '#00B1F6 50%', '#71CEFB 100%') - - &:hover - background image-linear-gradient(url(images/coupon_check.png) no-repeat center center, top, '#71CDFA 0%', '#43BEF9 50%', '#00B1F6 50%', '#71CEFB 100%') - box-shadow inset 0 1px 0 0 rgba(255,255,255,.75), 0 1px 1px 0 rgba(0,0,0,0.1) - - &:active - background image-linear-gradient(url(images/coupon_check.png) no-repeat center center, top, #f0f0f0, #fff) - box-shadow inset 0 3px 3px 0 rgba(0,0,0,0.025) - border 1px solid #999 - - &.checking .check - background #f0f0f0 url(images/coupon_checking.gif) no-repeat center center - box-shadow inset 0 3px 3px 0 rgba(0,0,0,0.025) - border 1px solid #999 - - &.invalid .coupon_code - border-color #a55 - background #fee - color #311 - - .coupon_code .error - left columns(8) - - - - .description - float left - margin-left column_space - height field_height - line-height field_height - vertical-align middle - font-size base_font_size * 0.9 - - .discount - float right - height field_height - line-height field_height - vertical-align middle - - .error - padding input_padding - line-height input_height - vertical-align middle - color black - text-shadow 0 1px 0 #fec - background #ffc - border 1px solid #ba1 - box-shadow 3px 5px 5px 0 rgba(0,0,0,0.1) - border-radius 5px - font-size 13px - - - .server_errors - color #fff - text-shadow 0 1px 0 black - margin 0 outer_margin - - .error - padding-left 26px - background rgba(240,250,0,0.5) url(images/error.png) no-repeat 5px (input_padding + 4px) - - opacity 0 - &.any - opacity 1.0 - transition opacity 0.5s linear - margin column_space outer_margin - margin-bottom 0 - - - .contact_info - .billing_info - .accept_tos - position relative - padding vertical_space outer_margin - overflow hidden - zoom 1 // IE6 - - .title - font-size base_font_size - height base_font_size + 4px - font-weight bold - padding-bottom 20px - color #404041 - text-shadow 0 1px 0 white - float left - - .credit_card - .paypal - clear both - - .payment_method - margin-bottom vertical_space - width columns(8) - - .payment_option - float right - input[type=radio] - margin-right 10px - display none - - &.multiple - height field_height - clear both - - // line-height field_height - - input[type=radio] - display block - float left - height field_height - 5px - - .card_option - float left - - .paypal_option - float right - - .logo, .accepted_cards - opacity 0.5 - - .payment_option - &:hover, &.selected - .logo, .accepted_cards - cursor pointer - opacity 1 - - .payment_option - line-height field_height - 2px - display block - height field_height - 2px - line-height field_height - - - .title - margin 0 - font-size 12px - - .icon - float left - width 24px - height field_height - margin 0 5px - - &.card_option - border-radius 5px 0 0 5px - border-right none - - .icon - width 42px - background url(images/credit_cards/generic.png) no-repeat 0 center - - &.paypal_option - border-radius 0 5px 5px 0 - float right - - .logo - height 24px - width 90px - display inline-block - vertical-align middle - background url(images/paypal_logo.png) no-repeat 0 center - - .paypal_message - width columns(8) - font-style italic - margin-bottom 10px - - .contact_info - background url(images/dash.png) repeat-x 1px bottom - - .accept_tos - background url(images/dash.png) repeat-x 1px top - overflow visible - - input[type=checkbox] - display inline - line-height field_height - vertical-align middle - - label - margin 0 0 0 5px - display inline - line-height field_height - vertical-align middle - - .field .error - display block - position static - - .field - display inline // IE margin bug hack - float left - clear left - field-width columns(8) // Default field is full width - height field_height - margin-bottom vertical_space - position relative - - &.company_name - margin-bottom 0 //IE not accounting for margins, so using other methods - - .error - min-width columns(4) - (input_padding+1)*2 - white-space nowrap - position absolute - top 0 - left 100% - margin-left column_space - z-index 1337 - - .placeholder - position absolute - top 0 - left 0 - right 0 - bottom 0 - padding-left input_padding + 4px - font-size base_font_size - font-weight normal - line-height field_height - vertical-align middle - color #999 - cursor text - overflow hidden - white-space nowrap - user-select none - font-weight 300 - - &.focus .placeholder - color #ccc - - &.invalid .placeholder - color #a77 - - // Special field sizes - &.coupon_code - field-width columns(4) - - &.first_name - clear left - field-width columns(4) - - .error - left columns(8) - - &.last_name - hstack(4) - - &.card_number - field-width columns(6) - - .error - left columns(8) - - &.cvv - hstack(2) - - &.expires - field-width columns(8) - - .title - float left - font-size round(base_font_size*0.8) - line-height 24px - vertical-align middle - width columns(2) - 1px - - .month - float left - field-width columns(3) + column_width - margin-left 0 - - .year - float left - margin-left 1px - field-width columns(2) - - - &.state - field-width columns(5) - .error - left columns(8) - - &.zip - hstack(3) - - &.vat_number - field-width columns(4) - display none - &.applicable - display block - - // Special limited address cases for zip - .only_zipstreet .zip.field - .only_zip .zip.field - margin-left 0 - clear left - - .accepted_cards - display inline-block - height field_height - overflow hidden - - .card - background-position right top - background-repeat no-repeat - text-indent -3000px - width 32px - height 32px - margin 0 - padding 0 - display inline-block - - &.mastercard - background-image url(images/credit_cards/mastercard.png) - &.american_express - background-image url(images/credit_cards/american_express.png) - &.visa - background-image url(images/credit_cards/visa.png) - &.discover - background-image url(images/credit_cards/discover.png) - &.jcb - background-image url(images/credit_cards/jcb.png) - &.laser - background-image url(images/credit_cards/laser.png) - &.diners_club - background-image url(images/credit_cards/diners_club.png) - &.maestro - background-image url(images/credit_cards/maestro.png) - - &.match - // nothing - - &.no_match - opacity 0.5 - - - // General - input[type=text], - select - vertical-align middle - color #000000 - - &.invalid - border-color #a55 - background #fee - color #311 - - input[type=text] - display block - background white - border input_border solid #a0a0a5 - box-shadow inset 0 2px 3px rgba(0,0,0,0.1) - font-size base_font_size - font-family inherit - padding input_padding - height input_height - - - &[disabled] - background #eee - - input[type=checkbox] - color red - - select - color inherit - font-family inherit - width 100% - - > option - color inherit - - // DUE NOW BAR - .due_now - background url(images/due_now.png) no-repeat top left - clear both - color #2a3a3c - height 70px - line-height 67px - vertical-align middle - // overflow hidden - padding 0 outer_margin + 5px - width columns(12) - position relative - left -5px - text-shadow 0 1px 0 rgba(255,255,255,0.5) - - .title - float left - font-size 29px - position relative - - .cost - color #fff - float right - font-size 33px - font-weight bold - letter-spacing 1px - margin 0 - position relative - text-shadow 0px 1px 1px rgba(0,0,0,0.9) - - .footer - border-radius 0px 0px 9px 9px - margin 0px - padding outer_margin - - &.submitting .footer - background url(images/submitting.gif) no-repeat columns(5) 28px - - button.submit - height 46px - max-width 600px - font-size 18px - font-weight 700 - color #302106 - text-align center - margin-left 0px - border 1px solid #767674 - background #e7a500 - border-radius 10px - outline none - box-shadow inset rgba(255, 255, 255, 0.7) 0px 1px 0px, rgba(0,0,0, 0.5) 0px 1px 3px - background-image -webkit-gradient(linear, 0% 20%, 0% 100%, from(#FECD00), to(#CE7B00)) - background -moz-linear-gradient(top, #fecd00, #ce7b00) - text-shadow rgba(255,255,255, .5) 0 1px 0 - padding 10px 20px - - &:hover - color #451 - - &:active - top 2px - color #302106 - text-shadow rgba(255,255,255, .5694) 0 -1px 0 - outline none - background-image -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CE7B00), to(#FECD00)) - background -moz-linear-gradient(top, #ce7b00, #fecd00) - box-shadow rgba(255, 255, 255, 0.69) 0px -1px 0px inset, rgba(0,0,0, 0.26) 0px 2px 3px - - &[disabled] - position relative - height 46px - max-width 600px - padding 0 10px - font-weight 700 - color #555 - text-shadow rgba(255,255,255, .5694) 0 1px 0 - text-align center - - opacity .75 - border 1px solid #767674 - background #e7a500 - - -moz-border-radius 10px - -webkit-border-radius 10px - border-radius 10px - -webkit-user-select none - -moz-user-select -moz-none - outline none - background-image -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DBD9D2), to(#999)) - background -moz-linear-gradient(top, #DBD9D2, #999999) - -webkit-background-clip padding-box - -webkit-box-shadow rgba(255, 255, 255, 0.69) 0px 1px 0px inset, rgba(0,0,0, 0.26) 0px 2px 3px - box-shadow rgba(255, 255, 255, 0.699219) 0px 1px 0px inset, rgba(0,0,0, 0.269219) 0px 2px 3px -.iefail - background #666 - padding 10px - position absolute - top -1% - left -1% - height 102% - width 102% - z-index 9999 - .chromeframe - background #fff - border 1px solid #ccc - padding 10px - - p - text-align center - &.blast - font-size 1.3em - font-weight bold - a - color #4183C4 - text-transform capitalize diff --git a/services/web/public/stylesheets/app/recurly.less b/services/web/public/stylesheets/app/recurly.less index 2e88d6742d..4a3226d5b0 100644 --- a/services/web/public/stylesheets/app/recurly.less +++ b/services/web/public/stylesheets/app/recurly.less @@ -1,777 +1,3 @@ .recurly-hosted-field { &:extend(.form-control); } - - -.recurly { - display: block; - position: relative; - box-sizing: content-box; - * { - box-sizing: content-box; - } - .due_now { - display: none; - } -} -.recurly .cost, -.recurly .discount { - font-size: 16px; - text-align: right; -} -.recurly .subscription { - border-radius: 9px 9px 0 0; - text-shadow: 0 1px 0 #fff; - padding-top: 20px; - overflow: hidden; -} -.recurly .plan { - color: #333; - font-family: @font-family-serif; - padding: 0 20px 40px; - position: relative; - margin-top: -20px; -} -.recurly .plan .name { - font-size: 32px; - margin-right: 130px; -} -.recurly .plan .quantity.field { - clear: none; - width: 60px; - margin: 4px 0; -} -.recurly .plan .quantity.field input[type=text] { - width: 48px; -} -.recurly .plan .quantity.field:before { - content: "\d7"; - height: 48px; - line-height: 30px; - position: absolute; - right: 100%; - width: 40px; - font-size: 20px; - text-align: center; - vertical-align: middle; - z-index: 1337; - color: #666; -} -.recurly .plan .recurring_cost { - text-align: right; - position: absolute; - right: 20px; - top: 0; -} -.recurly .plan .recurring_cost .cost { - font-size: 32px; -} -.recurly .plan .recurring_cost .interval { - font-size: 12px; - padding-bottom: 20px; -} -.recurly .free_trial { - font-size: 13px; - font-style: italic; -} -.recurly .setup_fee { - clear: both; - background: url("/recurly/images/dash.png") repeat-x 1px top; - overflow: hidden; - padding-top: 20px; -} -.recurly .setup_fee .title { - float: left; - padding-left: 20px; - font-weight: bold; - font-size: 16px; -} -.recurly .setup_fee .cost { - float: right; - padding-right: 20px; -} -.recurly .vat { - height: 24px; - padding: 20px 20px; - display: none; - background: url("/recurly/images/dash.png") repeat-x 1px top; -} -.recurly .vat.applicable { - display: block; -} -.recurly .vat .title { - font-size: 16px; - font-weight: normal; - float: left; -} -.recurly .vat .cost { - float: right; - font-size: 18px; -} -.recurly .add_ons { - clear: both; -} -.recurly .add_ons.any { - margin: 20px 10px; -} -.recurly .add_ons .add_on { - background: #ecedee; - background: -webkit-linear-gradient(top, #ecedee, #e5e6e7); - background: -moz-linear-gradient(top, #ecedee, #e5e6e7); - background: -o-linear-gradient(top, #ecedee, #e5e6e7); - background: linear-gradient(top, #ecedee, #e5e6e7); - margin: 0; - height: 43px; - line-height: 42px; - vertical-align: middle; - position: relative; - clear: both; - overflow: hidden; - border-top: 1px solid #ccc; - border-left: 1px solid #ccc; - border-right: 1px solid #ccc; - text-shadow: 0 1px 0 #fff; - color: #999; - font-weight: 300; - font-size: 16px; - zoom: 1; - cursor: default; -} -.recurly .add_ons .add_on.first { - border-top-left-radius: 10px; - border-top-right-radius: 10px; -} -.recurly .add_ons .add_on.last { - border-bottom: 1px solid #ccc; - border-bottom-left-radius: 10px; - border-bottom-right-radius: 10px; -} -.recurly .add_ons .add_on .name { - font-size: inherit; - font-weight: inherit; - font-style: italic; - color: inherit; - width: 200px; - margin-left: 9px; - margin-right: 20px; - position: absolute; - left: 0; - top: 0; -} -.recurly .add_ons .add_on .quantity.field { - position: absolute; - top: 4px; - left: 249px; - width: 60px; - display: none; -} -.recurly .add_ons .add_on .quantity.field input[type=text] { - width: 48px; -} -.recurly .add_ons .add_on .quantity.field:before { - content: "\d7"; - height: 48px; - line-height: 30px; - position: absolute; - right: 100%; - width: 40px; - font-size: 20px; - text-align: center; - vertical-align: middle; - z-index: 1337; - color: #666; -} -.recurly .add_ons .add_on .cost { - font-size: inherit; - line-height: inherit; - vertical-align: middle; - position: absolute; - right: 10px; -} -.recurly .add_ons .add_on:hover { - background: -webkit-linear-gradient(top, #f0f0f0 0%, #dfdfdf 50%, #d5d5d5 50%, #e0e0e0 100%); - background: -moz-linear-gradient(top, #f0f0f0 0%, #dfdfdf 50%, #d5d5d5 50%, #e0e0e0 100%); - background: -o-linear-gradient(top, #f0f0f0 0%, #dfdfdf 50%, #d5d5d5 50%, #e0e0e0 100%); - background: linear-gradient(top, #f0f0f0 0%, #dfdfdf 50%, #d5d5d5 50%, #e0e0e0 100%); - box-shadow: inset 0 1px 0 #fff; - text-shadow: none; - color: #111; -} -.recurly .add_ons .add_on:active, -.recurly .add_ons .add_on.selected { - color: #111; - background: -webkit-linear-gradient(top, #f0f0f0, #fff); - background: -moz-linear-gradient(top, #f0f0f0, #fff); - background: -o-linear-gradient(top, #f0f0f0, #fff); - background: linear-gradient(top, #f0f0f0, #fff); - width: auto; - box-shadow: inset 0 1px 4px 0 rgba(0,0,0,0.07); - text-shadow: none; -} -.recurly .add_ons .add_on.selected { - background: #fff url("/recurly/images/check.png") no-repeat 10px center; -} -.recurly .add_ons .add_on.selected .name { - padding-left: 24px; -} -.recurly .add_ons .add_on.selected:hover { - background: #fcf5f0 url("/recurly/images/uncheck.png") no-repeat 10px center; -} -.recurly .add_ons .add_on.selected .quantity { - display: block; -} -.recurly .coupon { - clear: both; - overflow: hidden; - height: 34px; - color: #333; - padding: 20px 20px; - position: relative; - background: url("/recurly/images/dash.png") repeat-x 1px top; -} -.recurly .coupon .check { - width: 26px; - height: 26px; - float: left; - border-radius: 15px 15px 15px 15px; - background: #70ccf8; - border: 1px solid #0090c9; - margin: 3px 0 1px 10px; - box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.35), 0 1px 1px 0 rgba(0,0,0,0.10); - background: #43bef9 url("/recurly/images/coupon_check.png") no-repeat center center; - background: url("/recurly/images/coupon_check.png") no-repeat center center, -webkit-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("/recurly/images/coupon_check.png") no-repeat center center, -moz-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("/recurly/images/coupon_check.png") no-repeat center center, -o-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("/recurly/images/coupon_check.png") no-repeat center center linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); -} -.recurly .coupon .check:hover { - background: url("/recurly/images/coupon_check.png") no-repeat center center, -webkit-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("/recurly/images/coupon_check.png") no-repeat center center, -moz-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("/recurly/images/coupon_check.png") no-repeat center center, -o-linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - background: url("/recurly/images/coupon_check.png") no-repeat center center linear-gradient(top, #71CDFA 0%, #43BEF9 50%, #00B1F6 50%, #71CEFB 100%); - box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.75), 0 1px 1px 0 rgba(0,0,0,0.10); -} -.recurly .coupon .check:active { - background: url("/recurly/images/coupon_check.png") no-repeat center center, -webkit-linear-gradient(top, #f0f0f0, #fff); - background: url("/recurly/images/coupon_check.png") no-repeat center center, -moz-linear-gradient(top, #f0f0f0, #fff); - background: url("/recurly/images/coupon_check.png") no-repeat center center, -o-linear-gradient(top, #f0f0f0, #fff); - background: url("/recurly/images/coupon_check.png") no-repeat center center linear-gradient(top, #f0f0f0, #fff); - box-shadow: inset 0 3px 3px 0 rgba(0,0,0,0.03); - border: 1px solid #999; -} -.recurly .coupon.checking .check { - background: #f0f0f0 url("/recurly/images/coupon_checking.gif") no-repeat center center; - box-shadow: inset 0 3px 3px 0 rgba(0,0,0,0.03); - border: 1px solid #999; -} -.recurly .coupon.invalid .coupon_code { - border-color: #a55; - background: #fee; - color: #311; -} -.recurly .coupon .coupon_code .error { - left: 300px; -} -.recurly .coupon .description { - float: left; - margin-left: 20px; - height: 34px; - line-height: 34px; - vertical-align: middle; - font-size: 14.4px; -} -.recurly .coupon .discount { - float: right; - height: 34px; - line-height: 34px; - vertical-align: middle; -} -.recurly .error { - padding: 5px; - line-height: 22px; - vertical-align: middle; - color: #000; - text-shadow: 0 1px 0 #fec; - background: #ffc; - border: 1px solid #ba1; - box-shadow: 3px 5px 5px 0 rgba(0,0,0,0.10); - border-radius: 5px; - font-size: 13px; -} -.recurly .server_errors { - color: #fff; - text-shadow: 0 1px 0 #000; - margin: 0 20px; - opacity: 0; -} -.recurly .server_errors .error { - padding-left: 26px; - background: rgba(240,250,0,0.50) url("/recurly/images/error.png") no-repeat 5px 9px; -} -.recurly .server_errors.any { - opacity: 1; - -webkit-transition: opacity 0.5s linear; - -moz-transition: opacity 0.5s linear; - margin: 20px 20px; - margin-bottom: 0; -} -.recurly .contact_info, -.recurly .billing_info, -.recurly .accept_tos { - position: relative; - padding: 20px 20px; - overflow: hidden; - zoom: 1; -} -.recurly .title { - font-size: 16px; - height: 20px; - font-weight: bold; - padding-bottom: 20px; - color: #404041; - text-shadow: 0 1px 0 #fff; - float: left; -} -.recurly .credit_card, -.recurly .paypal { - clear: both; -} -.recurly .payment_method { - margin-bottom: 20px; - width: 300px; -} -.recurly .payment_method .payment_option { - float: right; -} -.recurly .payment_method .payment_option input[type=radio] { - margin-right: 10px; - display: none; -} -.recurly .payment_method.multiple { - height: 34px; - clear: both; -} -.recurly .payment_method.multiple input[type=radio] { - display: block; - float: left; - height: 29px; -} -.recurly .payment_method.multiple .card_option { - float: left; -} -.recurly .payment_method.multiple .paypal_option { - float: right; -} -.recurly .payment_method.multiple .logo, -.recurly .payment_method.multiple .accepted_cards { - opacity: 0.5; -} -.recurly .payment_method.multiple .payment_option:hover .logo, -.recurly .payment_method.multiple .payment_option.selected .logo, -.recurly .payment_method.multiple .payment_option:hover .accepted_cards, -.recurly .payment_method.multiple .payment_option.selected .accepted_cards { - cursor: pointer; - opacity: 1; -} -.recurly .payment_method .payment_option { - line-height: 32px; - display: block; - height: 32px; - line-height: 34px; -} -.recurly .payment_method .payment_option .title { - margin: 0; - font-size: 12px; -} -.recurly .payment_method .payment_option .icon { - float: left; - width: 24px; - height: 34px; - margin: 0 5px; -} -.recurly .payment_method .payment_option.card_option { - border-radius: 5px 0 0 5px; - border-right: none; -} -.recurly .payment_method .payment_option.card_option .icon { - width: 42px; - background: url("/recurly/images/credit_cards/generic.png") no-repeat 0 center; -} -.recurly .payment_method .payment_option.paypal_option { - border-radius: 0 5px 5px 0; - float: right; -} -.recurly .payment_method .payment_option.paypal_option .logo { - height: 24px; - width: 90px; - display: inline-block; - vertical-align: middle; - background: url("/recurly/images/paypal_logo.png") no-repeat 0 center; -} -.recurly .paypal_message { - width: 300px; - font-style: italic; - margin-bottom: 10px; -} -.recurly .contact_info { - background: url("/recurly/images/dash.png") repeat-x 1px bottom; -} -.recurly .accept_tos { - background: url("/recurly/images/dash.png") repeat-x 1px top; - overflow: visible; -} -.recurly .accept_tos input[type=checkbox] { - display: inline; - line-height: 34px; - vertical-align: middle; -} -.recurly .accept_tos label { - margin: 0 0 0 5px; - display: inline; - line-height: 34px; - vertical-align: middle; -} -.recurly .accept_tos .field .error { - display: block; - position: static; -} -.recurly .field { - display: inline; - float: left; - clear: left; - width: 300px; - height: 34px; - margin-bottom: 20px; - position: relative; -} -.recurly .field input[type=text] { - width: 288px; -} -.recurly .field.company_name { - margin-bottom: 0; -} -.recurly .field .error { - min-width: 128px; - white-space: nowrap; - position: absolute; - top: 0; - left: 100%; - margin-left: 20px; - z-index: 1337; -} -.recurly .field .placeholder { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - padding-left: 9px; - font-size: 16px; - font-weight: normal; - line-height: 34px; - vertical-align: middle; - color: #999; - cursor: text; - overflow: hidden; - white-space: nowrap; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -o-user-select: none; - user-select: none; - font-weight: 300; -} -.recurly .field.focus .placeholder { - color: #ccc; -} -.recurly .field.invalid .placeholder { - color: #a77; -} -.recurly .field.coupon_code { - width: 140px; -} -.recurly .field.coupon_code input[type=text] { - width: 128px; -} -.recurly .field.first_name { - clear: left; - width: 140px; -} -.recurly .field.first_name input[type=text] { - width: 128px; -} -.recurly .field.first_name .error { - left: 300px; -} -.recurly .field.last_name { - width: 140px; - margin-left: 20px; - margin-left: 20px; - clear: none; - clear: none; -} -.recurly .field.last_name input[type=text] { - width: 128px; -} -.recurly .field.card_number { - width: 220px; -} -.recurly .field.card_number input[type=text] { - width: 208px; -} -.recurly .field.card_number .error { - left: 300px; -} -.recurly .field.cvv { - width: 60px; - margin-left: 20px; - margin-left: 20px; - clear: none; - clear: none; -} -.recurly .field.cvv input[type=text] { - width: 48px; -} -.recurly .field.expires { - width: 300px; -} -.recurly .field.expires input[type=text] { - width: 288px; -} -.recurly .field.expires .title { - float: left; - font-size: 13px; - line-height: 24px; - vertical-align: middle; - width: 59px; -} -.recurly .field.expires .month { - float: left; - width: 120px; - margin-left: 0; -} -.recurly .field.expires .month input[type=text] { - width: 108px; -} -.recurly .field.expires .year { - float: left; - margin-left: 1px; - width: 60px; -} -.recurly .field.expires .year input[type=text] { - width: 48px; -} -.recurly .field.state { - width: 180px; -} -.recurly .field.state input[type=text] { - width: 168px; -} -.recurly .field.state .error { - left: 300px; -} -.recurly .field.zip { - width: 100px; - margin-left: 20px; - margin-left: 20px; - clear: none; - clear: none; -} -.recurly .field.zip input[type=text] { - width: 88px; -} -.recurly .field.vat_number { - width: 140px; - display: none; -} -.recurly .field.vat_number input[type=text] { - width: 128px; -} -.recurly .field.vat_number.applicable { - display: block; -} -.recurly .only_zipstreet .zip.field, -.recurly .only_zip .zip.field { - margin-left: 0; - clear: left; -} -.recurly .accepted_cards { - display: inline-block; - height: 34px; - overflow: hidden; -} -.recurly .card { - background-position: right top; - background-repeat: no-repeat; - text-indent: -3000px; - width: 32px; - height: 32px; - margin: 0; - padding: 0; - display: inline-block; -} -.recurly .card.mastercard { - background-image: url("/recurly/images/credit_cards/mastercard.png"); -} -.recurly .card.american_express { - background-image: url("/recurly/images/credit_cards/american_express.png"); -} -.recurly .card.visa { - background-image: url("/recurly/images/credit_cards/visa.png"); -} -.recurly .card.discover { - background-image: url("/recurly/images/credit_cards/discover.png"); -} -.recurly .card.jcb { - background-image: url("/recurly/images/credit_cards/jcb.png"); -} -.recurly .card.laser { - background-image: url("/recurly/images/credit_cards/laser.png"); -} -.recurly .card.diners_club { - background-image: url("/recurly/images/credit_cards/diners_club.png"); -} -.recurly .card.maestro { - background-image: url("/recurly/images/credit_cards/maestro.png"); -} -.recurly .card.no_match { - opacity: 0.5; -} -.recurly input[type=text], -.recurly select { - vertical-align: middle; - color: #000; -} -.recurly input[type=text].invalid, -.recurly select.invalid { - border-color: #a55; - background: #fee; - color: #311; -} -.recurly input[type=text] { - display: block; - background: #fff; - border: 1px solid #a0a0a5; - box-shadow: inset 0 2px 3px rgba(0,0,0,0.10); - font-size: 16px; - font-family: inherit; - padding: 5px; - height: 22px; -} -.recurly input[type=text][disabled] { - background: #eee; -} -.recurly input[type=checkbox] { - color: #f00; -} -.recurly select { - color: inherit; - font-family: inherit; - width: 100%; -} -.recurly select > option { - color: inherit; -} -.recurly .due_now { - background: url("/recurly/images/due_now.png") no-repeat top left; - clear: both; - color: #2a3a3c; - height: 70px; - line-height: 67px; - vertical-align: middle; - padding: 0 25px; - width: 460px; - position: relative; - left: -5px; - text-shadow: 0 1px 0 rgba(255,255,255,0.50); -} -.recurly .due_now .title { - float: left; - font-size: 29px; - position: relative; -} -.recurly .due_now .cost { - color: #fff; - float: right; - font-size: 33px; - font-weight: bold; - letter-spacing: 1px; - margin: 0; - position: relative; - text-shadow: 0px 1px 1px rgba(0,0,0,0.90); -} -.recurly .footer { - border-radius: 0px 0px 9px 9px; - margin: 0px; - padding: 20px; -} -.recurly.submitting .footer { - background: url("/recurly/images/submitting.gif") no-repeat 180px 28px; -} -.recurly button.submit { - .btn; - .btn-lg; - .btn-primary; -} -// .recurly button.submit:hover { -// color: #451; -// } -// .recurly button.submit:active { -// top: 2px; -// color: #302106; -// text-shadow: rgba(255,255,255,0.57) 0 -1px 0; -// outline: none; -// background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce7b00), to(#fecd00)); -// background: -moz-linear-gradient(top, #ce7b00, #fecd00); -// box-shadow: rgba(255,255,255,0.69) 0px -1px 0px inset, rgba(0,0,0,0.26) 0px 2px 3px; -// } -// .recurly button.submit[disabled] { -// position: relative; -// height: 46px; -// max-width: 600px; -// padding: 0 10px; -// font-weight: 700; -// color: #555; -// text-shadow: rgba(255,255,255,0.57) 0 1px 0; -// text-align: center; -// opacity: 0.75; -// border: 1px solid #767674; -// background: #e7a500; -// -moz-border-radius: 10px; -// -webkit-border-radius: 10px; -// border-radius: 10px; -// -webkit-user-select: none; -// -moz-user-select: -moz-none; -// outline: none; -// background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dbd9d2), to(#999)); -// background: -moz-linear-gradient(top, #dbd9d2, #999); -// -webkit-background-clip: padding-box; -// -webkit-box-shadow: rgba(255,255,255,0.69) 0px 1px 0px inset, rgba(0,0,0,0.26) 0px 2px 3px; -// box-shadow: rgba(255,255,255,0.70) 0px 1px 0px inset, rgba(0,0,0,0.27) 0px 2px 3px; -// } -.iefail { - background: #666; - padding: 10px; - position: absolute; - top: -1%; - left: -1%; - height: 102%; - width: 102%; - z-index: 9999; -} -.iefail .chromeframe { - background: #fff; - border: 1px solid #ccc; - padding: 10px; -} -.iefail .chromeframe p { - text-align: center; -} -.iefail .chromeframe p.blast { - font-size: 1.3em; - font-weight: bold; -} -.iefail .chromeframe p a { - color: #4183c4; - text-transform: capitalize; -}