Permalink
Browse files

fix to isolate css button classes to third view. minor changes to lay…

…out css
  • Loading branch information...
1 parent fb98389 commit 93865e4102aad3c9267ef92b6c90b1d45c82d9c4 @addyosmani committed Feb 6, 2011
Showing with 20 additions and 12 deletions.
  1. +1 −0 buttons.css
  2. +7 −7 data/album1.json
  3. +4 −3 index.html
  4. +7 −1 jsongallery.css
  5. +1 −1 shadows.css
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
View
@@ -6,7 +6,7 @@
"large_image": "images/1.jpg",
"years": "1995-2011",
"pid" : 0,
- "url": "http://www.amazon.com/Bitte-Orca-Dirty-Projectors/dp/B0026T4RTI/ref=pd_sim_m_12?tag=quirkey-20",
+ "url": "http://www.amazon.com/",
"subalbum": [
{
"title": "Michael",
@@ -15,7 +15,7 @@
"large_image": "images/michael_large.jpg",
"price": 13,
"pid": 1,
- "url": "http://www.amazon.co.uk/19-Adele/dp/B000XGDO04"
+ "url": "http://www.amazon.co.uk/"
},
{
"title": "19",
@@ -24,7 +24,7 @@
"large_image": "images/4large.jpg",
"price": 13,
"pid": 0,
- "url": "http://www.amazon.co.uk/19-Adele/dp/B000XGDO04"
+ "url": "http://www.amazon.co.uk/"
}
]
},
@@ -35,7 +35,7 @@
"large_image": "images/54.jpg",
"years": "1999-2011",
"pid" : 1,
- "url": "http://www.amazon.com/Bitte-Orca-Dirty-Projectors/dp/B0026T4RTI/ref=pd_sim_m_12?tag=quirkey-20",
+ "url": "http://www.amazon.com/",
"subalbum": [
{
"title": "Doo Wops and Hooligans",
@@ -44,7 +44,7 @@
"large_image": "images/bruno_large.jpg",
"price": 13,
"pid": 0,
- "url": "http://www.amazon.com/Doo-Wops-Hooligans-Bruno-Mars/dp/B003ZJ0ZX0"
+ "url": "http://www.amazon.com/"
},
{
"title": "The Lady Killer",
@@ -53,7 +53,7 @@
"large_image": "images/ceelow_large.jpg",
"price": 13,
"pid": 1,
- "url": "http://www.amazon.co.uk/19-Adele/dp/B000XGDO04"
+ "url": "http://www.amazon.co.uk/"
},
{
"title": "Loud",
@@ -62,7 +62,7 @@
"large_image": "images/rihanna_large.jpg",
"price": 13,
"pid": 2,
- "url": "http://www.amazon.com/Doo-Wops-Hooligans-Bruno-Mars/dp/B003ZJ0ZX0"
+ "url": "http://www.amazon.com/"
}
]
},
View
@@ -7,6 +7,7 @@
<title>Multi-Level Backbone Image Gallery</title>
<link rel="stylesheet" href="jsongallery.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="shadows.css" type="text/css" media="screen" charset="utf-8" />
+ <link rel="stylesheet" href="buttons.css" type="text/css" media="screen" charset="utf-8" />
@@ -43,9 +44,9 @@
<div class="item-artist">${attributes.artist}</div>
<div class="item-title">${attributes.title}</div>
<div class="item-price">$${attributes.price}</div>
-
- <div class="item-link"><a href="${attributes.url}">Buy this item</a></div>
- <div class="back-link"><a href="#">&laquo; Back to Albums</a></div>
+ <br />
+ <div class="item-link"><a href="${attributes.url}" class="button">Buy this item</a></div>
+ <div class="back-link"><a href="#" class="button">&laquo; Back to Albums</a></div>
</div>
</div>
</script>
View
@@ -8,7 +8,7 @@ body {
}
#header {
- background: orange;
+ background: #000;
margin: 0px;
padding: 20px;
}
@@ -23,6 +23,7 @@ body {
padding:0px;
margin:2px;
font-size:0.9em;
+ color:#666;
}
#header h1 a {
@@ -79,4 +80,9 @@ padding:100px 33px 0;
.jstest {
padding:10px;
+}
+
+ .back-link {
+ padding-top:10px;
+ float:left;
}
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.

0 comments on commit 93865e4

Please sign in to comment.