github/selfstarter
1
1
Fork 0
mirror of https://github.com/apigy/selfstarter.git synced 2026-01-09 14:27:55 -05:00
Code Issues Packages Projects Releases Wiki Activity

fixed up styles on the payment options section

Browse Source
This commit is contained in:
Jesse Grant
2013-01-14 16:36:20 -05:00
parent 10d9d8d9ca
commit 6f207ca680
2 changed files with 34 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
app/assets/stylesheets/checkout.css.scss
View File

@@ -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;

6
config/settings.yml
View File

@@ -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", "", "<strong>Basic level: </strong>You receive a great big thankyou from us! You Rock", ""],
["100.00", "$100", "add $3 to ship outside the US", "<strong>Package 1: </strong>You receive our print edition", "Estimated delivery: Oct 2013"],
["125.00", "$125", "add $3 to ship outside the US", "<strong>Package 2: </strong>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"],