diff --git a/app/assets/stylesheets/checkout.css.scss b/app/assets/stylesheets/checkout.css.scss
index 20382c4..490a63d 100644
--- a/app/assets/stylesheets/checkout.css.scss
+++ b/app/assets/stylesheets/checkout.css.scss
@@ -1,21 +1,21 @@
.main_content
- {
+{
width: 560px;
float: left;
h3
- {
+ {
margin-bottom: 30px;
color: #4b4b4b;
line-height: 1;
}
p
- {
+ {
line-height: 1.5;
}
#checkout
- {
+ {
#email
- {
+ {
padding: 15px;
border-radius: 10px;
border: 1px solid #CCC;
@@ -27,7 +27,7 @@
border: 1px solid orange;
}
#amazon_button
- {
+ {
margin-top: 5px;
padding: 15px;
border: none;
@@ -41,42 +41,44 @@
{
height: 100px;
div.checkout_controls_wrapper.fix_to_bottom.checkout_ready
- {
+ {
background-color: #FAFAFA;
width: 100%;
position: fixed;
bottom: 0px ;
top: auto;
.checkout_controls_inner
- {
+ {
width: 560px;
border-top: 1px solid #D2D2D2;
}
}
}
#amazon_button
- {
+ {
display: inline !important;
}
div.payment_options
- {
- font-size: 14px;
+ {
+ font-size: 16px;
+ line-height: 24px;
+ color: black;
background-color: #E9E9E9;
padding: 10px 20px;
ol
- {
+ {
list-style: none;
margin: -10px -20px;
word-wrap: break-word;
li:hover
- {
+ {
background-color: #F3F3F3;
cursor: hand;
cursor: pointer;
}
li.checkout_option_selected
- {
+ {
@extend li:hover;
}
li
@@ -86,11 +88,11 @@
overflow: auto;
margin-left: 0;
position: relative;
- color: #333;
+ color: black;
line-height: 20px;
input
- {
+ {
display: inline;
float: left;
vertical-align: top;
@@ -99,18 +101,19 @@
}
label
- {
+ {
display: inline;
float: left;
color: #333;
font-size: 16px;
font-weight: bold;
padding-right: 10px;
- padding-top: 3px;
+ padding-top: 1px;
margin: 0;
}
div.shipping
- {
+ {
+ color: #797979;
float: left;
clear: left;
width: 95px;
@@ -119,10 +122,6 @@
padding-left: 22px;
display: inline;
- color: #666;
- font-size: 12px;
- line-height: 14px;
-
margin: 0;
padding: 0;
border: 0;
@@ -131,7 +130,7 @@
vertical-align: baseline;
span
- {
+ {
display: -moz-inline-box;
display: -moz-inline-stack;
-moz-box-orient: vertical;
@@ -146,22 +145,21 @@
font-size: 100%;
font: inherit;
- color: #666;
line-height: 14px;
}
}
div.description
- {
- margin-top: -11px;
+ {
+ margin-top: -16px;
padding-left: 112px;
-
+ strong
+ {
+ font-weight: bold;
+ }
p.full
- {
- line-height: 20px;
- font-size: 14px;
+ {
margin-bottom: 5px;
padding-top: 3px;
- color: #333;
margin: 0;
padding: 0;
@@ -176,9 +174,8 @@
-webkit-margin-end: 0px;
}
p.delivery_date
- {
+ {
font-size: 12px;
- color: #666;
line-height: 20px;
margin-bottom: 5px;
diff --git a/config/settings.yml b/config/settings.yml
index bef73be..4916977 100644
--- a/config/settings.yml
+++ b/config/settings.yml
@@ -48,9 +48,9 @@ use_payment_options: true
# package text (description of what they get if they select this payment option - kickstarter calls these "rewards"),
# delivery text
payment_options: [
- ["10.00", "$10", "", "You receive a great big thankyou from us! You Rock", ""],
- ["100.00", "$100", "add $3 to ship outside the US", "You receive our print edition", "Estimated delivery: Oct 2013"],
- ["125.00", "$125", "add $3 to ship outside the US", "You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],
+ ["10.00", "$10", "", "Basic level: You receive a great big thankyou from us! You Rock", ""],
+ ["100.00", "$100", "add $3 to ship outside the US", "Package 1: You receive our print edition", "Estimated delivery: Oct 2013"],
+ ["125.00", "$125", "add $3 to ship outside the US", "Package 2: You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],
["125.00", "$125", "add $3 to ship outside the US", "You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],
["125.00", "$125", "add $3 to ship outside the US", "You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],
["125.00", "$125", "add $3 to ship outside the US", "You will receive both our print and digital edition", "Estimated delivery: Oct 2013"],