From 797b14278c7202c30b9a08b28886ff5e55b552b5 Mon Sep 17 00:00:00 2001
From: David DeSandro <desandrocodes@gmail.com>
Date: Sun, 13 Oct 2013 10:44:09 -0400
Subject: [PATCH] add stamp to masonry example

---
 examples/examples.css | 22 ++++++++++++++++++++++
 examples/masonry.html |  7 ++++++-
 2 files changed, 28 insertions(+), 1 deletion(-)

diff --git a/examples/examples.css b/examples/examples.css
index 81105d6..dd5fe38 100644
--- a/examples/examples.css
+++ b/examples/examples.css
@@ -80,3 +80,25 @@
 .element.other.nonmetal  { background: #00F; background: hsl( 252, 100%, 50%); }
 .element.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
 .element.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }
+
+/* stamps */
+
+.stamp {
+  position: absolute;
+  background: hsla(0, 100%, 50%, 0.8);
+  border: 1px solid;
+}
+
+.stamp1 {
+  left: 10%;
+  top: 20px;
+  width: 20%;
+  height: 200px;
+}
+
+.stamp2 {
+  right: 200px;
+  top: 100px;
+  width: 100px;
+  height: 100px;
+}
diff --git a/examples/masonry.html b/examples/masonry.html
index 3b981ed..3c1c5f3 100644
--- a/examples/masonry.html
+++ b/examples/masonry.html
@@ -37,7 +37,10 @@
 </div>
 
 <div id="container">
-  
+
+  <div class="stamp stamp1"></div>
+  <div class="stamp stamp2"></div>
+
   <div class="element transition metal   " data-symbol="Hg" data-category="transition">
     <p class="number">80</p>
     <h3 class="symbol">Hg</h3>
@@ -171,6 +174,8 @@ docReady( function() {
     masonry: {
       columnWidth: 90
     },
+    itemSelector: '.element',
+    stamp: '.stamp',
     getSortData: {
 
       number: '.number parseInt',