elf
/
The-Backbone-Store
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Built to work with Coffee, Style, and HAML.

This commit is contained in:
Elf M. Sternberg 2011-08-07 19:53:05 -07:00
parent 88cf744296
commit 40df6a023f
3 changed files with 652 additions and 670 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Makefile
View File

@ -29,6 +29,16 @@ all: index.html store.js
rm $*.nw-js-tmp; \ rm $*.nw-js-tmp; \
fi fi
jsonstore.styl: backbonestore.nw
@ $(ECHO) $(NOTANGLE) -c -R$@ $<
@ - $(NOTANGLE) -c -R$@ $< > $*.nw-styl-tmp
@ if [ -s "$*.nw-styl-tmp" ]; then \
mv $*.nw-styl-tmp $@; \
else \
echo "$@ not found in $<"; \
rm $*.nw-styl-tmp; \
fi
store.js: backbonestore.nw store.js: backbonestore.nw
@ $(ECHO) $(NOTANGLE) -c -R$@ $< @ $(ECHO) $(NOTANGLE) -c -R$@ $<
@ - $(NOTANGLE) -c -R$@ $< > $*.nw-html-tmp @ - $(NOTANGLE) -c -R$@ $< > $*.nw-html-tmp

1261
backbonestore.nw
View File

File diff suppressed because it is too large Load Diff

31
jsonstore.css
View File

@ -1,22 +1,18 @@
/******************************************************
* json store *
\*****************************************************/
body { body {
font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif; font-family: "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
background: #FFF; background: #fff;
color: #333; color: #333;
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
} }
#header { #header {
background: #C97E41; background: #c97e41;
margin: 0px; margin: 0px;
padding: 20px; padding: 20px;
} }
#header h1 { #header h1 {
font-family: Inconsolata, Monaco, Courier, mono; font-family: Inconsolata, Monaco, Courier, mono;
color: #FFF; color: #fff;
margin: 0px; margin: 0px;
} }
#header .cart-info { #header .cart-info {
@ -26,21 +22,32 @@ body {
text-align: right; text-align: right;
padding: 10px; padding: 10px;
background: #714625; background: #714625;
color: #FFF; color: #fff;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
} }
img { img {
border: 0; border: 0;
} }
.item { .item {
float:left; float: left;
width: 250px; width: 250px;
margin-right: 3px; margin-right: 3px;
padding: 2px; padding: 2px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border: 1px solid #ccc; border: 1px solid #ccc;
text-align:center; text-align: center;
font-size: 12px; font-size: 12px;
} }
.item-title { .item-title {
@ -51,7 +58,7 @@ img {
font-size: 14px; font-size: 14px;
} }
.item-detail .item-image { .item-detail .item-image {
float:left; float: left;
} }
.item-detail .item-info { .item-detail .item-info {
padding: 100px 10px 0px 10px; padding: 100px 10px 0px 10px;