Browse Source

add stamp to masonry example

pull/563/head
David DeSandro 12 years ago
parent
commit
797b14278c
  1. 22
      examples/examples.css
  2. 5
      examples/masonry.html

22
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;
}

5
examples/masonry.html

@ -38,6 +38,9 @@
<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',

Loading…
Cancel
Save