Permalink
Browse files

css tweaks

  • Loading branch information...
1 parent 3211c05 commit 1d1ca925d8b906f2e9be231c4fee34532d0f0541 @pfeffer committed Jun 23, 2012
Binary file not shown.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -30,11 +30,11 @@ bread.initOrderBackbone = function() {
delivery_price: 5
},
availableComponents: {
- "raisins": "http://dl.dropbox.com/u/8229568/apps/bread/raisins.jpg",
- "chocolate chips": "http://dl.dropbox.com/u/8229568/apps/bread/walnuts.jpg",
- "walnuts": "http://www.naturalhealth365.com/images/walnuts.jpg",
- "flax seeds": "http://dl.dropbox.com/u/8229568/apps/bread/flax-seeds.jpg",
- "cinnamon": "http://dl.dropbox.com/u/8229568/apps/bread/cinnamon.jpg"
+ "raisins": "./assets/raisins.jpg",
+ "chocolate chips": "./assets/chocolate-chips.jpg",
+ "walnuts": "./assets/walnuts.jpg",
+ "flax seeds": "./assets/flax-seeds.jpg",
+ "cinnamon": "./assets/cinnamon.jpg"
},
initialize: function() {},
step: function() {
@@ -17,11 +17,11 @@ body {
#wrap{
width: 940px;
- height: 600px;
+ height: 560px;
margin: 10px auto 10px;
position: relative;
background: #fff;//#f0dab1;
- padding: 10px;
+ padding: 30px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
@@ -56,7 +56,7 @@ a {
}
#footer{
- height: 30px;
+ height: 25px;
text-align: center;
width: 100%;
margin: 10px 0 8px 0;
@@ -79,12 +79,8 @@ $component-image-width: 100px;
width: $component-image-width;
opacity: 0.4;
cursor: pointer;
- border: none;
- margin: 1px;
&.selected{
- margin: 0px;
opacity: 1;
- border: 1px solid #aaa;
}
}
@@ -202,9 +198,11 @@ margin-bottom: 5px;
#qty{
display: inline-block;
width: 30px;
- margin: 0 0 0 15px;
+ height: 26px;
border: 1px solid #777;
text-align: center;
+ line-height:25px;
+ vertical-align: middle;
}
hr{
@@ -22,17 +22,16 @@
<%% }); %>
<div id="bread-image"></div>
<div style="margin: 10px;">
- <span class="lead">
- How many loaves would you like? <span id="qty"><%%= quantity%></span>
- </span>
- <div id="quantity-plus" class="btn btn-mini btn-warning plus-minus <%%= quantity == 3 ? 'disabled' : '' %> ">+</div>
- <div id="quantity-minus" class="btn btn-mini btn-warning plus-minus <%%= quantity == 1 ? 'disabled' : '' %>">-</div>
+ <span class="lead"> How many loaves would you like?</span>
+ <div id="quantity-plus" class="btn btn-warning plus-minus <%%= quantity == 3 ? 'disabled' : '' %> ">+</div>
+ <span id="qty"><%%= quantity%></span>
+ <div id="quantity-minus" class="btn btn-warning plus-minus <%%= quantity == 1 ? 'disabled' : '' %>">-</div>
</div>
</div>
<div class="span4">
<div>
- <p id="order-text" class="lead">You are ordering <span id="order-quantity"><%%= quantity %></span> banana bread <strong><%%= loaf %></strong><span id="order-components"><%%= order_text %></span>.</p>
+ <p id="order-text" class="lead">You are ordering <strong><%%= quantity %></strong> banana bread <%%= loaf %><span id="order-components"><%%= order_text %></span>.</p>
<p>
<strong>Pickup location</strong>
<br/>
@@ -133,7 +132,7 @@
</div>
</form>
<div class="span4">
- <p id="order-text" class="lead">You are ordering <span id="order-quantity"><%%= quantity %></span> banana bread <strong><%%= loaf %></strong><span id="order-components"><%%= order_text %></span>.</p>
+ <p id="order-text" class="lead">You are ordering <strong><%%= quantity %></strong> banana bread <%%= loaf %><span id="order-components"><%%= order_text %></span>.</p>
<div class="well">
<div class="row-fluid show-grid">
<div class="span8"><%%= quantity%> banana bread <%%= " " + loaf %></div>
@@ -180,7 +179,7 @@
</div>
<div class="span4">
- <p id="order-text" class="lead">You are ordering <span id="order-quantity"><%%= quantity %></span> Banana bread <span id="order-loaf"><%%= loaf %></span><span id="order-components"><%%= order_text %></span>.</p>
+ <p id="order-text" class="lead">You are ordering <strong><%%= quantity %></strong> Banana bread <%%= loaf %><span id="order-components"><%%= order_text %></span>.</p>
<div class="well">
<div class="row-fluid show-grid">
<div class="span8"><%%= quantity%> banana bread <%%= " " + loaf %></div>
@@ -4,6 +4,9 @@
<p class="lead">
I bake.
</p>
+ <p class="lead">
+ The rest of the story will be here super soon!
+ </p>
</div>
</div>
<div class="span4">

0 comments on commit 1d1ca92

Please sign in to comment.