src & docs : add filtering styles

_posts/docs/2010-12-06-filtering.mdown

@@ -70,3 +70,24 @@ $('#filters a').click(function(){
 });
 
 {% endhighlight %}
+
+## Recommended CSS
+
+If you choose to use the filtering functionality, add the following CSS to your stylesheet:
+
+{% highlight css %}
+
+/**** Isotope filtering ****/
+
+.isotope-item {
+  z-index: 2;
+}
+
+.isotope-hidden.isotope-item {
+  pointer-events: none;
+  z-index: 1;
+}
+
+{% endhighlight %}
+
+These styles ensure that hidden items will not interfer with interactions.

css/style.css

@@ -194,7 +194,18 @@ body {
   color: white;
 }
 
-/**** CSS3 transitions ****/
+/**** Isotope Filtering ****/
+
+.isotope-item {
+  z-index: 2;
+}
+
+.isotope-hidden.isotope-item {
+  pointer-events: none;
+  z-index: 1;
+}
+
+/**** Isotope CSS3 transitions ****/
 
 .isotope,
 .isotope .isotope-item {
@@ -250,9 +261,7 @@ body {
   float: left;
 }
 
-.isotope-hidden {
+
-  pointer-events: none;
-}
 
 #options li {
 }