sharpetronics/crunchbutton
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

some design changes

Browse Source
This commit is contained in:
arzynik 2012-06-29 20:45:51 -07:00
parent 40ea9f159b
commit c70d84ad35
2 changed files with 43 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
www/assets/css/style.css
View File

@ -44,7 +44,8 @@ table {
} }
a { a {
text-decoration: none; color: #d74924;
text-decoration: underline;
} }
::selection { ::selection {
@ -89,10 +90,6 @@ body {
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
} }
.meal-item-button {
}
.meal-items { .meal-items {
text-align: center; text-align: center;
} }
@ -101,7 +98,7 @@ body {
display: inline-block; display: inline-block;
width: auto; width: auto;
height: 211px; height: 211px;
margin-left: 14px; margin-left: 16px;
margin-bottom: 10px; margin-bottom: 10px;
} }
@ -207,7 +204,6 @@ body {
} }
.footer a { .footer a {
text-decoration: underline;
color: #666; color: #666;
margin: 5px; margin: 5px;
} }
@ -252,11 +248,6 @@ b {
color: #e3937d; color: #e3937d;
} }
.resturant-dish-container a {
color: #d74924;
text-decoration: underline;
}
.resturant-dish-container { .resturant-dish-container {
line-height: 1.4em; line-height: 1.4em;
margin-bottom: 19px; margin-bottom: 19px;
@ -301,11 +292,6 @@ b {
float: right; float: right;
} }
.cart-item-config a {
color: #d74924;
text-decoration: underline;
}
.cart-item-customize-name { .cart-item-customize-name {
cursor: pointer; cursor: pointer;
color: #d74924; color: #d74924;
@ -429,6 +415,13 @@ html[xmlns] .clearfix {
height: 1%; height: 1%;
} }
.delivery-payment-info {
line-height: 1.4em;
}
.dp-display-item {
margin-bottom: 15px;
}
@media only screen @media only screen
and (min-device-width : 320px) and (min-device-width : 320px)
@ -512,7 +505,6 @@ and (max-device-width : 480px) {
.restaurant-name { .restaurant-name {
font-size: 25px; font-size: 25px;
font-weight: 100; font-weight: 100;
text-align: center;
} }
.meal-item-down { .meal-item-down {
border: 1px solid rgba(255,40,31,.8); border: 1px solid rgba(255,40,31,.8);
@ -520,7 +512,17 @@ and (max-device-width : 480px) {
} }
@media only screen @media only screen
and (min-width : 1224px) { and (max-width : 1024px) {
.home-tagline {
text-align: center;
}
.restaurant-name {
text-align: center;
}
}
@media only screen
and (min-width : 1024px) {
.content { .content {
width: 1024px; width: 1024px;
margin: 0 auto; margin: 0 auto;
@ -532,9 +534,18 @@ and (min-width : 1224px) {
} }
.content-padder { .content-padder {
background: #f1e7df; background: rgba(250,164,118,.12);
border-radius: 8px; border-bottom-right-radius: 8px;
padding: 18px; border-bottom-left-radius: 8px;
padding: 18px 18px 8px 18px;
}
.content-padder-before {
background: rgba(238,127,33,.22);
height: 8px;
width: 100%;
content: " ";
border-top-right-radius: 8px;
border-top-left-radius: 8px;
} }
.footer { .footer {
margin-bottom: 35px; margin-bottom: 35px;
@ -543,7 +554,7 @@ and (min-width : 1224px) {
background-position: center 40% !important; background-position: center 40% !important;
} }
.meal-item:nth-child(3n+1) { .meal-item:nth-child(3n+1) {
margin-left: 12px; margin-left: 0px;
} }
.content.short-meal-list { .content.short-meal-list {

10
www/assets/js/app.js
View File

@ -117,7 +117,7 @@ App.page.community = function(id) {
$('.main-content').html( $('.main-content').html(
'<div class="home-tagline"><h1>one click food ordering</h1></div>' + '<div class="home-tagline"><h1>one click food ordering</h1></div>' +
'<div class="content-padder"><div class="meal-items"></div></div>'); '<div class="content-padder-before"></div><div class="content-padder"><div class="meal-items"></div></div>');
var rs = App.community.restaurants(); var rs = App.community.restaurants();
@ -203,6 +203,14 @@ App.page.restaurant = function(id) {
} else { } else {
App.cart.loadOrder(App.restaurant.defaultOrder()); App.cart.loadOrder(App.restaurant.defaultOrder());
} }
var dp = $('<div class="delivery-payment-info"></div>')
.append('<div class="dp-display-delivery"></div>')
.append('<div class="dp-display-phone dp-display-item"><label>Your phone number is:</label><br /><a href="javascript:;">' + App.config.user.phone + '</a></div>')
.append('<div class="dp-display-address dp-display-item"><label>Your food will be delivered to:</label><br /><a href="javascript:;">' + App.config.user.address.replace("\n",'<br />') + '</a></div>')
.append('<div class="dp-display-payment dp-display-item"><label>Your are paying by:</label><br /><a href="javascript:;">credit card</a></div>');
$('.main-content').append(dp);
}); });