docs : add clickable styles

_posts/demos/2010-12-13-elements-complete.html

@@ -4,7 +4,7 @@ layout: elements
 category: demos
 ---
 
-<div id="demo" class="iso-container">
+<div id="demo" class="iso-container clickable">
   {% for element in site.elements %}
     {% include element-partial.html %}
   {% endfor %}

_posts/demos/2010-12-16-elements-partial.html

@@ -4,7 +4,7 @@ layout: elements
 category: demos
 ---
 
-<div id="demo" class="iso-container">
+<div id="demo" class="iso-container clickable">
   {% for element in site.elements_best_of %}
     {% include element-partial.html %}
   {% endfor %}

css/style.css

@@ -179,6 +179,23 @@ body {
   height: 340px;
 }
 
+.clickable .element:hover {
+  cursor: pointer;
+}
+
+.clickable .element:hover h3 {
+  text-shadow:
+    0 0 10px white,
+    0 0 10px white
+  ;
+}
+
+.clickable .element:hover h2 {
+  color: white;
+}
+
+/**** CSS3 transitions ****/
+
 .isotope,
 .isotope .isotope-item {
   -webkit-transition-duration: 0.8s;