mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
Merge pull request #2400 from overleaf/as-remove-unused-recurly-styles
Remove unused Recurly styles GitOrigin-RevId: e8db1a15d4c20ec6e77aff6b0e5f9c69bcdd6d2d
This commit is contained in:
Eric Mc Sween
sharelatex
parent
465329527b
commit
57123c3334
25 changed files with 0 additions and 2332 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 190 B |
Binary file not shown.
|
Before Width: | Height: | Size: 213 B |
Binary file not shown.
|
Before Width: | Height: | Size: 847 B |
Binary file not shown.
|
Before Width: | Height: | Size: 225 B |
Binary file not shown.
|
Before Width: | Height: | Size: 225 B |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 84 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 332 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 186 B |
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue